Bloguea con WordpressOLIVER CARRERO MÁRQUEZ

http://www.zalathun.co.cc

3

01. INTRODUCCIÓN 07 02. ALTA EN WORDPRESS 0903. CONFIGURAR EL BLOG 13

. EL TABLERO DE WORDPRESS 15

. PERSONALIZACIÓN DEL PANEL DE ADMINISTRACIÓN 16

. EL USO DEL TABLERO 18

. OTRAS OPCIONES A TENER EN CUENTA 19

. ADMINISTRANDO USUARIOS 19

. SELECCIÓN DEL TEMA O PLANTILLA DEL BLOG 20

. LOS WIDGET 21

. ÚLTIMAS CONFIGURACIONES ANTES DE EMPEZAR A BLOGUEAR 2304. PUBLICANDO CONTENIDO 27

. LA PRIMERA ENTRADA 29

. AÑADIR IMÁGENES 3105. INSERTAR VÍDEO 3506. INSERTAR AUDIO 3907. CATEGORÍAS Y ETIQUETAS 4508. BLOGROLL 5109. ADMINISTRACIÓN DE COMENTARIOS 5710 HIPERVÍNCULOS 61

. AÑADIR UN ENLACE A UN TEXTO O IMAGEN 63

. AÑADIR UN ARCHIVO A LOS VÍNCULOS 63

. AÑADIR PUNTOS DE ANCLAJE CON NOMBRE 6811. CREACIÓN DE PÁGINAS ESTÁTICAS 7112. ELEMENTOS RSS 7713. CREAR ENCUESTA 8114. CREAR UN MENÚ 87

. AÑADIR MENÚ, SU LÓGICA 89

. EDICIÓN DEL MENÚ 9215. ERRORES FRECUENTAS A LA HORA DE BLOGUEAR 93índ

ice

PÁGINA

Introducción

INTRODUCCIÓN

7

A la hora de trabajar con un blog de Wordpress, se hará a través de la web http://www.wordpress.com . La otra posibilidad es hacerlo mediante la instalación de un script en un servidor con soporte PHP y MySQL. Aunque esta segunda posibilidad es mucho más funcional y personalizable, para la misma se requieren conocimientos relacionados con la gestión de bases de datos y html dinámico. Dentro de la opción Web gratuíta de Wordpress el usuario se va a encontrar:

1. Una cuenta de usuario que permite generar varios blogs públicos o privados.

2. La opción 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 administración traducido al español.

4. Widgets o pequeñas aplicaciones que permiten modifi car la barra lateral sin tocar el código.

5. Tiene sistema de categorías y tags para que otros puedan localizar los artículos en base a una serie de palabras clave.

6. Se provee protección automática 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

11

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

1. Ir a http://es.wordpress.com/

2. Seleccionar “Registrarte Ahora”.

3. Completar la siguiente información:

. EL NOMBRE DE USUARIO: Es necesario para la identifi cación como administrador del blog.. CONTRASEÑA: Utilizar una compleja, aunque fácil de recordar.Confi rmar: Incluir de nuevo la contraseña . EMAIL: Es importante incluir una dirección real pues allí se enviará la contraseña para confi rmar el alta. . LO LEGAL: Aceptar los términos del servicio. Activar la casilla denme un blog, ya que de lo contrario sólo darán un nombre de usuario sin más.. Finalmente pinchar sobre SIGUIENTE.

12

Tras dar a SIGUIENTE aparecerá una pantalla con los siguientes items:

- DOMINIO DEL BLOG: El dominio es importante ya que es la dirección mediante la cual se conocerá el blog.- TÍTULO DEL BLOG: El título del blog se podrá modifi car en cualquier momento.- IDIOMA: Escoger el español.- PRIVACIDAD: Usualmente se deja marcado que los contenidos del blog aparezcan en los motores de búsqueda si el blog es público.

- Por último, pinchar sobre REGISTRARSE

Ya sólo resta activar la cuenta. Wordpress manda un e mail de confi rmación al correo electrónico que el usuario facilitó durante el registro. Éste sólo deberá abrirlo y hacer “clic” sobre el enlace que se ofrece en el mismo.

Después, ya se puede comenzar a administrar el Blog.

Confi gurar el Blog

CONFIGURACIÓN

15

Para llegar al panel de administración hay dos alternativas principales:1. La primera es desde http://es.wordpress.com/ y allí entrar con el nombre de usuario y contraseña creados.

2. También se puede hacer directamente utilizando http://dominio.wordpress.com/wp-admin . Aquí también hay que incluir el nombre de usuario y contraseña.

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

opciones, en una especie de barra gris oscura. En ella se puede encontrar: MI CUENTA, MI TABLERO, NUEVA ENTRADA E INFORMACIÓN DEL BLOG. En este caso, se debe escoger MI TABLERO para acceder a las opciones de administración y confi guración 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 confi guración y edición.

