Bloguea con Wordpress

OLIVER CARRERO MRQUEZ http://www.zalathun.co.cc

PGINA
01. INTRODUCCIN 02. ALTA EN WORDPRESS 03. CONFIGURAR EL BLOG
. EL TABLERO DE WORDPRESS . PERSONALIZACIN DEL PANEL DE ADMINISTRACIN . EL USO DEL TABLERO . OTRAS OPCIONES A TENER EN CUENTA . ADMINISTRANDO USUARIOS . SELECCIN DEL TEMA O PLANTILLA DEL BLOG . LOS WIDGET . LTIMAS CONFIGURACIONES ANTES DE EMPEZAR A BLOGUEAR

07 09 13
15 16 18 19 19 20 21 23

04. PUBLICANDO CONTENIDO

. LA PRIMERA ENTRADA . AADIR IMGENES

27
29 31

ndice

05. INSERTAR VDEO 06. INSERTAR AUDIO 07. CATEGORAS Y ETIQUETAS 08. BLOGROLL 09. ADMINISTRACIN DE COMENTARIOS 10 HIPERVNCULOS
. AADIR UN ENLACE A UN TEXTO O IMAGEN . AADIR UN ARCHIVO A LOS VNCULOS . AADIR PUNTOS DE ANCLAJE CON NOMBRE

35 39 45 51 57 61
63 63 68

11. CREACIN DE PGINAS ESTTICAS 12. ELEMENTOS RSS 13. CREAR ENCUESTA 14. CREAR UN MEN
. AADIR MEN, SU LGICA . EDICIN DEL MEN

71 77 81 87
89 92

15. ERRORES FRECUENTAS A LA HORA DE BLOGUEAR

93

Introduccin

INTRODUCCIN

A la hora de trabajar con un blog de Wordpress, se har a travs de la web http://www.wordpress.com . La otra posibilidad es hacerlo mediante la instalacin de un script en un servidor con soporte PHP y MySQL. Aunque esta segunda posibilidad es mucho ms funcional y personalizable, para la misma se requieren conocimientos relacionados con la gestin de bases de datos y html dinmico. Dentro de la opcin Web gratuta de Wordpress el usuario se va a encontrar: 1. Una cuenta de usuario que permite generar varios blogs pblicos o privados. 2. La opcin de importar blogs de otros sistemas (Blogger, Typepad, etc) o exportar el contenido de WordPress.com 3. Una vez creado el blog, wordpress presenta un panel de administracin traducido al espaol. 4. Widgets o pequeas aplicaciones que permiten modicar la barra lateral sin tocar el cdigo. 5. Tiene sistema de categoras y tags para que otros puedan localizar los artculos en base a una serie de palabras clave. 6. Se provee proteccin automtica contra el spam. 7. Permite insertar fotos, documentos y videos de Google y YouTube. 8. La capacidad de almacenamiento es de 3 GB.

Alta en Wordpress

ALTA EN WORDPRESS

Antes de nada, el usuario debe generarse un cuenta en Wordpress.com Y para ello, se seguirn los siguientes pasos:

1. Ir a http://es.wordpress.com/ 2. Seleccionar Registrarte Ahora. 3. Completar la siguiente informacin: . EL NOMBRE DE USUARIO: Es necesario para la identicacin como administrador del blog. . CONTRASEA: Utilizar una compleja, aunque fcil de recordar. Conrmar: Incluir de nuevo la contrasea . EMAIL: Es importante incluir una direccin real pues all se enviar la contrasea para conrmar el alta. . LO LEGAL: Aceptar los trminos del servicio. Activar la casilla denme un blog, ya que de lo contrario slo darn un nombre de usuario sin ms. . Finalmente pinchar sobre SIGUIENTE.

11

Tras dar a SIGUIENTE aparecer una pantalla con los siguientes items: - DOMINIO DEL BLOG: El dominio es importante ya que es la direccin mediante la cual se conocer el blog. - TTULO DEL BLOG: El ttulo del blog se podr modicar en cualquier momento. - IDIOMA: Escoger el espaol. - PRIVACIDAD: Usualmente se deja marcado que los contenidos del blog aparezcan en los motores de bsqueda si el blog es pblico. - Por ltimo, pinchar sobre REGISTRARSE Ya slo resta activar la cuenta. Wordpress manda un e mail de conrmacin al correo electrnico que el usuario facilit durante el registro. ste slo deber abrirlo y hacer clic sobre el enlace que se ofrece en el mismo. Despus, ya se puede comenzar a administrar el Blog.

12

Congurar el Blog

CONFIGURACIN

Para llegar al panel de administracin hay dos alternativas principales: 1. La primera es desde http://es.wordpress.com/ y all entrar con el nombre de usuario y contrasea creados. 2. Tambin se puede hacer directamente utilizando http://dominio. wordpress.com/wp-admin . Aqu tambin hay que incluir el nombre de usuario y contrasea.

opciones, en una especie de barra gris oscura. En ella se puede encontrar: MI CUENTA, MI TABLERO, NUEVA ENTRADA E INFORMACIN DEL BLOG. En este caso, se debe escoger MI TABLERO para acceder a las opciones de administracin y conguracin de la herramienta. El Tablero se compondr de forma modular. En primer lugar, empezando por la izquierda, una barra lateral a modo de men desplegable con diversas opciones de conguracin y edicin. Justo a la derecha del men, aparecen una serie de paneles, denominados Paneles de Administracin, para la edicin de contenidos, administracin de comentarios u obtencin de informacin sobre las visitas que reciba el blog, entre otras funciones.

El tablero de Wordpress
Al acceder al blog en WordPress.com, el administrador se encuentra con una especie de pantalla de bienvenida. Y en la parte superior, varias

En este panel ser donde administrarn y congurarn todas las caractersticas del Blog.

15

Personalizacin del Panel de Administracin:

a. En primer lugar, existe la opcin de escoger los paneles visibles en pantalla. Para ello, en la parte superior derecha de la interfaz, bastar con pinchar sobre la pestaa OPCIONES DE PANTALLA y activar o desactivar las casillas de vericacin que acompaan al nombre de cada uno de los paneles.

