Académique Documents
Professionnel Documents
Culture Documents
3
Introducción
INTRODUCCIÓN
7
Alta en Wordpress
ALTA EN WORDPRESS
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/
11
Tras dar a SIGUIENTE aparecerá una pantalla con los siguientes items:
- DOMINIO DEL BLOG: El dominio es importante ya que es la dirección - Por último, pinchar sobre REGISTRARSE
mediante la cual se conocerá el blog.
- TÍTULO DEL BLOG: El título del blog se podrá modificar en cualquier Ya sólo resta activar la cuenta. Wordpress manda un e mail de confirmación
momento. al correo electrónico que el usuario facilitó durante el registro. Éste sólo
- IDIOMA: Escoger el español. deberá abrirlo y hacer “clic” sobre el enlace que se ofrece en el mismo.
- PRIVACIDAD: Usualmente se deja marcado que los contenidos del blog
aparezcan en los motores de búsqueda si el blog es público. Después, ya se puede comenzar a administrar el Blog.
12
Configurar el Blog
CONFIGURACIÓN
Para llegar al panel de administración hay dos alternativas principales: opciones, en una especie de barra gris oscura. En ella se puede encontrar:
1. La primera es desde http://es.wordpress.com/ y allí entrar con el MI CUENTA, MI TABLERO, NUEVA ENTRADA E INFORMACIÓN DEL BLOG. En este caso,
nombre de usuario y contraseña creados. se debe escoger MI TABLERO para acceder a las opciones de administración
y configuración de la herramienta. El Tablero se compondrá de forma
2. También se puede hacer directamente utilizando http://dominio. modular. En primer lugar, empezando por la izquierda, una barra lateral
wordpress.com/wp-admin . Aquí también hay que incluir el nombre de a modo de menú desplegable con diversas opciones de configuración y
usuario y contraseña. edición.
El tablero de Wordpress Justo a la derecha del menú, aparecen una serie de paneles, denominados
Paneles de Administración, para la edición de contenidos, administración
Al acceder al blog en WordPress.com, el administrador se encuentra con de comentarios u obtención de información sobre las visitas que reciba
una especie de pantalla de bienvenida. Y en la parte superior, varias el blog, entre otras funciones.
15
Personalización del Panel de Administración: 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
a. En primer lugar, existe la opción de escoger los paneles visibles en subdivisiones.
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 b. Estos paneles ofrecen también la posibilidad de ser reordenados.
las casillas de verificación que acompañan al nombre de cada uno de los Basta con pinchar y arrastrar cada uno de ellos a otra ubicación de la
paneles. 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.
16
CONFIGURACIÓN
17
El uso del tablero c. ENLACES ENTRANTES, donde se ofrece una lista de sitios que han enlazado
al blog.
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.
18
CONFIGURACIÓN
Otras opciones a tener en cuenta 1. Añadir una imagen desde el ordenador y subir la misma.
2. Usar la webcam para tomar una foto
a. En la parte superior derecha 3. Añadir una imagen mediante un enlace a Internet
se puede acceder directamente
a NUEVA ENTRADA que contiene Para guardar los cambios, pulsar sobre Actualizar Perfil.
enlaces a BORRADORES, NUEVA
PÁGINA, SUBIR Y COMENTARIOS. Administrando usuarios
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.
19
Automáticamente, la persona aparece en la lista de usuarios y se le envía Los pasos para seleccionar un tema son los siguientes:
un correo con un mensaje para su confirmación.
1. Ir a APARIENCIA TEMA.
20
CONFIGURACIÓN
Los widgets
1. APARIENCIA WIDGETS
21
ENTRE LOS WIDGETS MÁS USADOS SE ENCUENTRAN: 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
-PÁGINAS: Para incluir enlaces a las páginas que se hayan creado. o blog y aparecerán las entradas recientes del mismo.
-CALENDARIO: Calendario con enlaces a los días en donde se han -COMENTARIOS RECIENTES: Para incluir los comentarios recientes.
publicado artículos. -VODPOD VIDEOS: Para añadir videos del servicio de VodPod.
-ARCHIVOS: Para incluir el archivo por meses de las entradas -CATEGORÍA NUBE: Para añadir la nube de las categorías.
-ENLACES: Para incluir la lista de enlaces o el blogroll -AKISMET: Para presentar las estadísticas de spam.
-BUSCAR: Permite a los visitantes hacer búsquedas sobre el contenido -ESTADÍSTICAS DEL BLOG.
del blog. -TOP CLICKS: Para incluir las entradas con más hits.
-ENTRADAS RECIENTES. -POST MÁS VISTOS: Entradas con el mayor número de visitas.
22
CONFIGURACIÓN
23
2. Opciones de escritura: Ir a OPCIONES ESCRITURA
24
CONFIGURACIÓN
25
4. Comentarios: Ir a OPCIONES COMENTARIOS
26
Publicando contenido
PUBLICAR EN EL BLOG
2. Páginas: No son parte del blog como tal pero puede accederse Aparece un espacio en donde es posible redactar
mediante enlaces que se muestren en la barra lateral u otro lugar del mediante un editor en el que se van a destacar varias
blog. funciones.
Listas
a
xto
ech
s
Pa to an
enada
Aline
orden
e te
Si el texto es muy extens
ra
der
o se
puede utilizar este bot
elim eriorm
es d
ón para pu-
ro
ar a
a la
blicarlo en diferentes sec
adas
desord
ent
ciones. Si
ina
t
oqu
se activa, en el blog hay
ear
co
la
al c
un enlace fi
alg nte.
izqu
a bl
Alin
AR LEYENDO og
ear
oe
rt
Listas
e
ro
Cre
ierda
Alin
cto
scr
Italic
o Cur rre
i-
siva
Co
Formato de párrafo
Maxim
yar
Subra to
tex
ar
Quit
iza pan
tific
ulo
to
Jus
x
ar h
nc
te
rví
el
talla ed
rd
ipe
iperv
lo
rh
Co
ea
íncu
itor
Cr
lo
29
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í ponen las url que hayan servido como referencia para el post.
30
PUBLICAR EN EL BLOG
UNA VEZ VISTOS LOS ELEMENTOS DE EDICIÓN PARA LA ENTRADA, LLEGA EL MOMENTO Añadir imágenes en las entradas
DE COMENZAR A CREAR LA PRIMERA ENTRADA. PARA ELLO:
31
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 título, incluir una leyenda debajo Si se pincha sobre la imagen, se podrá volver a editar si se accede a la
de la imagen y añadir una descripción (opcional). opción de EDITAR IMAGEN, que aparece en la parte superior izquierda
de la misma.
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 También se puede eliminar oprimiendo en el icono de BORRAR IMAGEN
imagen y su tamaño. que está justo a la derecha del de editar.
32
PUBLICAR EN EL BLOG
33
Insertar vídeo
INSERTAR VÍDEO
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.
37
2 Copiar del navegador la url que genere
cuando aparezca el vídeo
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.
3
Insertar imagen
Insertar vídeo Ejecutar la opción de inse-
Insertar audio tar vídeo, que se encuentra
encima del título de la en-
Insertar encuesta trada.
Insertar objeto
Integrar audio en el blog de pago. Para poder usar esos archivos deben estar publicados en otros
servidores.
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 En este caso, se usará una cuenta Box.net, ya que se podrá asociar con
el Widget del mismo nombre, que ofrece el Blog.
Box.net permite reproducir vídeos flv 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.
41
Cuando se despliega el widget de Box.net, se puede ver un
hipervínculo a Box.net. Al hacer clic sobre el mismo, aparece
2
un panel en el que aparecen tres ítems:
42
INSERTAR AUDIO
3
(la que puede ver en la imagen) o compleja.
C
F
43
4 Despué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.
44
Categorías y etiquetas
CATEGORÍAS Y ETIQUETAS
47
Para editar una nueva
categoría:
ir a ENTRADA CATEGORIES
BORRAR: la eliminará.
48
CATEGORÍAS Y ETIQUETAS
Al pinchar en “Editar”:
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 categoría que puede incluirse en la barra lateral.
PASO 1
Para comenzar a manejar un blogroll, ir al Menú y buscar ENLACES. Al poner el puntero del
ratón sobre el nombre,
da la opción de editarlo y
Expandir el mismo y elige la opción Enlaces. A la derecha aparece un listado con los eliminarlo.
enlaces favoritos añadidos al blog.
PASO 2
PASO 3
53
Para crear un enlace seleccionar Agregar Enlace y seguir los siguientes
pasos:
54
BLOGROLL
55
Administración de comentarios
ADMINISTRAR COMENTARIOS
WordPress incluye un Widget muy efectivo para manejar spam llamado AKISMET. En los blog de
WordPress.com está activado de forma automática.
Los comentarios están organizados en varias categorías: PENDIENTES DE MODERACIÓN, APROBADOS Y DE SPAM.
59
Hipervínculos
HIPERVÍNCULOS
Gran parte de la tarea de un bloguer consiste en enlazar a otras personas c. Aparecerá una ventana emergente en donde configurar el enlace:
y recursos. Y lo podrá hacer tanto en un entrada como en una página.
En URL DEL ENLACE es donde
1. Añadir un enlace de texto o imagen se pegará el vínculo que se
vaya a realizar.
a. Se selecciona el texto que se pretende enlazar.
En DESTINO se indicará si el
enlace abrirá en la misma
página _self o e una página
nueva _blank
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.
63
Los pasos son los siguientes:
1
Una vez dado de alta, y dentro del ser- biendo archivos, hay una ba-
vicio de disco duro virtual, en la parte rra de progreso que informa
inferior de la pantalla aparece un pa- al usuario de la progresión
nel que permite subir un solo archivo, de los mismos. Si ésta per-
o bien realizar una subida múltiple. El manece mucho tiempo está-
usuario se valdrá de una de las dos op- tica, se recomienda abortar
ciones para subir su archivo. Permite el proceso y reintentarlo más
cualquier formato. tarde.
64
HIPERVÍNCULOS
2
Una vez subido el archivo ofrece una
opción de link, que se desechará, ya
NOTA: Cuando se sube el archi- que no es válida para lo que se preten-
vo, éste aparece marcado con de con el blog.
una casilla de verificación que
facilita su localización.
65
3 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.
4
Tras esperar unos segundos, al tra-
tarse de un servicio gratuito hay que
contar con estas demoras, el archivo
estará listo para la descarga.
66
HIPERVÍNCULOS
5
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
67
3. Hacer puntos de anclaje con nombre Debajo se introducen los textos a los cuales han de llevar estos elementos
de menú.
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 Una vez hecho esto, habrá que ir a la vista html de la entrada para
con nombre o puntos de fijación. delimitar las zonas a las cuales quiero que lleven los enlaces del menú.
Por ejemplo, si esta explicación acerca de los vínculos tuviera que ser En realidad, se está haciendo lo mismo que se hace en dreamweaver con
“posteada” en un blog, lo primero que se haría sería escribir los epígrafes los puntos de anclaje, con la salvedad de que en este caso, el usuario
correspondientes al principio, ya que serán estos los que llevarán los deberá insertar “el ancla” (elemento que sirve como reclamo del enlace)
vínculos. En este caso: manualmente en el código. No obstante, es un proceso muy sencillo.
1
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ú.
68
HIPERVÍNCULOS
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 epígrafe al
que se quiere lleve uno
de los vínculos.
2
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=”efijacion”> </a> (Al comienzo del párrafo que explicará los puntos de anclaje)
3 3
Una 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:
70
Creación de páginas estáticas
PÁGINAS ESTÁTICAS
En páginas anteriores ya se adelantó algo acerca de las páginas. No 5. No aparecen en los resultados de búsqueda.
forman parte del blog como tal pero puede accederse mediante enlaces 6. No aparecen en la lista de entradas recientes.
que se muestren en la barra lateral u otro lugar del blog. Cuando se
comparan con las entradas, las páginas: Las páginas pueden utilizarse para incluir contenido
que se pretende que esté siempre disponible. Por
1. No se publican en orden cronológico inverso. ejemplo: página acerca del autor o una encuesta.
2. No pueden ser clasificadas mediante categorías.
3. No aparecen en los archivos mensuales del blog Para crear una página ir a PÁGINAS AÑADIR:
4. Se consideran estáticas.
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.
73
Para editar las páginas acceder a Páginas, colocar el puntero sobre las Dependiendo del tema, las páginas pueden mostrarse como menú en la
páginas ya creadas y justo debajo aparecerán las opciones: parte superior del blog.
Sin embargo, hay temas en los cuales no se podrán ver a no ser que se
El sistema es el mismo que el utilizado para editar entradas. añada el widget de Páginas. Es recomendable añadirlo.
74
PÁGINAS ESTÁTICAS
1. Ir a OPCIONES LECTURA:
75
Elementos RSS
ELEMENTOS RSS
¿Qué es el RSS? por los usuarios. En cualquier página web pueden ser vistos los titulares
actualizados de El Pais, 20 minutos, etc.
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 Asimismo, también el administrador puede dar la opción de que
fácil en una página web o en un lector de tu escritorio. El RSS es un paso otros lectores se sindiquen a su blog y de este modo puedan estar
más muy importante en la interconexión de la información y su acceso constantemente informados de los cambios que se producen en el mismo.
Para ello, Wordpress ofrece tres Widget de gran utilidad:
79
Si por el contrario, lo que se pretende es que Esta sería la apariencia final de las opciones RSS en el Blog. El orden
dependerá de cómo se coloquen los Widget (Recordar que obedecen
otras personas se suscriban al Blog que están al DRAG AND DROP) Que se encuentren a la derecha, izquierda o deba-
leyendo, es el administrador quien ofrece ese jo del cuaderno de bitácora, tendrá que ver, además de con los gustos
del autor, de la plantilla escogida para trabajar.
servicio, el Widget que se debe usar será el de
ENLACES RSS.
80
Crear encuesta
CREAR ENCUESTA
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 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.
1
Elimina una respuesta
2 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.
83
3 A la derecha hay otras opciones de con-
figuración que tienen que ver con los Re-
sultados de las encuestas o con la opción
de bloquear a los votantes repetidos.
4
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”.
84
CREAR ENCUESTA
5
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 final se puede observar en esta imagen.
85
Crear Menú
CREAR MENÚ
A medida que el blog va incrementando sus contenidos, se hará necesaria la creación de un menú. Su configuració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
B
1
89
2
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 verificació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.
90
CREAR MENÚ
333
3
3
91
Edición del Menú
www.o
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
car
vuelve a pinchar y arrastrar ese
elemento a la izquierda. Para
eliminar uno de los componen-
tes del Menú, se pincha en la
flecha de la derecha del item y
rero.wo
se escoge la opción BORRAR.
92
Errores frecuentes al bloguear
ERRORES FRECUENTES AL BLOGUEAR
95