Justo a la derecha del menú, aparecen una serie de paneles, denominados Paneles de Administración, para la edición de contenidos, administración de comentarios u obtención de información sobre las visitas que reciba el blog, entre otras funciones.

En este panel será donde admi-nistrarán y confi gurarán todas las características del Blog.

16

Personalización del Panel de Administración:

a. En primer lugar, existe la opción de escoger los paneles visibles en pantalla. Para ello, en la parte superior derecha de la interfaz, bastará con pinchar sobre la pestaña OPCIONES DE PANTALLA y activar o desactivar las casillas de verifi cación que acompañan al nombre de cada uno de los paneles.

Dentro de las opciones de pantalla, también se puede hacer que el diseño de la pantalla se divida en columnas, admitiéndose hasta cuatro subdivisiones.

b. Estos paneles ofrecen también la posibilidad de ser reordenados. Basta con pinchar y arrastrar cada uno de ellos a otra ubicación de la pantalla. A este procedimiento se le conoce DRAG AND DROP.

Si se compara esta imagen con la de la página anterior se puede observar cómo los paneles del escri-torio han cambiado de ubicación.

CONFIGURACIÓN

17

c. También existe la posibilidad de expandir y contraerlos.

Se despliega este panel, donde sólo hay que mantener activas las casillas de verifi cación de aquello que se quiere seguir viendo.

En la parte superior derecha, aparece la pestaña OPCIONES DE PANTALLA

18

El uso del tablero

Al pasar el cursor al lado de cada objeto de contenido se mostrará un pequeño triángulo y al pulsar sobre este se mostrarán los elementos de ese item.

A la izquierda se puede encontrar el menú de navegación:

Se puede expandir cada una de las áreas para familiarizarte con las diferentes funciones.

A su derecha los paneles fl otantes, ofreciendo múltiples posibilidades, entre las que caben destacar:

a. AHORA PUEDES es una especie de resumen de lo que contiene el Blog (número de entradas, páginas, comentarios, categorías, etc).

b. ÚLTIMOS COMENTARIOS

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

d. PUBLICACIÓN RÁPIDA, una herramienta que permite bloguear de una manera sencilla.

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

f. Y por último, el módulo de ESTADÍSTICAS del blog en donde se resume las entradas más vistas, lo más buscado y lo más activo.

CONFIGURACIÓN

19

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 PÁGINA, SUBIR Y COMENTARIOS.

b. El usuario debe administrar también su perfi l en el Blog. Para acceder a CONFIGURACIÓN PERSONAL se pulsará en Usuarios y escogerá la opción que más le convenga, ya que desde aquí podrá:

- Invitar a otros usuarios a colaborar en el blog con diversos roles.- Confi gurar colores o idiomas- Los datos personales del propio administrador

Por ejemplo, en CONFIGURACIÓN PERSONAL se puede añadir 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 aparecerán una serie de opciones:

1. Añadir una imagen desde el ordenador y subir la misma. 2. Usar la webcam para tomar una foto 3. Añadir una imagen mediante un enlace a Internet

Para guardar los cambios, pulsar sobre Actualizar Perfi l.

Administrando usuarios

El creador del blog recibirá el nombre de Administrador y tendrá potestad para añadir 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. Sólo hay que escoger una opción en el menú desplegable del panel.

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

20

Automáticamente, la persona aparece en la lista de usuarios y se le envía un correo con un mensaje para su confi rmación.

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 además puede subir archivos y publicar entradas 3. EDITOR: Tiene todos los privilegios del Autor y además puede editar entradas y páginas, moderar comentarios y modifi car categorías y enlaces. 4. ADMINISTRADOR: Todos los privilegios para administrar el blog.

Selección del tema o plantilla para el blog

WordPress.com ofrece a sus clientes varios tipos de plantillas pre-instaladas 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.

Los pasos para seleccionar un tema son los siguientes:

1. Ir a APARIENCIA TEMA.

2. Para habilitar el tema pulsar sobre ACTIVAR.

Si sólo se pretende ver cómo quedaría, escoger la opción 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 máximo a lo que puede aspirar el usuario en esta versión free, es a cambiar la imagen de la cabecera.

CONFIGURACIÓN

21

Los widgets Mediante los widgets se pueden añadir pequeñas aplicaciones de gran utilidad y vistosidad a la barra lateral del blog.

Para manejar los widgets:

1. APARIENCIA WIDGETS

Está página está dividida en dos grandes bloques: widgets disponibles y widgets inactivos.

22

ENTRE LOS WIDGETS MÁS USADOS SE ENCUENTRAN: -PÁGINAS: Para incluir enlaces a las páginas que se hayan creado. -CALENDARIO: Calendario con enlaces a los días en donde se han publicado artículos. -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 búsquedas sobre el contenido del blog. -ENTRADAS RECIENTES.