Dentro de las opciones de pantalla, tambin se puede hacer que el diseo de la pantalla se divida en columnas, admitindose hasta cuatro subdivisiones. b. Estos paneles ofrecen tambin la posibilidad de ser reordenados. Basta con pinchar y arrastrar cada uno de ellos a otra ubicacin de la pantalla. A este procedimiento se le conoce DRAG AND DROP.

Si se compara esta imagen con la de la pgina anterior se puede observar cmo los paneles del escritorio han cambiado de ubicacin.

16

CONFIGURACIN

c. Tambin existe la posibilidad de expandir y contraerlos.

En la parte superior derecha, aparece la pestaa OPCIONES DE PANTALLA

Se despliega este panel, donde slo hay que mantener activas las casillas de vericacin de aquello que se quiere seguir viendo.

17

El uso del tablero

Al pasar el cursor al lado de cada objeto de contenido se mostrar un pequeo tringulo y al pulsar sobre este se mostrarn los elementos de ese item. A la izquierda se puede encontrar el men de navegacin: Se puede expandir cada una de las reas para familiarizarte con las diferentes funciones. A su derecha los paneles otantes, ofreciendo mltiples posibilidades, entre las que caben destacar:

c. ENLACES ENTRANTES, donde se ofrece una lista de sitios que han enlazado al blog.

d. PUBLICACIN RPIDA, una herramienta que permite bloguear de una manera sencilla.

e. LTIMOS BORRADORES, donde se guardan las ltimas entradas que hayan sido guardadas como borrador

a. AHORA PUEDES es una especie de resumen de lo que contiene el Blog (nmero de entradas, pginas, comentarios, categoras, etc). f. Y por ltimo, el mdulo de ESTADSTICAS del blog en donde se resume las entradas ms vistas, lo ms buscado y lo ms activo. b. LTIMOS COMENTARIOS

18

CONFIGURACIN

Otras opciones a tener en cuenta

a. En la parte superior derecha se puede acceder directamente a NUEVA ENTRADA que contiene enlaces a BORRADORES, NUEVA PGINA, SUBIR Y COMENTARIOS.

1. Aadir una imagen desde el ordenador y subir la misma. 2. Usar la webcam para tomar una foto 3. Aadir una imagen mediante un enlace a Internet Para guardar los cambios, pulsar sobre Actualizar Perl.

Administrando usuarios
El creador del blog recibir el nombre de Administrador y tendr potestad para aadir a otros usuarios con privilegios que le permitan crear o editar sus propias entradas . Para administrar los usuarios ir a USUARIOS/USUARIOS y aqu se le puede asignar el papel de colaborador, administrador, etc. Slo hay que escoger una opcin en el men desplegable del panel.

b. El usuario debe administrar tambin su perl en el Blog. Para acceder a CONFIGURACIN PERSONAL se pulsar en Usuarios y escoger la opcin que ms le convenga, ya que desde aqu podr: - Invitar a otros usuarios a colaborar en el blog con diversos roles. - Congurar colores o idiomas - Los datos personales del propio administrador Por ejemplo, en CONFIGURACIN PERSONAL se puede aadir un avatar o imagen que represente una identidad en los comentarios que se incluyan en WordPress.com. Para incluir una imagen se selecciona CAMBIAR TU GRAVATAR y aparecern una serie de opciones:

Para aadir usuarios basta con incluir el e mail que tiene asignado en la comunidad de WordPress.com y seleccionar su rol dentro del blog.

19

Automticamente, la persona aparece en la lista de usuarios y se le enva un correo con un mensaje para su conrmacin.

Los pasos para seleccionar un tema son los siguientes: 1. Ir a APARIENCIA TEMA.

El administrador de un blog puede asignar cuatro diferentes roles a los usuarios: 1. COLABORADOR: Puede crear contenido pero no publicarlo ya que el administrador debe aprobarlo primero. 2. AUTOR: Tiene los privilegios del Colaborador y adems puede subir archivos y publicar entradas 3. EDITOR: Tiene todos los privilegios del Autor y adems puede editar entradas y pginas, moderar comentarios y modicar categoras y enlaces. 4. ADMINISTRADOR: Todos los privilegios para administrar el blog.

2. Para habilitar el tema pulsar sobre ACTIVAR.

Seleccin del tema o plantilla para el blog

WordPress.com ofrece a sus clientes varios tipos de plantillas preinstaladas para controlar la apariencia de los blogs. Al crearse un nuevo blog aparece con una plantilla por defecto. La plantilla que est utilizando el blog aparece siempre en la parte superior del panel para administrar los temas. Se pueden cambiar los temas cuantas veces se desee.

Si slo se pretende ver cmo quedara, escoger la opcin previsualizar.

Una de las limitaciones del sistema de WordPress.com es que no ofrece de forma gratuita la funcionalidad de editar el archivo CSS. Lo mximo a lo que puede aspirar el usuario en esta versin free, es a cambiar la imagen de la cabecera.
20

CONFIGURACIN

Los widgets
Mediante los widgets se pueden aadir pequeas aplicaciones de gran utilidad y vistosidad a la barra lateral del blog. Para manejar los widgets: 1. APARIENCIA WIDGETS

Est pgina est dividida en dos grandes bloques: widgets disponibles y widgets inactivos.

21

ENTRE LOS WIDGETS MS USADOS SE ENCUENTRAN: -PGINAS: Para incluir enlaces a las pginas que se hayan creado. -CALENDARIO: Calendario con enlaces a los das en donde se han publicado artculos. -ARCHIVOS: Para incluir el archivo por meses de las entradas -ENLACES: Para incluir la lista de enlaces o el blogroll -BUSCAR: Permite a los visitantes hacer bsquedas sobre el contenido del blog. -ENTRADAS RECIENTES.

CATEGORAS: Lista de categoras del blog con enlace a las entradas. -RSS: Mediante este widget se podr incluir el feed de RSS de un sitio o blog y aparecern las entradas recientes del mismo. -COMENTARIOS RECIENTES: Para incluir los comentarios recientes. -VODPOD VIDEOS: Para aadir videos del servicio de VodPod. -CATEGORA NUBE: Para aadir la nube de las categoras. -AKISMET: Para presentar las estadsticas de spam. -ESTADSTICAS DEL BLOG. -TOP CLICKS: Para incluir las entradas con ms hits. -POST MS VISTOS: Entradas con el mayor nmero de visitas.

Para aadir un widget se arrastra a la columna derecha. Algunos widgets permiten editarlos para congurarlos de acuerdo a las preferencias del usuario. Por ejemplo, en el caso de las categoras, se puede congurar el ttulo, el que muestre la cantidad de entradas por categoras o que muestre la jerarqua. Para borrar un widget lo nico que hay que hacer es editarlo y oprimir Borrar. Tambin es vlido pinchar sobre su ubicacin en la barra de la derecha y arrastrarlo fuera.

22

CONFIGURACIN

ltimas conguraciones antes de empezar a bloquear

Hay varias opciones en un blog de WordPress.com que permiten controlar su apariencia y funcionamiento: 1. Opciones Generales: Ir a OPCIONES
A B C

GENERAL

E A.SITE TITLE: Es el nombre del blog y es editable. B.DESCRIPCIN CORTA: Es una breve descripcin que aparece despus del ttulo de tu blog. C.DIRECCIN DE E MAIL: Aqu se incluye el correo del administrador del blog. Se utiliza solo con nes administrativos. D.ZONA HORARIA E.FORMATO DE FECHA F.FORMATO DE HORA G.LA SEMANA EMPIEZA EL H.IDIOMA: Congura el idioma. En el caso que nos ocupa, se escoger el espaol. Despus de congurar estas opciones ya slo resta GUARDAR CAMBIOS en la parte inferior izquierda de la pgina.

G H

23

2. Opciones de escritura: Ir a OPCIONES

ESCRITURA

Permite congurar varias opciones a la hora de escribir una entrada:

A B C D A.TAMAO DE LA CAJA DE TEXTO: Para congurar el tamao del espacio que se utiliza para redactar los artculos. El tamao predeterminado es de 10 lneas pero puede ser aumentado o reducido. B.LAS OPCIONES DE FORMATO se dejan tal cual. C.CATEGORA PREDETERMINADA: Selecciona la categora predeterminada para las entradas. Tanto categoras como etiquetas, son fundamentales para que el Blog est ordenado y la bsqueda de informacin en el mismo sea gil. D.CATEGORA PREDETERMINADA PARA ENLA CES: Blogroll. Hacer clic en el botn de GUARDAR CAMBIOS al terminar.

24

CONFIGURACIN

3. Opciones de lectura: ir a OPCIONES

LECTURA.

Administra la apariencia de las publicaciones en el Blog:

B A.NMERO MXIMO DE ENTRADAS A MOSTRAR EN EL BLOG

B.NMERO MXIMO DE ENTRADAS A MOSTRAR EN EL FEED

C.MOSTRAR, PARA CADA ENTRADA EN EL

FEED

D.PARA CADA ARTCULO EN UNA FUENTE DE NOTICIAS ENRIQUECIDA, MOSTRAR E.SELECCIONAR EL TIPO DE CODIFICACIN PARA PGINAS: El recomendado es el que ya tiene por defecto (UTF-8). F. COFIGURACIONES DE EMAIL Seleccivonar el botn de GUARDAR E
CAMBIOS

25

4. Comentarios: Ir a OPCIONES

COMENTARIOS

A. Tambin existe la opcin de moderar los comentarios. Por ejemplo, en OTRAS CPCIONES DE COMENTARIO se le puede pedir a aquel que quiera comentar, que deje nombre y correo electrnico. B. En ENVIARME UN EMAIL se puede pedir recibir un mensaje cada vez que alguien deja un mensaje en el blog. C. PARA QUE UN COMENTARIOS aparezca permite administrar los comentarios que lleguen.

6. Privacidad: Ir a OPCIONES

PRIVACIDAD
A. ME GUSTARA QUE MI SITIO SEA VISIBLE PARA TODOS, INCLUIDOS LOS MOTORES DE BSQUEDA (COMO GOOGLE, BING, TECHNORATI) Y ARCHIVADORES

Es otro de los elementos a tener en cuenta, ya que el blog se podr estar desarrollando de forma totalmente privada hasta que el administrador decida lo contrario. Se ofrecen estas tres posibilidades:

A B C

B. QUIERO BLOQUEAR LOS MOTORES DE BSQUEDA, PERO PERMITIR VISITANTES NORMALES. C.QUIERO QUE MI BLOG SEA PRIVADO, VISIBLE SOLO A LOS USUARIOS QUE YO SELECCIONE.

26

Publicando contenido

PUBLICAR EN EL BLOG

Existen dos formas de publicar contenido en el blog: 1. Entradas: se organiza por fechas y se muestra en orden cronolgico inverso. Se le pueden asignar categoras y tags, y son parte del archivo del blog. 2. Pginas: No son parte del blog como tal pero puede accederse mediante enlaces que se muestren en la barra lateral u otro lugar del blog.

La primera entrada
1. En el men, ir a ENTRADAS NUEVA ENTRADA:

Aparece un espacio en donde es posible redactar mediante un editor en el que se van a destacar varias funciones.

enada

e te

ech a

xto

Listas

iscr oe alg nte. e ina elim eriorm ra t Pa to an

Aline

es d

desord

a la

oqu

ear

ent

ro

al c

a bl

Alin

ear

orden adas

Listas

Si el texto es muy extens o se puede utilizar este bot n para publicarlo en diferentes sec ciones. Si se activa, en el blog hay un enlace sobre el texto CONTINU AR LEYENDO

der

ar a la izqu

Cre

Alin

Italic

o Cur

siva

r Co

re

cto

ro

rt

r og

co

ierda

Bold o negrita

a lnea Muestra u ocult tas inferior herramien