CATEGORÍAS: Lista de categorías del blog con enlace a las entradas. -RSS: Mediante este widget se podrá incluir el feed de RSS de un sitio o blog y aparecerán las entradas recientes del mismo. -COMENTARIOS RECIENTES: Para incluir los comentarios recientes. -VODPOD VIDEOS: Para añadir videos del servicio de VodPod. -CATEGORÍA NUBE: Para añadir la nube de las categorías. -AKISMET: Para presentar las estadísticas de spam. -ESTADÍSTICAS DEL BLOG. -TOP CLICKS: Para incluir las entradas con más hits.-POST MÁS VISTOS: Entradas con el mayor número de visitas.

Para añadir un widget se arrastra a la columna derecha. Algunos widgets permiten editarlos para confi gurarlos de acuerdo a las preferencias del usuario. Por ejemplo, en el caso de las categorías, se puede confi gurar el título, el que muestre la cantidad de entradas por categorías o que muestre la jerarquía. Para borrar un widget lo único que hay que hacer es editarlo y oprimir “Borrar”. También es válido pinchar sobre su ubicación en la barra de la derecha y arras-trarlo fuera.

CONFIGURACIÓN

23

Últimas confi guraciones 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 GENERAL

A.SITE TITLE: Es el nombre del blog y es editable.B.DESCRIPCIÓN CORTA: Es una breve des-cripción que aparece después del título de tu blog. C.DIRECCIÓN DE E MAIL: Aquí se incluye el correo del administrador del blog. Se utiliza solo con fi nes administrativos. D.ZONA HORARIA E.FORMATO DE FECHA F.FORMATO DE HORA G.LA SEMANA EMPIEZA EL

H.IDIOMA: Confi gura el idioma. En el caso que nos ocupa, se escogerá el español.

Después de confi gurar estas opciones ya sólo resta GUARDAR CAMBIOS en la parte inferior izquierda de la página.

A

B

C

D

E

F

G

H

24

2. Opciones de escritura: Ir a OPCIONES ESCRITURA

Permite confi gurar varias opciones a la hora de escribir una entrada:

A.TAMAÑO DE LA CAJA DE TEXTO: Para confi gurar el tamaño del espacio que se utiliza para redactar los artículos. El tamaño predeterminado es de 10 líneas pero puede ser aumentado o reducido.

B.LAS OPCIONES DE FORMATO se dejan tal cual.

C.CATEGORÍA PREDETERMINADA: Selec-ciona la categoría predeterminada para las entradas. Tanto categorías como etiquetas, son fundamentales para que el Blog esté ordenado y la búsqueda de información en el mismo sea ágil.

D.CATEGORÍA PREDETERMINADA PARA ENLA CES: Blogroll.

Hacer clic en el botón de GUARDAR CAMBIOS al terminar.

A

B

C

D

CONFIGURACIÓN

25

3. Opciones de lectura: ir a OPCIONES LECTURA.

Administra la apariencia de las publicaciones en el Blog:

A.NÚMERO MÁXIMO DE ENTRADAS A MOS-TRAR EN EL BLOG

B.NÚMERO MÁXIMO DE ENTRADAS A MOS-TRAR EN EL FEED

C.MOSTRAR, PARA CADA ENTRADA EN EL FEED D.PARA CADA ARTÍCULO EN UNA FUENTE DE NOTICIAS ENRIQUECIDA, MOSTRAR

E.SELECCIONAR EL TIPO DE CODIFICACIÓN PARA PÁGINAS: El recomendado es el que ya tiene por defecto (UTF-8). F. COFIGURACIONES DE EMAIL

Seleccivonar el botón de GUARDAR CAMBIOS

A

B

C

D

E

F

26

4. Comentarios: Ir a OPCIONES COMENTARIOS

6. Privacidad: Ir a OPCIONES PRIVACIDAD

A. También existe la opción de moderar los comentarios. Por ejemplo, en OTRAS CPCIO-NES DE COMENTARIO se le puede pedir a aquel que quiera comentar, que deje nombre y correo electrónico. 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 permi-te administrar los comentarios que lleguen.

A

B

C

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. ME GUSTARÍA QUE MI SITIO SEA VISIBLE PARA

TODOS, INCLUIDOS LOS MOTORES DE BÚSQUEDA (COMO GOOGLE, BING, TECHNORATI) Y ARCHI-VADORES

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

A

B

C

Publicando contenido

PUBLICAR EN EL BLOG

29

Existen dos formas de publicar contenido en el blog:

1. Entradas: se organiza por fechas y se muestra en orden cronológico inverso. Se le pueden asignar categorías y tags, y son parte del archivo del blog.

2. Páginas: 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.

Formato de párrafo

Subrayar

Justifi car te

xto

Color

del

text

o

Cre

ar h

iper

vínc

ulo

Quitar hipervínculo

Correcto

r orto

gráfi co

Maxim

iza pantalla editor

Muestra u oculta línea