Formato de prrafo

Maxim

yar Subra

el te x

rv nc

ar ti c Jus

to tex
ulo

Quit

iza pan

to

ncu iperv ar h

talla ed

Co lo rd

ea rh ipe

itor

Cr

lo

29

El editor tiene dos pestaas principales: Visual y HTML. Del mismo modo que dreamweaver tiene varias vistas de trabajo y la usada por el diseador ser la vista diseo, en este caso, se usar la pestaa VISUAL. La pestaa de HTML permite ver los cdigos que estn detrs de lo que se publica. Ya se ha explicado que para publicar contenido en Internet es necesario utilizar lo que se conoce como el lenguaje HTML. El editor (Modo Vista) facilita la inclusin de las etiquetas sin que te haya que saber lenguaje HTML para ello.

Aqu debe un resumen de la entrada que se haya escrito.

Aqu ponen las url que hayan servido como referencia para el post.

30

PUBLICAR EN EL BLOG

UNA VEZ VISTOS LOS ELEMENTOS DE EDICIN PARA LA ENTRADA, LLEGA EL MOMENTO DE COMENZAR A CREAR LA PRIMERA ENTRADA. PARA ELLO: 1. Hay que seleccionar un TTULO para la entrada. 2. En la caja de texto se comenzar escribir el mensaje. 3. Aadir las ETIQUETAS y CATEGORAS que denen a esta entrada. No hay que olvidar que sin categoras o etiquetas, la nalidad del post, su lectura, no se potenciar como es debido. Tanto categoras, como tags sirven como reclamo para los buscadores. Su diferencia estriba en que las segundas complementan a las primeras. Por ejemplo, una categora podra ser Photoshop y etiquetas que la completaran podran ser: capas, resolucin, guardar, ajustes, etc. Hay que ser consciente de que al no seleccionar una categora, el post se clasica en la categora congurada por defecto. El aadir etiquetas a una entrada es opcional, pero muy recomendable. 4. EXTRACTO: Para crear un resumen del artculo publicado. 5. ENVIAR TRACKBACKS: Para noticar a otros servicios que se ha publicado un artculo nuevo (opcional) 6. COMENTARIOS: Establece si los visitantes pueden comentar el artculo. Tambin se puede decidir si se permiten PINGS. Eso signica que cuando alguien cite el artculo aparecer bajo los comentarios una referencia al artculo que lo est citando. 7. AUTOR: til si el blog tiene mltiples autores 8. VISIBILIDAD: Al lado derecho se decide si la entrada estar protegida por contrasea, que sea una entrada que se mantenga en la parte superior del blog, o que sea privada (slo la vea el administrador). Tambin se puede seleccionar la fecha en que aparecer publicada la entrada. Por ejemplo, si el administrador quiere dejar trabajo hecho y no quiere publicarlo todo el mismo da, puede escalonar la aparicin de cada una de la entradas en el tiempo.
31

Aadir imgenes en las entradas

Insertar imagen Insertar vdeo Insertar audio Insertar encuesta Insertar objeto

En el editor, seleccionar el icono de AADIR UNA IMAGEN Se Ver entonces lo siguiente: Pulsar sobre Seleccionar archivo.

Se escoge la imagen y se pulsa Subir. Aparecer el siguiente cuadro:

Finalmente, pulsar en INSERTAR ENTRADA y la imagen aparecer en el editor.

En este apartado se podr: cambiar el ttulo, incluir una leyenda debajo de la imagen y aadir una descripcin (opcional). Tambin se ofrece la opcin de enlazar esa imagen a una URL o a la direccin de la entrada. Adems, se podr seleccionar la alineacin de la imagen y su tamao.

Si se pincha sobre la imagen, se podr volver a editar si se accede a la EDITAR IMAGEN, que aparece en la parte superior izquierda opcin de de la misma. Tambin se puede eliminar oprimiendo en el icono de que est justo a la derecha del de editar.
BORRAR IMAGEN

32

PUBLICAR EN EL BLOG

La segunda manera de aadir una imagen es siguiendo los mismos pasos descritos hasta llegar al cuadro de dilogo y seleccionar DESDE URL: Ahora se puede aadir la URL de la imagen, su ttulo, una leyenda, el tipo de alineacin, as como un enlace a la imagen original. En Internet hay una norma no escrita consistente en que siempre se deben nombrar a la fuente en caso de no ser una imagen de produccin propia. A la hora de editar, existen tambin unas opciones avanzadas, muy usadas para personalizar el tamao de la imagen, darle un grosor de borde, as como un margen. Para acceder a estas posibilidades, una vez dentro de EDITAR IMAGEN, se hace clic sobre la pestaa OPCIONES AVANZADAS que se encuentra justo a la derecha.

33

Insertar vdeo

INSERTAR VDEO

Aadir videos en el blog

La versin gratuta de Wordpress no permite cargar elementos multimedia tales como vdeos o sonidos en sus libreras. No obstante, s que permite insertar vdeos procedentes de pginas como YouTube o Google. Slo habr que:

1
37

Visitar el sitio y buscar un video relacionado con el blog.

Copiar del navegador la url que genere cuando aparezca el vdeo

5 3 4

Por ltimo, se har clic sobre INSERTAR EN ENTRADA y ya estar. Slo restar visualizar la entrada para ver cmo queda el vdeo en el blog.

Insertar imagen Insertar vdeo Insertar audio Insertar encuesta Insertar objeto
Ejecutar la opcin de insetar vdeo, que se encuentra encima del ttulo de la entrada.

Pegar la direccin de Internet en la casilla URL que habilita Wordpress dentro de la pestaa DESDE UNA URL.

38

Insertar audio

INSERTAR AUDIO

Integrar audio en el blog

Hay que dejar claro que no se pueden subir archivos de audio (formato mp3) en el blog de WordPress.com a menos que se tenga una cuenta

de pago. Para poder usar esos archivos deben estar publicados en otros servidores. En este caso, se usar una cuenta Box.net, ya que se podr asociar con el Widget del mismo nombre, que ofrece el Blog.

1
41

En http://www.Box.net el usuario debe crearse (Pinchar sobre SIGN UP y rellenar los datos que se piden) una cuenta y apuntar su nombre de usuario y contrasea, ya que sta ser imprescindible para poder operar desde Wordpress. Box.net permite reproducir vdeos v y audio mp3 como formatos ms usados dentdo del mundo Web. El nico habdicap que tiene este servicio web radica en que los archivos que se suben no pueden superar los 25 Mb de tamao.

Cuando se despliega el widget de Box.net, se puede ver un hipervnculo a Box.net. Al hacer clic sobre el mismo, aparece un panel en el que aparecen tres tems: a. El primero SELECT FLIE(S) TO UPLOAD permite adjuntar los archivos que se pretenden subir a Box.net. b. El segundo CREATE TO A FREE BOX.NET ACCOUNT TO MANAGE YOUR FULES (OR LOGIN TO AN EXISTING ACCOUNT):pide que se introduzca el nombre de usuario (login) y contrasea (password) con la que se dio de alta en Box.net c. Por ltimo, se ejecuta el botn UPLOAD y ya solo queda esperar a que se suban los archivos. d. Es un ejemplo de cmo ser el panel reproductor que ir en e Blog.

2
A D B

Este es el Widget de Box.net. En la primera lnea hay un hipervnculo que llevar a la panel naranja de la derecha.

42

INSERTAR AUDIO
En el momento que el archivo se ha subido al servidor, la pgina lanza un mensaje indicando que es el momento de congurar la apariencia que tendr el Widget.
A. TYPE. Se reere a la apariencia del panel. Puede ser Bsica (la que puede ver en la imagen) o compleja. B. COLOR, donde se puede cambiar el color de la herramienta. Se puede ver que es de color negro y en a casilla pone BLACK C.

TITLE: Se reere al encabezado que llevar esta especie de panel multimedia. Por defecto, escribe My shared les.
D.

SIZE, donde se puede congurar el tamao del panel.

3
A B C D E

E. Se encuentra el cdigo generado despus de haber subido el archivo y haber cambiado algunos parmetros de apariencia como el tipo, el color, el tamao o el ttulo. F. Ese cdigo se copiar y pegar dentro de la casilla que el widget de wodpress habilita habilita para tal efecto.

43

Despus de Guardar los cambios, ya se puede probar el Blog y se puede observar cmo quedara a la izquierda el Widget tras haber subido dos archivos de audio. Para ejecutarlos, bastar con hacer clic sobre el elemento que interese.

44

Categoras y etiquetas

CATEGORAS Y ETIQUETAS

Mediante las categoras se crea una estructura organizativa que facilita que los visitantes puedan identicar lo que les interesa. Al ir clasicando las entradas y enlaces utilizando categoras se genera un directorio temtico para el blog. Se puede aadir en la barra lateral un listado de categoras utilizando los widgets correspondientes. Cada categora tiene tambin su canal de RSS correspondiente, lo que facilita el que las personas puedan subscribirse directamente a algn tema en particular del blog.

Creacin de categoras y sub-categoras

Ya se ha visto que WordPress tiene dos categoras por defecto: Blogroll (para los enlaces) y Uncategorized (para las entradas). Son las categoras que se utilizarn cuando no se categorizan las entradas y los enlaces. Para aadir una nueva categora: ir a ENTRADA CATEGORIES Aadir un nombre, escoger si es una categora superior (Parent/Ninguna) una sub-categora (si se escoge una categora ya existente en Parent, la nueva se subordinar a la elegida) y aadir una descripcin (opcional). Pulsar sobre Aadir nueva categora para terminar.

47

Para editar categora: ir a ENTRADA

una

nueva

CATEGORIES

Para editar una categora, se pone el puntero del ratn sobre el nombre y aparecern las opciones de editar, Edicin rpida y borrar. EDICIN RPIDA: Cambia nombre de la categora. el

EDITAR: adems del nombre retoca otras variables. BORRAR: la eliminar.

48

CATEGORAS Y ETIQUETAS

Al pinchar en Editar:

Como se puede observar, de dispone de un espacio para editar el nombre, seleccionar si se quiere como una sub-categora, as como para aadir una descripcin de la misma. Finalmente, se pulsar sobre ACTUALIZAR CATEGORA.

49

Blogroll

BLOGROLL

La mayor parte de los sistemas para crear blogs proveen a sus clientes de una herramienta para administrar enlaces conocida como blogroll. El blogroll es un directorio de enlaces organizado por categora que puede incluirse en la barra lateral.
PASO 1

Para comenzar a manejar un blogroll, ir al Men y buscar ENLACES. Expandir el mismo y elige la opcin Enlaces. A la derecha aparece un listado con los enlaces favoritos aadidos al blog.

Al poner el puntero del ratn sobre el nombre, da la opcin de editarlo y eliminarlo.

PASO 2

A la hora de editarlo, se podr cambiar el nombre, la url con la que est relacionado, as como una breve descripcin del enlace.

PASO 3 Una vez realizados los cambios oportunos, a la derecha del panel, se encuentra la opcin de actualizar los cambios, hacer una vista previa del vnculo, o bien mantenerlo como privado.

53

Para crear un enlace seleccionar Agregar Enlace y seguir los siguientes pasos: 1.Incluir el nombre del enlace 2.Su direccin de internet 3.Una descripcin breve del mismo (opcional) 4.Seleccionar la categora en la cual se incluir el enlace. 5.Si interesa que sea privado, se puede marcar. Se incluir en una categora o se podr crear otra nueva en el caso de que no existiera.

54

BLOGROLL

NOTA: Para poder ver los resultados del BLOGROLL, es imprescindible que el Widget Enlaces est activo.

55

Administracin de comentarios

ADMINISTRAR COMENTARIOS

Administracin de los comentarios