inferior herramientas

Si el texto es muy extenso se puede utilizar este botón para pu-blicarlo en diferentes secciones. Si se activa, en el blog hay un enlace sobre el texto CONTINUAR LEYENDO

Bold o negrita

Italic o Cursiva

Para elim

ina algo escri-

to anteriormente. Li

stas

des

orde

nada

s

Listas ordenadas

Cre

a bl

oque

s de

text

o

Alinear a la izquierda

Alin

ear a

la d

erec

haA

linea

r al c

entro

30

El editor tiene dos pestañas principales: Visual y HTML. Del mismo modo que drea-mweaver tiene varias vistas de trabajo y la usada por el diseñador será la vista diseño, en este caso, se usará la pestaña VISUAL. La pestaña de HTML permite ver los códigos que están detrás de lo que se publica. Ya se ha explicado que para publicar contenido en In-ternet es necesario utilizar lo que se conoce como el lenguaje HTML. El editor (Modo Vis-ta) facilita la inclusión 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.

PUBLICAR EN EL BLOG

31

UNA VEZ VISTOS LOS ELEMENTOS DE EDICIÓN PARA LA ENTRADA, LLEGA EL MOMENTO DE COMENZAR A CREAR LA PRIMERA ENTRADA. PARA ELLO:

1. Hay que seleccionar un TÍTULO para la entrada. 2. En la caja de texto se comenzará escribir el mensaje. 3. Añadir las ETIQUETAS y CATEGORÍAS que defi nen a esta entrada. No hay que olvidar que sin categorías o etiquetas, la fi nalidad del post, su lectura, no se potenciará como es debido. Tanto categorías, como tags sirven como reclamo para los buscadores. Su diferencia estriba en que las segundas complementan a las primeras. Por ejemplo, una categoría podría ser Photoshop y etiquetas que la completarían podrían ser: capas, resolución, guardar, ajustes, etc.

Hay que ser consciente de que al no seleccionar una categoría, el post se clasifi ca en la categoría confi gurada por defecto. El añadir etiquetas a una entrada es opcional, pero muy recomendable.

4. EXTRACTO: Para crear un resumen del artículo publicado.5. ENVIAR TRACKBACKS: Para notifi car a otros servicios que se ha publicado un artículo nuevo (opcional) 6. COMENTARIOS: Establece si los visitantes pueden comentar el artículo. También se puede decidir si se permiten PINGS. Eso signifi ca que cuando alguien cite el artículo aparecerá bajo los comentarios una referencia al artículo que lo está citando. 7. AUTOR: Útil si el blog tiene múltiples autores 8. VISIBILIDAD: Al lado derecho se decide si la entrada estará protegida por contraseña, que sea una entrada que se mantenga en la parte superior del blog, o que sea privada (sólo la vea el administrador).

También 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 día, puede escalonar la aparición de cada una de la entradas en el tiempo.

Añadir imágenes en las entradas

En el editor, seleccionar el icono de AÑADIR UNA IMAGEN

Se Verá entonces lo siguiente:

Pulsar sobre “Seleccionar archivo”.

Insertar imagen

Insertar vídeo

Insertar audio

Insertar encuesta

Insertar objeto

32

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

En este apartado se podrá: cambiar el título, incluir una leyenda debajo de la imagen y añadir una descripción (opcional).

También se ofrece la opción de enlazar esa imagen a una URL o a la dirección de la entrada. Además, se podrá seleccionar la alineación de la imagen y su tamaño.

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

Si se pincha sobre la imagen, se podrá volver a editar si se accede a la opción de EDITAR IMAGEN, que aparece en la parte superior izquierda de la misma.

También se puede eliminar oprimiendo en el icono de BORRAR IMAGEN que está justo a la derecha del de editar.

PUBLICAR EN EL BLOG

33

La segunda manera de añadir una imagen es siguiendo los mismos pasos descritos hasta llegar al cuadro de diálogo y seleccionar DESDE URL: Ahora se puede añadir la URL de la imagen, su título, una leyenda, el tipo de alineación, 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 producción propia.

A la hora de editar, existen también unas opciones avanzadas, muy usadas para personalizar el tamaño 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 pestaña OPCIONES AVANZADAS que se encuentra justo a la derecha.

Insertar vídeo

INSERTAR VÍDEO

37

Añadir videos en el blog

La versión gratuíta de Wordpress no permite cargar elementos multimedia tales como vídeos o sonidos en sus librerías. No obstante, sí que permite insertar vídeos procedentes de páginas como YouTube o Google.

Sólo habrá que:

Visitar el sitio y buscar un video rela-cionado con el blog. 1

38

Copiar del navegador la url que genere

cuando aparezca el vídeo23Ejecutar la opción de inse-

tar vídeo, que se encuentra encima del título de la en-trada.

Insertar imagen

Insertar vídeo

Insertar audio

Insertar encuesta