Una de las riquezas de los blogs gira en torno a que los visitantes pueden expresar sus opiniones acerca de lo que ven, leen o escuchan. El autor del blog tiene la tarea de responder a los comentarios y manejar los comentarios de spam. WordPress incluye un Widget muy efectivo para manejar spam llamado AKISMET. En los blog de WordPress.com est activado de forma automtica.
Para ir a la pgina de los comentarios seleccionar en el men COMENTARIOS.

Los comentarios estn organizados en varias categoras: PENDIENTES DE MODERACIN, APROBADOS Y DE SPAM. Permite buscar, por palabras clave, un comentario

Indica en base a qu post se ha realizado este comentario.

Al poner el cursor en algn comentario aparecer un men con varias opciones: RECHAZAR EL COMENTARIO, IDENTIFICARLO COMO SPAM, EDITARLO, EDITARLO RPIDAMENTE O RESPONDER AL MISMO.

59

Hipervnculos

HIPERVNCULOS

Gran parte de la tarea de un bloguer consiste en enlazar a otras personas y recursos. Y lo podr hacer tanto en un entrada como en una pgina.

c. Aparecer una ventana emergente en donde congurar el enlace: En URL DEL ENLACE es donde se pegar el vnculo que se vaya a realizar. En DESTINO se indicar si el enlace abrir en la misma pgina _self o e una pgina nueva _blank

1. Aadir un enlace de texto o imagen

a. Se selecciona el texto que se pretende enlazar.

d. Pulsar sobre INSERTAR y en ese momento el texto cambiar a color azul y estar subrayado.
NOTA: Para hacer el enlace a una imagen, los pasos a seguir son los mismos que con el texto. La nica diferencia estriba en la forma de seleccionar la imagen. En lugar de pinchar y arrastrar como se hace con el texto, simplemente se hace un clic sobre ella para activarla y, por tanto, seleccionarla.

2. Aadir archivos a los vnculos

Ya se ha vist como hacer un enlace a una url externa y donde debe ir pegado el nombre del enlace. Pues bien, para este caso, basta con poner la ruta en la que est alojada el archivo, y ste se descar automticamente. Debido a las limitaciones de almacenamiento que ofrece la versin gratuita de Wordpress, se hace necesario acudir a algn servicio de almacenamiento ofrecido por la Red. Por ejemplo, un buen disco duro virtual es www.4shared.com. Tras darse de alta el usuario ya estar en disposicin de poder subir archivos de hasta 200 mb. La capacidad de alojamiento es de 10 GB.

b. Pulsar sobre el botn de enlace en la barra del editor

63

Los pasos son los siguientes:

Una vez dado de alta, y dentro del servicio de disco duro virtual, en la parte inferior de la pantalla aparece un panel que permite subir un solo archivo, o bien realizar una subida mltiple. El usuario se valdr de una de las dos opciones para subir su archivo. Permite cualquier formato.

NOTA: Cuando se estn subiendo archivos, hay una barra de progreso que informa al usuario de la progresin de los mismos. Si sta permanece mucho tiempo esttica, se recomienda abortar el proceso y reintentarlo ms tarde.

64

HIPERVNCULOS

NOTA: Cuando se sube el archivo, ste aparece marcado con una casilla de vericacin que facilita su localizacin.

Una vez subido el archivo ofrece una opcin de link, que se desechar, ya que no es vlida para lo que se pretende con el blog.

65

Se har clic sobre el archivo y aparecer una venta, con una serie de opciones, entre las que se encontrar la de descargar. Esto lleva a otra pantalla en la que se debe tambin ejecutar la opcin de descargar ahora.

Tras esperar unos segundos, al tratarse de un servicio gratuito hay que contar con estas demoras, el archivo estar listo para la descarga. En ese momento, con el botn derecho del ratn, hay que colocarse sobre el enlace de descarga y del men contextual, escoger la opcin de copiar ruta del enlace.

NOTA: En este caso, la ruta que ha copiado es la siguiente: http://dc123.4shared.com/download/324699002/134d1071/t02. mp3?tsid=20100624-091001-253159b9

66

HIPERVNCULOS

5
67

Pues bien, esta ruta es la que se pegar en el hiperenlace del blog (ya sea vinculado a un texto o una imagen) y el archivo estar listo para su descarga. Al ver el Blog y pinchar sobre el enlace, se abrir un panel que dar la opcin de guardar o ejecutar el archivo vinculado

3. Hacer puntos de anclaje con nombre

Tambin puede darse el caso de que lo que se pretenda es hacer vnculos dentro de la misma entrada. Es lo que se conoce como puntos de anclaje con nombre o puntos de jacin. Por ejemplo, si esta explicacin acerca de los vnculos tuviera que ser posteada en un blog, lo primero que se hara sera escribir los epgrafes correspondientes al principio, ya que sern estos los que llevarn los vnculos. En este caso: - Aadir enlace de texto - Enlazar desde una imagen - Descargar archivo - Punto de anclaje

Debajo se introducen los textos a los cuales han de llevar estos elementos de men. Una vez hecho esto, habr que ir a la vista html de la entrada para delimitar las zonas a las cuales quiero que lleven los enlaces del men. En realidad, se est haciendo lo mismo que se hace en dreamweaver con los puntos de anclaje, con la salvedad de que en este caso, el usuario deber insertar el ancla (elemento que sirve como reclamo del enlace) manualmente en el cdigo. No obstante, es un proceso muy sencillo.

En primer lugar hay que ir a la vista html (equivalente a la vista de cdigo de dreamweaver) y una vez all, habr que desplazarse hasta llegar a cada uno de los prrafos a los que van a llevar los tems del men.

68

HIPERVNCULOS

En la imagen se puede ver que se trata de un punto de ancla, cuyo nombre es texto. Se ha puesto a la misma altura de Enlace de texto, ya que ese es el epgrafe al que se quiere lleve uno de los vnculos.

2
69