Insertar objeto

4Pegar la dirección de Internet en la casilla URL que habilita Wordpress den-tro de la pestaña DESDE UNA URL.

5 Por último, se hará clic sobre INSERTAR EN ENTRADA y ya estará. Sólo restará visualizar la entrada para ver cómo queda el vídeo en el blog.

Insertar audio

INSERTAR AUDIO

41

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 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 contraseña, ya que ésta será imprescindible para poder operar desde Wordpress. Box.net permite reproducir vídeos fl v y audio mp3 como formatos más usados dentdo del mundo Web. El único habdicap que tiene este servicio web radica en que los archi-vos que se suben no pueden superar los 25 Mb de tamaño.

42

2Cuando se despliega el widget de Box.net, se puede ver un hipervínculo 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 contraseña (password) con la que se dio de alta en Box.net

c. Por último, se ejecuta el botón UPLOAD y ya solo queda esperar a que se suban los archivos.

d. Es un ejemplo de cómo será el panel reproductor que irá en eñ Blog.

Este es el Widget de Box.net. En la primera línea hay un hipervínculo que llevará a la panel naranja de la derecha.

A

B

C

D

INSERTAR AUDIO

43

3En el momento que el archivo se ha subido al servidor, la página lanza un mensaje indicando que es el momento de confi gurar la apariencia que tendrá el Widget.

A. TYPE. Se refi ere a la apariencia del panel. Puede ser Básica (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 refi ere al encabezado que llevará esta especie de panel multimedia. Por defecto, escribe My shared fi les.

D. SIZE, donde se puede confi gurar el tamaño del panel.

E. Se encuentra el código generado después de haber subido el archivo y haber cambiado algunos parámetros de apariencia como el tipo, el color, el tamaño o el título.

F. Ese código se copiará y pegará dentro de la casilla que el widget de wodpress habilita habilita para tal efecto.

A

B

C

D

E

F

44

4Después de Guardar los cambios, ya se puede probar el Blog y se puede observar cómo quedaría a la izquierda el Widget tras haber subido dos archivos de audio. Para ejecutarlos, bastará con hacer clic sobre el elemento que interese.

Categorías y etiquetas

CATEGORÍAS Y ETIQUETAS

47

Mediante las categorías se crea una estructura organizativa que facilita que los visitantes puedan identifi car lo que les interesa.

Al ir clasifi cando las entradas y enlaces utilizando categorías se genera un directorio temático para el blog. Se puede añadir en la barra lateral un listado de categorías utilizando los widgets correspondientes. Cada categoría tiene también su canal de RSS correspondiente, lo que facilita el que las personas puedan subscribirse directamente a algún tema en particular del blog.

Creación de categorías y sub-categorías

Ya se ha visto que WordPress tiene dos categorías por defecto: Blogroll (para los enlaces) y Uncategorized (para las entradas). Son las categorías que se utilizarán cuando no se categorizan las entradas y los enlaces.

Para añadir una nueva categoría: ir a ENTRADA CATEGORIES

Añadir un nombre, escoger si es una categoría superior (Parent/Ninguna) una sub-categoría (si se escoge una categoría ya existente en Parent, la nueva se subordinará a la elegida) y añadir una descripción (opcional). Pulsar sobre “Añadir nueva categoría” para terminar.

48

Para editar una nueva categoría:

ir a ENTRADA CATEGORIES

Para editar una categoría, se pone el puntero del ratón sobre el nombre y aparecerán las opciones de editar, Edición rápida y borrar.

EDICIÓN RÁPIDA: Cambia el nombre de la categoría.

EDITAR: además del nombre retoca otras variables.

BORRAR: la eliminará.

CATEGORÍAS Y ETIQUETAS

49

Al pinchar en “Editar”:

Como se puede observar, de dispone de un espacio para editar el nombre, seleccionar si se quiere como una sub-categoría, así como para añadir una descripción de la misma. Finalmente, se pulsará sobre ACTUALIZAR CATEGORÍA.

Blogroll

BLOGROLL

53

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 categoría que puede incluirse en la barra lateral.

Para comenzar a manejar un blogroll, ir al Menú y buscar ENLACES.

Expandir el mismo y elige la opción Enlaces. A la derecha aparece un listado con los enlaces favoritos añadidos al blog.

PASO 1

PASO 2

PASO 3

Al poner el puntero del ratón sobre el nombre, da la opción de editarlo y eliminarlo.

A la hora de editarlo, se podrá cambiar el nombre, la url con la que esté relaciona-do, así como una breve descripción del enlace.

Una vez realizados los cambios oportunos, a la derecha del panel, se encuentra la opción de actualizar los cambios, hacer una vista previa del vínculo, o bien mantenerlo como privado.

54

Para crear un enlace seleccionar Agregar Enlace y seguir los siguientes pasos:

1.Incluir el nombre del enlace 2.Su dirección de internet 3.Una descripción breve del mismo (opcional) 4.Seleccionar la categoría en la cual se incluirá el enlace. 5.Si interesa que sea privado, se puede marcar.

Se incluirá en una categoría o se podrá crear otra nueva en el caso de que no existiera.

BLOGROLL

55

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

Administración de comentarios

ADMINISTRAR COMENTARIOS

59

Administración 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 automática.

Al poner el cursor en algún comentario aparecerá un menú con varias opciones:RECHAZAR EL COMENTARIO, IDENTIFICARLO COMO SPAM, EDITARLO, EDITARLO RÁPIDAMENTE O RESPONDER AL MISMO.

Los comentarios están organizados en varias categorías: PENDIENTES DE MODERACIÓN, APROBADOS Y DE SPAM.

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

Permite buscar, por palabras clave, un comentario

Para ir a la página de los comentarios seleccionar en el menú COMENTARIOS.

Hipervínculos

HIPERVÍNCULOS

63

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 página.

1. Añadir un enlace de texto o imagen

a. Se selecciona el texto que se pretende enlazar.

b. Pulsar sobre el botón de enlace en la barra del editor

c. Aparecerá una ventana emergente en donde confi gurar el enlace:

En URL DEL ENLACE es donde se pegará el vínculo que se vaya a realizar.

En DESTINO se indicará si el enlace abrirá en la misma página _self o e una página nueva _blank

d. Pulsar sobre INSERTAR y en ese momento el texto cambiará a color azul

y estará subrayado.

2. Añadir archivos a los vínculos

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á automáticamente. Debido a las limitaciones de almacenamiento que ofrece la versión gratuita de Wordpress, se hace necesario acudir a algún 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 disposición de poder subir archivos de hasta 200 mb. La capacidad de alojamiento es de 10 GB.

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.

64

Los pasos son los siguientes:

Una vez dado de alta, y dentro del ser-vicio de disco duro virtual, en la parte inferior de la pantalla aparece un pa-nel que permite subir un solo archivo, o bien realizar una subida múltiple. El usuario se valdrá de una de las dos op-ciones para subir su archivo. Permite cualquier formato. 1

NOTA: Cuando se están su-biendo archivos, hay una ba-rra de progreso que informa al usuario de la progresión de los mismos. Si ésta per-manece mucho tiempo está-tica, se recomienda abortar el proceso y reintentarlo más tarde.

HIPERVÍNCULOS

65

Una vez subido el archivo ofrece una opción de link, que se desechará, ya que no es válida para lo que se preten-de con el blog.2NOTA: Cuando se sube el archi-

vo, éste aparece marcado con una casilla de verifi cación que facilita su localización.

66

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

Tras esperar unos segundos, al tra-tarse de un servicio gratuito hay que contar con estas demoras, el archivo estará listo para la descarga.

En ese momento, con el botón derecho del ratón, hay que colocarse sobre el enlace de descarga y del menú contex-tual, escoger la opción de copiar ruta del enlace.

Se hará clic sobre el archivo y apare-cerá una venta, con una serie de op-ciones, entre las que se encontrará la de descargar. Esto lleva a otra pantalla en la que se debe también ejecutar la opción de descargar ahora.33

44

HIPERVÍNCULOS

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 pin-char sobre el enlace, se abrirá un panel que dará la opción de guardar o ejecutar el ar-chivo vinculado

55

68

3. Hacer puntos de anclaje con nombre

También puede darse el caso de que lo que se pretenda es hacer vínculos dentro de la misma entrada. Es lo que se conoce como puntos de anclaje con nombre o puntos de fi jación.

Por ejemplo, si esta explicación acerca de los vínculos tuviera que ser “posteada” en un blog, lo primero que se haría sería escribir los epígrafes correspondientes al principio, ya que serán estos los que llevarán los vínculos. En este caso:

- Añadir 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 código. No obstante, es un proceso muy sencillo.

En primer lugar hay que ir a la vista html (equivalente a la vista de código de drea-mweaver) y una vez allí, habrá que des-plazarse hasta llegar a cada uno de los párrafos a los que van a llevar los ítems del menú. 1

HIPERVÍNCULOS

69

En cada item habrá que escribir el siguiente código: <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 más que para cerrar la etiqueta). Por lo tanto, en cada párrafo que haya que vincular se escribirá este código y sólo se le cambiará el “nombre”, ya que son distintos los puntos a los que debe llevar el menú. Así, habría que insertar la siguientes etiquetas:

a. <a id=”etexto”> </a> (Al comienzo del párrafo que explicará los enlaces de texto)b. <a id=”eimagen”> </a> (Al comienzo del párrafo que explicará los enlaces de imagen)c. <a id=”earchivo”> </a> (Al comienzo del párrafo que explicara los enlaces para descargar un archivo)d. <a id=”efi jacion”> </a> (Al comienzo del párrafo que explicará los puntos de anclaje)