En cada item habr que escribir el siguiente cdigo: <a id=etexto> </a> (Se trata de un etiqueta en la que se est indicando que se busque un punto de ancla <a con una identidad o nombre id= que va a ser etexto. El resto de signos no son ms que para cerrar la etiqueta). Por lo tanto, en cada prrafo que haya que vincular se escribir este cdigo y slo se le cambiar el nombre, ya que son distintos los puntos a los que debe llevar el men. As, habra que insertar la siguientes etiquetas: a. <a id=etexto> </a> (Al comienzo del prrafo que explicar los enlaces de texto) b. <a id=eimagen> </a> (Al comienzo del prrafo que explicar los enlaces de imagen) c. <a id=earchivo> </a> (Al comienzo del prrafo que explicara los enlaces para descargar un archivo) d. <a id=ejacion> </a> (Al comienzo del prrafo que explicar los puntos de anclaje)

3
En la imagen se puede apreciar el vnculo resaltado y de color azul. Al visualizar el blog y hacer clic sobre el enlace, ste llevar al epgrafe en el que se escribi: <a id=etexto> </a>

Una vez colocados los puntos de ancla con nombre, ya slo resta ir a los textos que servirn como men. Se selecciona uno y se escribe lo siguiente en el hipervnculo: #nombre_punto_ancla. Donde con la # se est indicando que busque un punto de anclaje con nombre y con texto. Para el men propuesto quedara de la siguiente manera: a. Para Aadir enlace de texto (Se escribira #etexto en el hipervnculo). b. Enlazar desde una imagen (Se escribira #eimagen en el hipervnculo). c. Descargar archivo (Se escribira #earchivo en el hipervnculo). d. Punto de anclaje (Se escribira #ejacion en el hipervnculo).

70

Creacin de pginas estticas

PGINAS ESTTICAS

En pginas anteriores ya se adelant algo acerca de las pginas. No forman parte del blog como tal pero puede accederse mediante enlaces que se muestren en la barra lateral u otro lugar del blog. Cuando se comparan con las entradas, las pginas: 1. No se publican en orden cronolgico inverso. 2. No pueden ser clasicadas mediante categoras. 3. No aparecen en los archivos mensuales del blog 4. Se consideran estticas.

5. No aparecen en los resultados de bsqueda. 6. No aparecen en la lista de entradas recientes. Las pginas pueden utilizarse para incluir contenido que se pretende que est siempre disponible. Por ejemplo: pgina acerca del autor o una encuesta. Para crear una pgina ir a PGINAS AADIR:

El panel de edicin es el mismo que para crear entradas. Permite poner un ttulo, editar un texto como si de un documeto de Word se tratara, guardar como un borrador, ver previamente o publicar directamente.

73

Para editar las pginas acceder a Pginas, colocar el puntero sobre las pginas ya creadas y justo debajo aparecern las opciones:

Dependiendo del tema, las pginas pueden mostrarse como men en la parte superior del blog. Sin embargo, hay temas en los cuales no se podrn ver a no ser que se aada el widget de Pginas. Es recomendable aadirlo.

El sistema es el mismo que el utilizado para editar entradas.

74

PGINAS ESTTICAS

Congurando la pgina principal del blog

En algunas ocasiones te puede interesar que la pgina principal no sea la de las entradas recientes pero la de una pgina esttica. WordPress.com ofrece una manera efectiva de lograr esto: 1. Ir a OPCIONES LECTURA:

2. En LA PGINA PRINCIPAL MOSTRAR seleccionar UNA PGINA y en PGINA INICIAL escoger la que se convertir en la pgina principal del blog.
ESTTICA

De esta manera el blog se iniciar con una pgina esttica.

NOTA: Si no existe una pgina esttica creada, esta opcin de lectura La pgina inicial mostrar no estar habilitada.

75

Elementos RSS

ELEMENTOS RSS

Qu es el RSS?
Son las siglas de Really Simple Syndication. No es ms que una forma de facilitar contenidos desde cualquier sitio en la red para su insercin fcil en una pgina web o en un lector de tu escritorio. El RSS es un paso ms muy importante en la interconexin de la informacin y su acceso

por los usuarios. En cualquier pgina web pueden ser vistos los titulares actualizados de El Pais, 20 minutos, etc. Asimismo, tambin el administrador puede dar la opcin de que otros lectores se sindiquen a su blog y de este modo puedan estar constantemente informados de los cambios que se producen en el mismo. Para ello, Wordpress ofrece tres Widget de gran utilidad:

RSS: En el que el administrador podr aadir aquellas pginas de su inters para poder estar informado de los cambios que se producen en las mismas. Basta con poner la url de la pgina en el Widget y personalizar algunos parmetros tales como la cantidad de elementos a mostrar de ese RSS. Si el autor del blog se quiere sindicar a otra pgina, slo t endr que volver a aadir otro Widget RSS y repetir la operacin.

A la izquierda se puede ver un ejemplo de cmo quedara en el Blog, si el usuario decidiera suscribirse a 20 minutos y El mundo. En la opcin CUANTOS ELEMENTOS TE GUSTARA MOSTRAR? se ha indicado sean 5.

79

Si por el contrario, lo que se pretende es que otras personas se suscriban al Blog que estn leyendo, es el administrador quien ofrece ese servicio, el Widget que se debe usar ser el de ENLACES RSS.

Esta sera la apariencia nal de las opciones RSS en el Blog. El orden depender de cmo se coloquen los Widget (Recordar que obedecen al DRAG AND DROP) Que se encuentren a la derecha, izquierda o debajo del cuaderno de bitcora, tendr que ver, adems de con los gustos del autor, de la plantilla escogida para trabajar.

Una segunda opcin de sindicacin para los lectores es el Widget SUSCRIPCIN AL BLOG. Con esta opcin, el lector slo tendr que facilitar un e mail para recibir las novedades.

80

Crear encuesta

CREAR ENCUESTA

Otra opcin que puede ser de gran utilidad dentro del programa, es la creacin de encuestas. Para ello, en el men lateral de la izquierda, el usuario cuenta con la opcin ENCUESTA. Si despliega esa posibilidad, podr ver la opcin AADIR.

En el primer campo de texto se pondr la pregunta que se lanza al lector. En el primer campo de texto se pondr la pregunta que se lanza al lector. En repuestas, se usar una lnea de texto para cada respuesta. Por defecto aparecen tres, aunque se pueden aadir tantas como el administrador considere oportunas.