2En 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 epígrafe al que se quiere lleve uno

de los vínculos.

70

3Una vez colocados los puntos de ancla con nombre, ya sólo resta ir a los textos que servirán como menú. Se selecciona uno y se escribe lo siguiente en el hipervínculo: #nombre_punto_ancla. Donde con la “#” se está indicando que busque un punto de anclaje con nombre y con “texto”. Para el menú propuesto quedaría de la siguiente manera:

a. Para “Añadir enlace de texto” (Se escribiría #etexto en el hipervínculo). b. Enlazar desde una imagen (Se escribiría #eimagen en el hipervínculo). c. Descargar archivo (Se escribiría #earchivo en el hipervínculo). d. Punto de anclaje (Se escribiría #efi jacion en el hipervínculo).

3En la imagen se puede apreciar el vínculo resaltado y de color azul. Al visualizar el blog y hacer clic sobre el enlace, éste llevará al epígrafe en el que se escribió: <a id=”etexto”> </a>

Creación de páginas estáticas

PÁGINAS ESTÁTICAS

73

En páginas anteriores ya se adelantó algo acerca de las páginas. 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 páginas:

1. No se publican en orden cronológico inverso. 2. No pueden ser clasifi cadas mediante categorías. 3. No aparecen en los archivos mensuales del blog 4. Se consideran estáticas.

5. No aparecen en los resultados de búsqueda. 6. No aparecen en la lista de entradas recientes.

Las páginas pueden utilizarse para incluir contenido que se pretende que esté siempre disponible. Por ejemplo: página acerca del autor o una encuesta.

Para crear una página ir a PÁGINAS AÑADIR:

El panel de edición es el mismo que para crear entradas. Permite poner un título, editar un texto como si de un docume-to de Word se tratara, guardar como un borrador, ver previamente o publicar directamente.

74

Para editar las páginas acceder a Páginas, colocar el puntero sobre las páginas ya creadas y justo debajo aparecerán las opciones:

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

Dependiendo del tema, las páginas pueden mostrarse como menú en la parte superior del blog.

Sin embargo, hay temas en los cuales no se podrán ver a no ser que se añada el widget de Páginas. Es recomendable añadirlo.

PÁGINAS ESTÁTICAS

75

Confi gurando la página principal del blog

En algunas ocasiones te puede interesar que la página principal no sea la de las entradas recientes pero la de una página estática. WordPress.com ofrece una manera efectiva de lograr esto:

1. Ir a OPCIONES LECTURA:

2. En LA PÁGINA PRINCIPAL MOSTRARÁ seleccionar UNA PÁGINA ESTÁTICA y en PÁGINA INICIAL escoger la que se convertirá en la página principal del blog.

De esta manera el blog se iniciará con una página estática.

NOTA: Si no existe una página estática creada, esta opción de lectura “La página inicial mostrará” no estará habilitada.

Elementos RSS

ELEMENTOS RSS

79

¿Qué es el RSS?

Son las siglas de Really Simple Syndication. No es más que una forma de facilitar contenidos desde cualquier sitio en la red para su inserción fácil en una página web o en un lector de tu escritorio. El RSS es un paso más muy importante en la interconexión de la información y su acceso

por los usuarios. En cualquier página web pueden ser vistos los titulares actualizados de El Pais, 20 minutos, etc.

Asimismo, también el administrador puede dar la opción 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á añadir aquellas páginas de su interés para poder estar informado de los cambios que se producen en las mismas. Basta con poner la url de la página en el Widget y personalizar algunos parámetros tales como la cantidad de elementos a mostrar de ese RSS. Si el autor del blog se quiere sindicar a otra página, sólo t endrá que volver a añadir otro Widget RSS y repetir la operación.

A la izquierda se puede ver un ejemplo de cómo queda-ría en el Blog, si el usuario decidiera suscribirse a 20 minutos y El mundo. En la opción ¿CUANTOS ELEMENTOS TE GUSTARÍA MOSTRAR? se ha indicado sean 5.

80

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

Una segunda opción de sindicación para los lectores es el Widget SUSCRIPCIÓN AL BLOG. Con esta opción, el lector sólo tendrá que facilitar un e mail para recibir las novedades.

Esta sería la apariencia fi nal de las opciones RSS en el Blog. El orden dependerá de cómo se coloquen los Widget (Recordar que obedecen al DRAG AND DROP) Que se encuentren a la derecha, izquierda o deba-jo del cuaderno de bitácora, tendrá que ver, además de con los gustos del autor, de la plantilla escogida para trabajar.

Crear encuesta

CREAR ENCUESTA

83

Otra opción que puede ser de gran utilidad dentro del programa, es la creación de encuestas. Para ello, en el menú lateral de la izquierda, el usuario cuenta con la opción ENCUESTA. Si despliega esa posibilidad, podrá ver la opción AÑADIR.

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.

Elimina una respuestaEn repuestas, se usará una línea de texto para cada respuesta. Por defecto aparecen tres, aunque se pueden añadir tantas como el administrador considere oportunas.

Dentro del Diseño, se escogerá la opción PollDaddy, ya que el estilo personalizado es de pago en casi su totalidad. La opción personalizada gratuita no admite más de 100 votos. Por eso, se trabajará con PollDaddy y se escogerá uno de los skin (apariencia, pieles) que se ofrecen por defecto.

Añadir una respuesta

1

2

84

A la derecha hay otras opciones de con-fi guración que tienen que ver con los Re-sultados de las encuestas o con la opción de bloquear a los votantes repetidos.

Por último, se guarda la encuesta y, si no da ningún código, o no remite a la pági-na 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 cur-sor sobre el nombre, ofrecerá la opción de EDITARLA, BORRARLA, VER LOS RESULTADOS y, la que interesa en este caso “SHARED-EMBED”.

3

4

CREAR ENCUESTA

85

SHARED – EMBED ofrece el código que se debe insertar en la entrada o página 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 código que habrá que copiar y pegar en la página o en la entrada que se cree o ya existente. El resultado fi nal se puede observar en esta imagen.

Ya sólo resta probar la pá-gina o entrada en la que se introdujo la encuesta para ver que el código insertar es el correcto.

5

77

Crear Menú

CREAR MENÚ

89

Añadir Menú, su lógica

A medida que el blog va incrementando sus contenidos, se hará necesaria la creación de un menú. Su confi guración tendrá mucho que ver con la capacidad del administrador para haber ordenado los contenidos de su cuaderno de bitácora en categorías y páginas. Esto es de capital importancia, ya que el menú se generará automáticamente basándose en esos parámetros. Por poner un símil, este se podría 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 menús, sólo que sus referencias principales serán las páginas y las categorías

Una vez dentro de las opciones de menú se seguirán los siguientes pasos:

A. Dar un nombre al menú en la pestaña “Menú Name”B. Una vez nombrado, hacer clic sobre el botón de la derecha “Create Menu”.

A

B

1

90

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 más de uno. b. VÍNCULOS PERSONALIZADOS se usa si se quiere hacer un enlace a una url externa.c. En PAGES se escogerán aquellas páginas que se pretende aparezcan en el menú. d. CATEGORIES lo mismo que para las páginas, pero en este caso con las categorías. Lo importante de este punto es que cuando se gene-ren las categoría s, todos los post que participen de esa categoría se verán sólo a través de ese elemento de menú.

NOTA: Debajo de cada panel hay un botón ADD TO MENÚ sobre el que se debe pinchar para ir añadiendo elementos al menú.En esta ocasión se va a generar un menú con las diferentes páginas y categorías creadas, así como con la inserción de un vínculo perso-nalizado.

En el panel de VÍNCULOS PERSONALIZADOS se añadirá 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 página en la que se ha hecho la encuesta. Basta con resaltarla en la casilla de verifi cación y pulsa ADD TO MENÚ.

Y por último, se activarán todas las CATEGORÍAS, ya que son las que realmente van a dar juego en el Blog.

2

CREAR MENÚ

91

3 3333

Una vez hecho esto, aparecen a la dere-cha un total de ocho elementos (enlace a url + página + 6 categorías).

Ya sólo resta guardar el menú con el botón azul de la derecha SAVE MENÚ.

92

Edición del Menú

Para hacer un submenú, en lugar de desplazar un item de arriba a abajo, se desplazará hacia la derecha. Si se quiere romper esa subordinación, se vuelve a pinchar y arrastrar ese elemento a la izquierda. Para eliminar uno de los componen-tes del Menú, se pincha en la fl echa de la derecha del item y se escoge la opción BORRAR.

En la imagen de la izquierda se puede observar la aparien-cia fi nal del menú tras haber personalizado la ubicación de sus elementos desde la edición del menú.

Lo primero que puede interesar es cambiar el orden de los ele-mentos del Menú. Para ello, sólo hay que pinchar y arrastrar ha-cia o hacia abajo y el item seleccionado cambiará de lugar y, por tanto, su ubicación en el menú del blog también lo hará.

www.ocarrero.wordpress.com

Errores frecuentes al bloguear

www.ocarrero.wordpress.com

ERRORES FRECUENTES AL BLOGUEAR

95

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 categoría “Uncategorized” para clasifi car las entradas: Una segunda tarea debe ser editar la misma por un término más apropiado.

3. Dejar la página de “about”que se incluye en varias plantillas sin modifi car: hay que eliminarla o modifi carla en correspondencia con la temática del Blog. 4. No atender los comentarios que aparecen para moderarse: Hay que mantenerse al día y aprobar aquellos comentarios que se deseen.

5. Añadir 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 añadir nuevos widgets.

8. Añadir imágenes y contenido que está protegido por derechos de autor.