1
Elimina una respuesta Aadir una respuesta

2
83

Dentro del Diseo, se escoger la opcin PollDaddy, ya que el estilo personalizado es de pago en casi su totalidad. La opcin personalizada gratuita no admite ms de 100 votos. Por eso, se trabajar con PollDaddy y se escoger uno de los skin (apariencia, pieles) que se ofrecen por defecto.

3
A la derecha hay otras opciones de conguracin que tienen que ver con los Resultados de las encuestas o con la opcin de bloquear a los votantes repetidos.

Por ltimo, se guarda la encuesta y, si no da ningn cdigo, o no remite a la pgina de lista de encuestas, el usuario debe hacer clic sobre LISTA DE ENCUESTAS de la parte superior de la pantalla. En este apartado, aparece un listado con las encuestas y si se coloca el cursor sobre el nombre, ofrecer la opcin de EDITARLA, BORRARLA, VER LOS RESULTADOS y, la que interesa en este caso SHAREDEMBED.

84

CREAR ENCUESTA

5
SHARED EMBED ofrece el cdigo que se debe insertar en la entrada o pgina para que la encuesta se vea y los lectores puedan interactuar con las misma. Del panel que se despliega, se distingue un apartado en el que se puede leer WORDPRESS SHORTCODE. Ese ser el cdigo que habr que copiar y pegar en la pgina o en la entrada que se cree o ya existente. El resultado nal se puede observar en esta imagen.

7
85

Ya slo resta probar la pgina o entrada en la que se introdujo la encuesta para ver que el cdigo insertar es el correcto.

Crear Men

CREAR MEN

Aadir Men, su lgica

A medida que el blog va incrementando sus contenidos, se har necesaria la creacin de un men. Su conguracin tendr mucho que ver con la capacidad del administrador para haber ordenado los contenidos de su cuaderno de bitcora en categoras y pginas. Esto es de capital importancia, ya que el men se generar automticamente basndose en esos parmetros. Por poner un smil, este se podra comparar con las tablas de contenido de Word, que se basan estilos sirven para generar un un ndice. Pues bien, algo parecido ocurre con Wordpress y los mens, slo que sus referencias principales sern las pginas y las categoras Una vez dentro de las opciones de men se seguirn los siguientes pasos:

A B

A. B.

Dar un nombre al men en la pestaa Men Name Una vez nombrado, hacer clic sobre el botn de la derecha Create Menu.

1
89

EN EL MOMENTO EN QUE SE CREA EL MEN, LOS PANELES DE LA IZQUIERDA: a. En THEME LOCATION se elige el men que se pretende usar en el caso de que se hubiera creado ms de uno. b. VNCULOS PERSONALIZADOS se usa si se quiere hacer un enlace a una url externa. c. En PAGES se escogern aquellas pginas que se pretende aparezcan en el men. d. CATEGORIES lo mismo que para las pginas, pero en este caso con las categoras. Lo importante de este punto es que cuando se generen las categora s, todos los post que participen de esa categora se vern slo a travs de ese elemento de men.

2
90

NOTA: Debajo de cada panel hay un botn ADD TO MEN sobre el que se debe pinchar para ir aadiendo elementos al men. En esta ocasin se va a generar un men con las diferentes pginas y categoras creadas, as como con la insercin de un vnculo personalizado. En el panel de VNCULOS PERSONALIZADOS se aadir la web http://www.zalathun.co.cc y en Label se escribir Zalathun, ya que ser el nombre que se ver en el men. Se presionar sobre ADD TO MEN y ya aparece el item a la derecha. En page se escoger la pgina en la que se ha hecho la encuesta. Basta con resaltarla en la casilla de vericacin y pulsa ADD TO MEN. Y por ltimo, se activarn todas las CATEGORAS, ya que son las que realmente van a dar juego en el Blog.

CREAR MEN

Una vez hecho esto, aparecen a la derecha un total de ocho elementos (enlace a url + pgina + 6 categoras). Ya slo resta guardar el men con el botn azul de la derecha SAVE MEN.

3 3 3 3
91

Edicin del Men

www.o
Lo primero que puede interesar es cambiar el orden de los elementos del Men. Para ello, slo hay que pinchar y arrastrar hacia o hacia abajo y el item seleccionado cambiar de lugar y, por tanto, su ubicacin en el men del blog tambin lo har.

car

rero.wo r

Para hacer un submen, en lugar de desplazar un item de arriba a abajo, se desplazar hacia la derecha. Si se quiere romper esa subordinacin, se vuelve a pinchar y arrastrar ese elemento a la izquierda. Para eliminar uno de los componentes del Men, se pincha en la echa de la derecha del item y se escoge la opcin BORRAR.

d
ss.co

pr e

En la imagen de la izquierda se puede observar la apariencia nal del men tras haber personalizado la ubicacin de sus elementos desde la edicin del men.

m
92

Errores frecuentes al bloguear

ERRORES FRECUENTES AL BLOGUEAR

Errores frecuentes al comenzar a bloquear:

1. Dejar el mensaje y el comentario que se incluye por defecto. Una de las primeras tareas debe ser eliminar ese mensaje de bienvenida o editarlo. 2. Seguir utilizando la categora Uncategorized para clasicar las entradas: Una segunda tarea debe ser editar la misma por un trmino ms apropiado. 3. Dejar la pgina de aboutque se incluye en varias plantillas sin modicar: hay que eliminarla o modicarla en correspondencia con la temtica del Blog. 4. No atender los comentarios que aparecen para moderarse: Hay que mantenerse al da y aprobar aquellos comentarios que se deseen. 5. Aadir demasiados videos de Youtube y poco contenido propio. 6. Mantener el tema por defecto de WordPress. Hay una gran cantidad de blogs con este tema. 7. Dejar la barra lateral sin alterar y no aadir nuevos widgets. 8. Aadir imgenes y contenido que est protegido por derechos de autor.

95