Está en la página 1de 79

www.hazi.

eus

WordPress.com

Autor: Pablo Solano (@pablosolano)


Versin 2.04
Marzo 2015

www.hazi.eus

Tutorial de WordPress.com
Contenido
Introduccin ............................................................................................................................................................. 3
Crear un sitio web con WordPress.com ...................................................................................................... 3
Administracin de entradas ........................................................................................................................... 17
Administracin de pginas ............................................................................................................................. 35
Cambiar la apariencia del sitio web (temas) .......................................................................................... 49
Personalizar el sitio web .................................................................................................................................. 53
Mens (versin clsica) .................................................................................................................................... 62
Estadsticas ............................................................................................................................................................. 66
Administracin de categoras........................................................................................................................ 67
Administracin de etiquetas .......................................................................................................................... 70
Administracin de enlaces .............................................................................................................................. 71
Administracin de medios (Biblioteca Multimedia) .......................................................................... 73
Configuracin ........................................................................................................................................................ 76

www.hazi.eus

Introduccin
WordPress.com es una herramienta que nos permitir crear un blog, y ya que un blog es un
sitio web, podemos decir que bsicamente WordPress es una herramienta para crear sitios
web.
Con esta herramienta estn hechos muchos sitios web que vemos en Internet, normalmente
con apariencia de blog, pero hay muchos otros que no son algo ms que blogs, y muchos de
son sitios de comercio electrnico, tiendas online; por lo que podemos asegurar que esta
herramienta es muy verstil y potente a la hora de crear un sitio web.

Diferencia entre WordPress.org y WordPress.com


Bsicamente, la diferencia entre estos dos sitios, es que en el primero,
https://wordpress.org/, encontraremos la herramienta para descargarla e instalarla en un
servidor al que nosotros tengamos acceso, ya que hemos contratado un espacio donde
alojar dicha herramienta y elaborar nuestro sitio web con ella.
En el segundo, https://es.wordpress.com/, sin embargo, la empresa que ha desarrollado la
herramienta, nos cede un espacio gratuito1, donde no es necesario instalar nada, ya que
ellos se encargan de todo. Nosotros solo debemos preocuparnos de configurar nuestro sitio
y de elaborar e introducir los contenidos.

Crear un sitio web con WordPress.com


Antes de continuar debemos matizar que este manual estar enfocado a conocer y usar
WordPress.com en sus aspectos ms bsicos, con los que podremos crear un sitio web en
muy poco tiempo.
Lo que vemos al entrar en WordPress.com es algo parecido a lo siguiente2:

Algunas caractersticas avanzadas pueden ser de pago


Decimos esto pues se suelen realizar cambios con frecuencia, lo que puede hacer que algunas imgenes
de este documento no se corresponda con lo que se ve en la actualidad
1
2

www.hazi.eus

Lo primero que debemos pensar antes de crear un sitio web es en el nombre (direccin web
o URL3) que le daremos a nuestro sitio. Procuraremos que el nombre sea corto y
representativo de lo que queremos que sea y va a contener nuestro sitio web, aunque cada
uno puede poner lo que desee. Tambin debemos tener en cuenta que el nombre que
nosotros pensemos podra estar registrado por otra persona o empresa, ya que los
nombre deben ser nicos, y entonces no podremos registrarlo. No hay dos sitios web con la
misma direccin en Internet tampoco en WordPress.com
En nuestro caso elegiremos el nombre cursohazi4, el resto de la direccin ser
.WordPress.com. Esto es as pues estar alojado en esta plataforma, bajo el dominio
WordPress.com. Tcnicamente a esto se le llama subdominio, as que cuando veamos en
Internet este tipo de direcciones podemos deducir que el sitio web est construido con esta
herramienta.

https://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme
Cada uno debe elegir un nombre diferente, ya que como hemos dicho no puede haber dos nombre
iguales. Podis poner un nombre real, ya que puede ser el sitio que luego utilizaris para vuestra web
3
4

www.hazi.eus

Como el sitio ya existe nos parece un mensaje de Disculpa, este sitio ya existe, por lo que
debemos elegir otro nombre diferente.

Escribiremos el texto cursohaziwp0 y veremos una marca verde a la derecha que nos
indica que el nombre est disponible.

Una vez que pulsemos en Crear tu sitio y continuar, en el siguiente paso nos aparecer
una pantalla similar a la siguiente:

www.hazi.eus

Debemos introducir una direccin de correo electrnico, un nombre de usuario y una


contrasea y pulsar Paso siguiente. Si alguno de los datos no es correcto nos avisar
mediante un mensaje en la parte inferior 5. En cualquier caso estos datos se pueden cambiar
ms adelante, por lo que no debemos preocuparnos mucho, eso si debemos tener acceso a
la cuenta de correo, pues se nos enviar un mensaje para que activemos nuestra cuenta
creada en WordPress.com.
En la siguiente imagen podemos ver un ejemplo del mensaje que nos llegar a nuestro
correo electrnico para que validemos la cuenta que hemos registrado. Debemos pulsar en
el botn Activar Cuenta para poder publicar contenido en nuestro sitio web.

Estos mensajes o avisos pueden aparecer en ingls


6

www.hazi.eus

En el siguiente paso aparecer una imagen similar a la de abajo. Qu significa esto?, pues
simplemente si queremos comprar un dominio en Internet6 o direccin personalizada
para nuestro sitio web. En nuestro caso pulsaremos sobre No, gracias7. Esto no quiere
decir otra cosa nada ms que nuestro sitio web tendr la direccin
cursohazi.WordPress.com y que no nos costar nada.

https://es.wikipedia.org/wiki/Dominio_de_Internet
Si ms adelante, una vez que el sitio web est en marcha, alguien quiere comprar algn dominio, lo podr
hacer en el apartado Mejoras, opcin Mis dominios
7
6
7

www.hazi.eus

Seleccionar el tema
En el siguiente paso debemos elegir un tema de los que se nos proponen. Hay que tener en
cuenta que lo que realmente estamos seleccionando es la plantilla en la que estar basado
nuestro sitio web, es decir el continente, no el contenido. Aunque si tenemos claro
sobre que tratar nuestro blog o sitio web y vemos una plantilla acorde, podemos
seleccionarla, pero no es imprescindible. En cualquier caso lo podemos cambiar ms
adelante.
Nosotros seleccionaremos la plantilla que se nos muestra en segundo lugar, en este caso la
denominada Cubic8.

En cada momento y a cada usuario le puede aparecer unas plantillas diferentes, pero esto no es
problema pues se puede cambiar cuando se quiera. Hay que tener tambin en cuenta que hay temas de
pago, por lo que de momento no seleccionaremos ninguno de estos
8

www.hazi.eus

Pulsaremos sobre la imagen que la representa y pasaremos al siguiente paso.

No aparece en de la pantalla las caractersticas que tendr nuestro alojamiento por ser
gratuito y las otras opciones de pago, por si queremos seleccionar alguna de ellas.
Seleccionaremos la primera, el plan gratuito, para ello pulsaremos en Elegir gratuito.
9

www.hazi.eus

Tambin existen opciones de pago, pero recomendamos empezar con la versin gratuita, y
despus si estamos interesados en mejorar nuestro web con ms espacio o temas de pago
podemos ampliar nuestras condiciones. El precio de las opciones de pago suele variar
dependiendo de las caractersticas que seleccionemos.
Los primeros pasos ya estaran realizados y tendramos el blog creado. Lo que vemos a
continuacin es la pantalla de bienvenida a WordPress y desde la que realizaremos la mayor
parte de la gestin de nuestro web 9.

Ahora podramos realizar varias cosas, entre ellas personalizar el sitio web, comenzar a
escribir la primera entrada o conectar a Facebook.
En la parte superior derecha observamos que hay una X, podemos cerrar este mensaje
pulsando sobre ella si no queremos hacer nada de lo que nos propone, nosotros
pulsaremos sobre la opcin Personaliza tu sitio.

Wordpress.com est siempre realizado cambios y mejoras en su herramienta por lo que esta pantalla
puede tener variaciones respecto a lo que vemos en la imagen
9

10

www.hazi.eus

Personalizar el tema
A continuacin podemos personalizar el tema. Cada tema tiene sus propias caractersticas y
algunas de ellas pueden ser cambiadas, depende de lo que haya decidido el autor de la
plantilla.
En nuestro caso la dejaremos tal y como est y ms adelante veremos cmo cambiar alguna
de ellas.
Aparentemente el sitio est vaco por el aspecto que observamos en la siguiente imagen,
pero es que acabamos de crearlo y lo que tenemos realmente es la carcasa o en otras
palabras, el continente, ahora debemos llenarlo de contenido.

Cerraremos esta pantalla utilizando la X que podemos ver en la parte superior izquierda y
volveremos a la pantalla de gestin del blog.
11

www.hazi.eus

Si pulsamos en la opcin Entradas del blog observaremos una pantalla similar a la


siguiente.

Aunque nosotros no hayamos introducido an ninguna entrada, de forma automtica


WordPress ya ha creado un a la que ha titulado Hola mundo!.

Conectar con redes sociales


Otra de las propuestas era conectar con Facebook, pero tambin lo podemos hacer con
otras redes sociales tal y como se nos muestra en la pantalla que vemos a continuacin.
Para poder hacerlo debemos tener cuenta en esta redes sociales, es decir, debemos ser
usuarios de Twitter, Facebook, etc.; como no es nuestro caso, ni el objetivo del curso,
pulsaremos en Paso siguiente. En cualquier caso, si decidimos ms adelante crear una
cuenta en estas redes, podremos conectar nuestro sitio web. Ya veremos cmo y dnde se
configura esta opcin.

12

www.hazi.eus

Podemos ver que hay otro apartado, el de Botones de compartir. Aqu podemos
configurar de forma general todos los aspectos de como se mostrarn los botones de
compartir el contenido del blog en las redes sociales ms conocidas. En la siguiente pantalla
podemos ver un ejemplo de configuracin que cada uno puede variar segn sus gustos o
necesidades:

13

www.hazi.eus

Y a continuacin un ejemplo de como se vera una entrada con la configuracin que hemos
hecho de los botones:

Primera entrada (post o noticia)


Y por ltimo, en el punto Comenzar con tu primera entrada ya podemos introducir
contenido creando la primera entrada (post).
Escribiremos algo a modo de ejemplo o de prueba, que utilizaremos ms adelante para ver
cmo se modifica (edita) o elimina una entrada.

14

www.hazi.eus

Esta pantalla nos servir para ver lo que es un post10 -o noticia- cuando hablamos de un blog
y las partes de las que se compone, que principalmente son el ttulo y el texto que describe
la noticia. Adems, como podemos ver en la derecha de la pantalla, podemos realizar
diferentes acciones con esta noticia, adems de su configuracin.
Dentro de las distintas acciones, son muy importantes el estado (si est publicada o en
borrador, si se publicar inmediatamente o programaremos su publicacin); las etiquetas y
categoras de la entrada; la ubicacin relacionada con la entrada; acompaarla de una
imagen destacada y escribir un extracto o resumen; si se quiere compartir en las redes
sociales; adems de algunas caractersticas avanzadas que se pueden configurar.
Una vez escrito el ttulo y un texto podemos pulsar en el botn Vista previa para ver cmo
quedar la entrada con el tema seleccionado, o bien podemos pulsar en el botn Guardar
borrador, en este caso se guardar como borrador hasta que la publiquemos cuando
pulsemos el botn Publicar . Tambin se pueden aadir imgenes, vdeos y enlaces a
otros sitios web o a documentos, pero eso lo veremos ms adelante.
En la vista previa y con la plantilla Cubic nos parecer algo similar a lo siguiente.

Ya hemos creado el blog y hemos escrito la primera entrada y que en nuestro caso tendr
una apariencia similar a la imagen que se muestra a continuacin. Para poder verlo,
simplemente tenemos que escribir la direccin de nuestro sitio web en la zona de
direcciones del navegador que utilicemos. En el ejemplo del curso la direccin ser

10

La traduccin de esta palabra en espaol sera entrada


15

www.hazi.eus

cursohaziwp0.WordPress.com. Si publicsemos la entrada aparecera algo parecido a lo


siguiente:

Salir del escritorio


Para salir de la herramienta de gestin del sitio web (tambin llamada escritorio),
podemos ver que en la parte superior derecha de la pantalla hay una silueta
que
representa al usuario. Simplemente con acercar el ratn a esa zona de la silueta se
desplegar un men con una serie de opciones. Pulsaremos en la silueta y que nos llevar a
la pgina del perfil de usuario que WordPress nos crea automticamente. Tendremos que
hacer clic en la opcin Cerrar sesin y de esa forma saldremos de la herramienta. Si
queremos volver a acceder tendremos que identificarnos mediante el nombre de usuario y
contrasea que aportamos en el momento de crear el blog. Esto lo veremos a continuacin.

16

www.hazi.eus

Administracin de entradas
Cada vez que queramos aadir ms entradas, modificar o borrar las existentes, tendremos
que acceder al blog, para ello escribimos en la zona de direcciones del navegador lo
siguiente www.wordpres.com y localizaremos y pulsaremos en la opcin donde pone
Acceder. Lo podemos ver en la siguiente captura de pantalla:

A continuacin nos aparecer una pantalla similar a la siguiente11, en la que introduciremos


nuestro correo electrnico o nombre de usuario12 y contrasea.

Una vez que nos hayamos identificado accederemos a la herramienta y podremos


administrar las entradas y dems caractersticas del sitio web.

Si NO nos aparece la pantalla de identificacin es que Wordpress recuerda nuestra ltima vez que
entramos pues dejamos pulsada la opcin Mantener la sesin iniciada. Nuestras claves de usuario
quedan memorizadas en el navegador. Esto es muy cmodo, pero puede ser peligroso si ocurre en un
ordenador que utilizan varias personas
12 El nombre de usuario, si no lo hemos cambiado, ser el nombre de nuestro web
11

17

www.hazi.eus

A continuacin vamos a modificar la entrada que habamos escrito en el punto anterior, para
ello seleccionaremos la opcin Mis sitio que veremos en la parte superior izquierda.
Aparecer una nueva pantalla en la que se nos muestran las estadsticas del sitio web, que
evidentemente al haber creado en este momento el blog, no tendr ninguna informacin.
Debemos localizar la opcin Entradas del blog que veremos en la parte izquierda de la
pantalla, tal y como podemos ver en la siguiente pantalla:

Vemos la opcin Entradas del blog indicada por el cursor del ratn en forma de mano,
pues vamos a pulsar sobre ella.
Nos puede aparecer una pantalla similar a la siguiente, en la que tenemos 2 entradas, la que
cre WordPress de forma automtica al crear el blog y la que hemos creado nosotros de
prueba.

18

www.hazi.eus

Pulsamos sobre la opcin Editar13 de la entrada que hemos creado nosotros y a


continuacin nos aparece una nueva ventana donde podemos cambiar el ttulo, el texto de
la entrada o aadir imgenes, para este ltimo caso seleccionaremos la opcin Aadir
multimedia.

Tambin podemos ver como queda la entrada en el blog, las estadsticas especficas de esta entrada y la
podemos borrar envindola a la papelera
19
13

www.hazi.eus

A continuacin vamos a modificar el ttulo y aadir una imagen al principio de la entrada,


justo a la izquierda del texto para que nos quede como la siguiente captura de pantalla:

Una vez realizadas las modificaciones pulsaremos en la opcin Actualizar a la derecha de


la pantalla. Si queremos eliminar la entrada simplemente tendemos que pulsar el botn
Enviar a la Papelera representado por una papelera a la izquierda de la pantalla. Debemos
estar seguros de que queremos eliminar la entrada, pues no hay vuelta atrs. Tambin
podemos guardarla como borrador o tener una vista previa antes de actualizarla.
De esta forma hemos visto como modificar el contenido de una entrada que ya habamos
creado en el blog.

Aadir una imagen en una entrada


A continuacin veremos ms detenidamente como aadir una imagen en una nueva
entrada.
Para aadir una nueva entrada en blanco localizaremos la opcin del signo + y un lpiz que
vemos en la siguiente imagen y que encontraremos en la parte superior derecha de la
pantalla.

20

www.hazi.eus

Nos aparecer el formulario en blanco para crear una nueva entrada. Pondremos el ttulo
que queramos, por ejemplo Mi primera entrada con una imagen y nos situaremos en la
zona en blanco, debajo de la opcin Aadir Multimedia y la barra de herramientas.

Pulsaremos sobre la opcin de Aadir Multimedia y nos aparecer la siguiente pantalla o


similar:

Esta es la opcin que nos muestra las distintas posibilidades que existen para aadir una
imagen o cualquier otro objeto multimedia, como por ejemplo un vdeo14. En nuestro caso
utilizaremos la pestaa de Subir archivos y despus pulsaremos sobre el botn
Selecciona archivos y a continuacin seleccionaremos de nuestro ordenador la imagen
que queremos utilizar en la entrada.
En la versin gratuita no se puede alojar vdeos, pero si que se pueden utilizar los que est alojado en
otras plataformas como Youtube (https://www.youtube.com/) o Vimeo (https://vimeo.com/)
21
14

www.hazi.eus

La imagen seleccionada se aadir a la Biblioteca Multimedia, ya que la podremos utilizar


en la nueva entrada o en cualquier otra entrada. Veremos que en la biblioteca aparecen
otras imgenes que hemos utilizado anteriormente.

A continuacin pulsaremos en Insertar en la entrada con lo que la imagen aparecer en la


entrada en la parte superior izquierda.

22

www.hazi.eus

Ahora sin ms pulsaremos en Publicar y ya habremos creado una entrada, simplemente


con una imagen. Si lo deseamos podemos aadir ms imgenes o texto, el procedimiento
sera el mismo que ya hemos visto anteriormente.
Si queremos eliminar la imagen de la entrada, nicamente tendramos que hacer clic sobre
ella y pulsar sobre el icono representado por una equis (X).

El resto de opciones de la imagen nos permitirn, alinearla a la izquierda, derecha o


centrarla. Tambin podemos Editar las propiedades de la imagen mediante el icono que
representa un lpiz.
Al final nuestra entrada podra tener un aspecto similar a la siguiente imagen:

23

www.hazi.eus

En cualquier caso debemos tener en cuenta que el resultado final depender de la plantilla
que elijamos para nuestro sitio web. En nuestro caso y con la plantilla Cubic ser el
siguiente:

Por otro lado, en algunas plantillas, como es el caso de la que estamos utilizando (Cubic)
podemos destacar una imagen, para ello utilizaremos una de las opciones que tenemos a
la derecha denominada Imagen destacada y nos aparecer el botn Asignar imagen
destacada para poder seleccionar una imagen de nuestra Biblioteca Multimedia o bien
subir otra imagen nueva.

En nuestro caso vamos a seleccionar la misma imagen que utilizada en la entrada.

24

www.hazi.eus

El efecto de esta caracterstica lo podemos observar al ver el blog, en el que las entradas
aparecen con la imagen destacada y que en nuestro caso debera aparecer as:

Como podemos ver, solamente en esta ltima entrada aparece la imagen, sin embargo en
las otras dos entradas no aparece ninguna imagen, aunque en la propia entrada si que se
haya incluido, como es el caso de la segunda entrada.

25

www.hazi.eus

Debemos tener en cuenta que cada vez que realicemos algn cambio debemos Actualizar
la entrada mediante el botn correspondiente, antes de salir de la ventada de edicin.

Aadir un enlace en una entrada


Otro elemento muy habitual en las entradas son los enlaces (links) a otras pginas de
nuestro propio web o a otros sitios web externos al nuestro. Para ello tenemos que utilizar
la opcin de Insertar Enlace.
Primero vamos ver donde se encuentra esta opcin y de paso aprovecharemos para explicar
que es la barra de herramientas del editor de entradas de WordPress.
Como podemos haber observado, encima del espacio en blanco donde se aade el
contenido de la entrada vemos una serie de elementos que componen la barra de
herramientas del editor, es algo muy similar a lo que podemos ver en los editores de texto
clsicos como puede ser Microsoft Word u otros. En este caso es ms reducido en
opciones, ms bsico, como podemos ver en la siguiente imagen:

26

www.hazi.eus

Mediante esta barra de herramientas tenemos la posibilidad de poner el texto en negrita,


cursiva, tachado, aadir listas, citas, lneas horizontales de separacin, alinear el texto,
enlaces, etc. Tambin tenemos ms opciones que podemos ver si pulsamos el ltimo
elemento de la barra seleccionado en la imagen anterior (Alternar barra de herramientas
en ingls Toolbar Toggle).
A continuacin se muestra la barra de herramientas del editor ampliada, mediante la que
podemos seleccionar el tipo de prrafo, subrayar el texto, justificar, color del texto, pegar un
texto previamente copiado, borrar el formato, insertar un carcter especial, indentado,
deshacer y rehacer, etc.:

En la imagen anterior hemos seleccionado la opcin que queremos explicar en este punto,
es la opcin de Insertar/Editar enlace que veremos a continuacin.
En la entrada anterior que hemos creado con la imagen, nos situaremos al final del texto de
la entrada y escribiremos un breve texto a modo de ejemplo: Ms informacin sobre las
medusas en la Wikipedia. Este texto ser el que utilizaremos para describir el enlace.
Una vez escrito el texto del enlace lo tenemos que seleccionar y pulsar sobre la opcin de
Insertar/Editar enlace, tal y como se muestra en la siguiente imagen.

27

www.hazi.eus

A continuacin, en la pantalla que nos aparece, debemos escribir el enlace 15 (URL), el


Ttulo del enlace (opcional) y si queremos Abrir en una nueva ventana/pestaa, si lo
dejamos sin marcar se abrir en la misma pantalla en la que nos encontramos. Tambin
podemos enlazar con contenido de nuestro propio sitio web mediante la opcin O enlaza a
contenido ya existente. Pulsaremos Aadir enlace y ya tendremos el enlace aplicado
sobre el texto seleccionado.

Aparentemente parece que no ha ocurrido nada, pero podemos observar que el texto ha
cambiado de color y si pasamos el ratn por l, vemos que ste aparece subrayado.
Si lo que queremos es hacer algn cambio o modificar (editar), nicamente tenemos que
situar el cursor en cualquier parte del texto y volver a pulsar sobre la misma opcin y nos
aparecer otra vez la ventana para realizar los cambios pertinentes.

15

El enlace que vamos a utilizar es https://es.wikipedia.org/wiki/Medusa_(animal)


28

www.hazi.eus

Si queremos eliminar el enlace, procederemos de la misma manera, pero haremos clic sobre
la opcin Borrar enlace que se encuentra a la derecha de la opcin anterior.

Aadir un documento en una entrada


Otra posibilidad que existe en WordPress es aadir un documento a la entrada. Para ello
previamente debemos subir el fichero a la biblioteca multimedia, para despus aadirlo a la
entrada. Los formatos de documentos (ficheros) admitidos son los siguientes: pdf, doc, ppt,
odt, pptx, docx, pps, ppsx, xls, xlsx, key, mp3, m4a, wav, ogg, zip.
Veamos cmo se aade un fichero en formato PDF16 a la entrada que estamos creando.
Nos situaremos en la zona inferior, debajo del enlace que anteriormente hemos aadido y
pulsaremos sobre la opcin Aadir multimedia. Subiremos el archivo deseado
seleccionndolo de nuestro equipo mediante el botn Selecciona archivos. Y una vez que
est subido lo incorporaremos a la entrada con la opcin Insertar en la entrada.

16

Es el formato ms comn y el que se recomienda por su masiva utilizacin y estandarizacin


29

www.hazi.eus

Observaremos que lo que realmente hemos insertado es un enlace al archivo que se


encuentra alojado en la Biblioteca Multimedia y por defecto la descripcin del enlace es el
nombre que tiene el archivo. Si queremos modificar esta descripcin lo podemos hacer
ahora o bien una vez insertado el enlace en la entrada. El nombre del archivo realmente no
se cambia, lo que se cambia es la descripcin que nosotros ponemos. Lo vemos en la
siguiente imagen.

30

www.hazi.eus

Los cuatro elementos que hemos visto: texto, imgenes, enlaces y documentos son bsicos
para crear una entrada, aunque no tienen que estar los cuatro presentes y en ocasiones
puede haber ms de uno; se pueden aadir ms elementos o formatear el texto de una u
otra forma, pero eso ya depender de cada uno, de sus gustos o necesidades.

Aadir etiquetas y categoras a una entrada


Las entradas pueden clasificarse por categoras y/o etiquetas, para ello, cuando estamos
editando o aadiendo una entrada desplegaremos la opcin Etiquetas y categoras que
hay a la derecha de la pantalla y escribiremos aquellas etiquetas y/o categoras que
pensamos identifican mejor a la entrada.
La etiqueta (en ingls tag) es un instrumento que bajo la forma de una o ms palabras,
sirve para clasificar, organizar o agrupar un contenido. Seran como palabras clave que
identifican la entrada.
Lo habitual es que una entrada se clasifique bajo una nica categora, pero se clasifique por
varias etiquetas, es una norma no escrita, pero que podemos observar en la gran mayora de
los blogs.
La diferencia entre una etiqueta y una categora podra ser que las etiquetas son algo ms
especfico y las categoras, sin embargo, algo ms genrico, pero cada uno es libre de
utilizarlas bajo su propio criterio. En ningn caso es obligatorio etiquetar o categorizar las
entradas de un blog, sin embargo es un buen sistema de organizacin que nos puede ayudar
tanto a nosotros como a los que visiten nuestra web.
En el ejemplo que se muestra a continuacin hemos decidido aadir la etiqueta pinguino y
la categora Fotografas a nuestra entrada. Veamos como se hace.
Lo primero vamos a seleccionar la entrada que hemos titulado Los pinginos felices, para
ello volveremos a Mi sitio y una vez aqu, seleccionaremos Entradas del blog, para a
continuacin seleccionar la opcin Editar de la mencionada entrada.

31

www.hazi.eus

En la nueva ventana que nos aparece desplegaremos la opcin Etiquetas y categoras que
vemos a la derecha de la pantalla:

Nos situaremos primero en el apartado Etiquetas y escribiremos pingino para a


continuacin situarnos en el apartado Categoras y escribir Fotografas, y una vez hecho
esto pulsaremos el botn Actualizar que aparece en la parte inferior de la entrada.

Aparentemente no observamos nada, pero internamente esta entrada ha quedado


etiquetada y clasificada.

Aadir un vdeo a una entrada


Este ejemplo nos va a permitir que nuestros visitantes vean el vdeo que nosotros deseemos
directamente en una entrada de nuestro blog. Para ello vamos a crear una nueva entrada en
la que pondremos como ttulo Mi primera entrada con un vdeo de Youtube.
32

www.hazi.eus

Ahora, en otra pestaa del navegador que estemos utilizando vamos a localizar un vdeo
sobre medusas, no importa el que sea, para este ejemplo nos sirve cualquier vdeo.
Abriremos Youtube, cuya URL es www.youtube.com y en la caja de bsquedas tecleamos
medusas. Seleccionamos unos de los resultados, con lo cual se nos abrir una ventana con
el vdeo (no hace falta que lo veamos sino queremos).
Debajo del vdeo debemos localizar la opcin Compartir
ella, con lo cual vemos ms abajo algo parecido a lo siguiente:

, y hacemos clic sobre

Lo que aparece precedido por http:// es la direccin o enlace del vdeo (URL). La tenemos
que copiar. Para ello utilizaremos el botn derecho del ratn para ver las opciones del men
contextual. Seleccionaremos Copiar.
Volvemos a la pestaa donde estamos creando la entrada de WordPress y nos situamos en
la zona vaca de la entrada. De nuevo utilizando el botn derecho, esta vez seleccionamos la
opcin Pegar.
Y tenemos algo similar a lo que vemos a continuacin:

33

www.hazi.eus

Pulsamos en el botn Publicar y vamos a Ver Entrada, en nuestro caso veremos algo
as:

Pulsamos al botn central de reproduccin y ya podemos ver el vdeo en nuestro blog.


34

www.hazi.eus

Administracin de pginas
Las entradas en un blog son algo cronolgico, es decir, segn vayamos aadiendo entradas,
las ltimas pasarn a una primera posicin y las anteriores irn quedando relegadas y llegar
un momento en que no se vean en la pgina principal del blog. Esto no quiere decir que se
eliminen, ya que cada entrada tiene su propia direccin o enlace (URL), pero si necesitamos
acceder a ella tendremos que utilizar la bsqueda o alguno de los mtodos de clasificacin
que existen (categoras o etiquetas), siempre que evidentemente las hayamos utilizado en
nuestras entradas.
Las pginas sin embargo son algo fijo, siempre tendremos un enlace en la pgina de inicio
que nos llevar a cada una de ellas, ms adelante veremos como configurar el acceso a las
pginas que vayamos creando.

Para qu se utilizan las pginas


WordPress dice lo siguiente acerca de las pginas:
A diferencia de las entradas, que se muestran en la pgina inicial de tu blog en el orden
en que se publicaron, las pginas se ajustan mejor a un contenido atemporal que quiere
ser ms accesible, como tu informacin de contacto o sobre ti.
Normalmente las pginas se utilizan para mostrar una serie de opciones o un men con un
contenido fijo, o que no cambia muy habitualmente y que queremos que sean accesibles
con facilidad.
La creacin y administracin de pginas es muy similar a la de las entradas, la diferencia
sustancial es el lugar en el que aparecen ubicadas en el blog, tal y como hemos explicado
anteriormente.
Para acceder a la gestin de las pginas tendremos que ir primero a la opcin Mis sitio que
vemos en la parte superior izquierda. Una vez que estemos en la pgina principal del
escritorio de WordPress, vemos en la izquierda la opcin Pginas, hacemos clic sobre
ella y a la derecha de la pantalla veremos una relacin de las pginas que ya se han
publicado. En nuestro caso solamente hay una pgina denominada Acerca de y que
realmente no hemos creado nosotros, ya que lo ha hecho WordPress de forma automtica
al crear el blog.

35

www.hazi.eus

Si queremos podemos borrarla (Mover a la papelera) o editarla y modificar la informacin


que ya contiene, aadiendo o quitando cosas. Normalmente, en los blogs, esta pgina
contiene informacin de aquello sobre lo que trata el propio blog o informacin del autor
del mismo, o ambas cosas.

De momento, y en nuestro caso la vamos a dejar tal cual y ms adelante nos servir como
ejemplo para ver donde aparece esta pgina en el blog.

Aadir una pgina


Para aadir una nueva pgina, observamos que a la derecha de la opcin Pginas aparece
un botn que pone Aadir, lo podemos ver en la siguiente imagen:

36

www.hazi.eus

Al pulsar sobre dicho botn nos aparecer la pantalla que se muestra a continuacin, muy
similar a la que aparece cuando queremos aadir una entrada. Algunas opciones de la
derecha varan respecto a las entradas por ser las pginas un concepto algo diferente de las
entradas.

Una pgina, como mnimo se compone de un nombre de pgina (Ttulo) y de un texto


informativo o descriptivo. El resto de opciones de edicin son similares a las de una entrada,
se puede formatear el texto, aadir imgenes, vdeos, documentos, etc.
Se recomienda que el nombre de la pgina sea corto ya que formar parte del men de
pginas que mostraremos ms adelante y un nombre largo puede romper la estructura al
ocupar mucho espacio.

37

www.hazi.eus

En nuestro caso vamos a aadir una pgina con los datos de contacto (para realizar el
ejemplo utilizaremos datos ficticios). Podemos ver en la siguiente pantalla un ejemplo con
los datos introducidos para esta pgina denominada Contacto.

Una vez que hemos completado los datos podemos publicar la pgina. Para ello utilizaremos
el botn Publicar que encontraremos en la parte inferior derecha de la pantalla y
pulsaremos sobre l. Mediante el botn Guardar borrador podemos guardar la pgina
como borrador para publicarla ms adelante o bien podemos ver una Vista previa para
comprobar cmo quedara en la web sin tener que publicarla todava, para estas acciones
utilizaremos los botones que tenemos en la parte inferior.
En la parte derecha vemos una sera de opciones, son las correspondientes a: cambiar
estado, configuracin de la pgina, imagen destacada y configuracin avanzada.
El estado de la pgina puede ser uno de los cuatro que vemos en la siguiente imagen:

38

www.hazi.eus

Otros atributos de la pgina pueden ser el orden que ocupar en el men o bien, si depende
de otra pgina en la estructura, es lo que se denomina pginas anidadas. La opcin por
defecto es (sin superior), que no dependera de ninguna otra pgina. En nuestro caso
seleccionaremos esta opcin al tener solamente una pgina en este momento, la otra
posibilidad es que dependiese de la pgina Acerca de, pero no es el caso, por lo que lo
dejaremos como est.

Podemos asignar una imagen destacada en la pgina (esta imagen se mostrar dependiendo
de la plantilla seleccionada, algunas plantillas puede que no muestren imgenes destacadas
en las pginas). Tenemos que seleccionar una imagen de nuestra Biblioteca multimedia o
aadirla de nuestro equipo si es que aun no la hemos aadido a la biblioteca. Nosotros
dejaremos la entrada sin imagen destacada.

39

www.hazi.eus

En cuanto a la configuracin avanzada existen una serie de opciones que vemos en la


siguiente pantalla:

En la opcin SLUG pondremos un resumen del nombre de la pgina (normalmente ser


el mismo que tiene la propia pgina, aunque podemos modificarlo a nuestro gusto)
En el dato AUTOR se nos muestra el usuario que ha realizado la pgina (esto est bien
cuando en el blog escriben ms de una persona)
En la opcin VISIBILIDAD podemos hacer que la pgina sea pblica (opcin por defecto), o
protegida con contrasea o privada.
40

www.hazi.eus

En el apartado "ME GUSTA" Y COMPARTICIONES podremos habilitar o deshabilitar dichas


opciones, para mostrar estos botones en nuestra pgina, como se ve a continuacin.

En el apartado COMENTARIOS tenemos la posibilidad de permitir o no los comentarios en


la pgina. Tambin tenemos la posibilidad de permitir o no los pingbacks17 y trackbacks18
(estos dos trminos son aspectos ms bien tcnicos19 que no tienen cabida en un curso de
iniciacin a WordPress).
En nuestro caso nicamente vamos a dejar marcada la opcin de Permitir comentarios
para que nos quede algo parecido a lo siguiente:

Pingback: https://es.wikipedia.org/wiki/Pingback
Trackback: https://es.wikipedia.org/wiki/Trackback
19 http://sinlios.com/blog/2014/02/25/que-son-los-pingbacks-y-trackbacks/
17
18

41

www.hazi.eus

Editar una pgina


Una vez que hemos aadido las pginas deseadas mediante la opcin Aadir, podemos
ver las pginas que tenemos y modificar aquellas que necesitemos, aadiendo nueva
informacin, para ello primero utilizaremos la opcin Pginas que encontraremos en la
izquierda de la pantalla despus de acceder a Mi sitio, mostrndose a la derecha el listado
de pginas que tenemos hasta el momento, como podemos ver en la siguiente pantalla (en
este caso solamente tenemos 2 pginas):

Para editar la pgina deseada simplemente haremos clic sobre el nombre de la pgina y nos
aparecer de nuevo el formulario de edicin para realizar las modificaciones necesarias. Una
vez realizados los cambios pulsaremos el botn Actualizar, con lo que se publicarn los
cambios.

42

www.hazi.eus

Borrar una pgina


Cuando queramos eliminar una pgina, de nuevo seleccionaremos la opcin Pginas y al
pulsar el ratn sobre los tres puntos () que veremos a la derecha de cada una de las
pginas aparecen varias opciones, entre ellas Mover a la Papelera, haremos clic sobre ella
y la pgina se borrar.

Debemos estar seguros de que queremos borrarla, en cualquier caso, se puede deshacer
esta accin en el momento de la eliminacin para recuperar la pgina borrada.

Crear una pgina con un mapa de Google Maps


Para crear una pgina con un mapa de Google Maps primero debemos acceder a este pgina
en https://www.google.es/maps y localizar el sitio que queremos ubicar en el mapa; para
ello utilizaremos la bsqueda, por ejemplo teclearemos Escuela Agraria de Arkaute20. Uca
vez que Gogle Maps haya localizado y ubicado el sitio, haremos zoom con el signo + o 21
para ampliar o disminuir la visualizacin del mapa hasta que quede a nuestro gusto.

20
21

Cada uno buscar el lugar que quiere ubicar en su propio mapa


Enmarcado en crculos rojos podemos ver estos signos en la imagen
43

www.hazi.eus

En la siguiente imagen vemos un ejemplo del mapa que nos muestra Google Maps al realizar
la bsqueda del sitio que proponemos como ejemplo.

En el siguiente paso debemos hacer clic en la rueda dentada que vemos en la parte
inferior derecha22, y en el men que se despliega seleccionaremos la opcin Compartir o
insertar mapa

22

En la imagen tambin est enmarcada por un crculo rojo


44

www.hazi.eus

Aparecer una ventana similar a la que se muestra a continuacin, y en la que tenemos que
seleccionar la opcin Insertar mapa en vez de Compartir enlace que es la opcin por
defecto.

Cambiar la ventana y se mostrar algo parecido a lo siguiente.

En la parte izquierda tendremos un men desplegable con el que podemos seleccionar el


tamao que queremos que se muestre el mapa: Mediano, Pequeo, Grande o Tamao
personalizado. Cada uno seleccionar el que ms se adecue a sus necesidades. En nuestro
caso vamos a seleccionar la opcin Pequeo.
45

www.hazi.eus

A la derecha del men de seleccin del tamao del mapa vemos un espacio con un texto
probablemente extrao para aquellos que no conozcan el lenguaje HTML23. Tenemos que
seleccionar todo este texto o cdigo mediante el botn derecho del ratn y copiarlo, para
ms adelante pegarlo en la pgina que vamos a crear en nuestro sitio web de WordPress.
Volvemos al escritorio de WordPress y creamos una nueva pgina denominada por
ejemplo Ubicacin. Por defecto al crear una pgina, el modo de edicin es el Visual,
pero en este caso vamos a seleccionar el modo Texto, que es el que se utiliza para editar
las pginas en el lenguaje HTML que hemos mencionado anteriormente.

El leguaje HTML es utilizado para crear las pginas web. Podemos ver ms informacin en la Wikipedia
(https://es.wikipedia.org/wiki/HTML)
46
23

www.hazi.eus

Nos situaremos en el espacio en blanco de la pgina y mediante el botn derecho del ratn
seleccionaremos la opcin Pegar. Con lo que hemos copiado anteriormente lo veremos en
nuestra pgina, tal y como podemos ver en la siguiente imagen.

Debemos tener cuidado de no modificar nada de este cdigo pues se producira un error y
no se vera el mapa. A continuacin volvemos al modo Visual y veremos algo parecido a lo
47

www.hazi.eus

siguiente. Aunque no vemos el mapa no debemos preocuparnos. Si queremos podemos


escribir texto antes o despus del mapa, con cuidado de no borrarlo.

A continuacin pulsamos el botn Publicar o Actualizar, dependiendo de si acabamos


de crear la pgina o hemos hecho algn cambio anteriormente y lo que estamos haciendo es
modificarla.
En la siguiente imagen vemos la pgina publicada en nuestro sitio web, mostrndose el
mapa de Google Maps. Este mapa es interactivo, por lo que el usuario puede hacer zoom o
cambiar al modo callejero o satlite segn le interese.

48

www.hazi.eus

Cambiar la apariencia del sitio web (temas)


Al inicio del curso, a la hora de crear el blog, en uno de los pasos tuvimos que elegir un tema
(plantilla), pero este tema lo podemos cambiar siempre que queramos, aunque no es
aconsejable cambiarlo muy a menudo, por eso si no estamos seguros lo mejor es probar
varios al principio y despus de crear varias entradas, para ver su aspecto, y dejarlo fijo para
que nuestros lectores, una vez acostumbrados a uno, no se vuelvan locos.

Para cambiar el tema seleccionaremos la opcin Temas tal y como vemos en la imagen
anterior y una vez hayamos hecho clic sobre ella nos aparecer en una nueva ventana algo
similar a lo que se muestra en la siguiente imagen, con los temas seleccionados por
WordPress:

49

www.hazi.eus

Seleccionaremos la opcin Todos y la primera imagen nos muestra el tema que est activo
en nuestro sitio web en este momento, el cual podemos cambiar por otro a nuestro gusto
mediante la opcin Activar que aparece en la parte inferior de cada tema.

50

www.hazi.eus

Como podemos ver, se nos estn mostrado todos los temas disponibles, relacionados con
cualquier temtica, ya sean gratuitos o de pago (Premium). Pero podemos seleccionar los
recomendados para alguna temtica ms especfica como puede ser: Seleccin de personal,
Tendencia, Fotografa, o podemos pulsar en la opcin MS para seleccionar otros
aspectos de la plantilla, como puede ser el tipo, caractersticas, diseos, colores o precio.

Por ejemplo, nosotros vamos a marcar las siguientes condiciones: todos los tipos, cabecera
personalizada, una columna, claro y gratis.

51

www.hazi.eus

Habr una serie de temas que cumplan los requisitos y de ellos seleccionaremos el
denominado Isola24, pero antes de activarlo veremos una Demostracin para
comprobar si se adecua a lo que queremos. Si no nos aparece este tema entre los primeros,
siempre podemos buscarlo pulsando en el smbolo de la lupa que vemos a la derecha de
MAS. Debemos introducir el texto a buscar, en este caso isola.
En una ventana nueva se nos mostrar un blog de ejemplo para que nos podamos hacer una
idea de cmo puede quedar el nuestro, si los resultados nos convencen simplemente
pulsaremos en Activar y tendremos el tema aplicado a nuestro blog o sitio web.

En cada momento y a cada persona le pueden salir temas diferentes. Cada uno seleccionar el tema que
ms sea de su agrado.
52
24

www.hazi.eus

Personalizar el sitio web


Al activar por primera vez un nuevo tema, nos aparece la siguiente pantalla despus de
seleccionarlo; pulsaremos en Personaliza tu sitio web para darle unos toques personales,
modificando algunas de las caractersticas de la plantilla.

Tambin podemos acceder en cualquier momento a la personalizacin de la plantilla,


simplemente tenemos que hacer clic en la opcin Personalizar, tal y como podemos ver en
la siguiente imagen, dentro del apartado Aspecto y diseo:

Antes de empezar, veamos cual es el aspecto original con esta nueva plantilla, y luego
veremos esto mismo una vez que le hayamos aplicado algunos cambios al sitio web:

53

www.hazi.eus

A continuacin vemos que en la parte izquierda nos aparece un men con una serie de
opciones, son aquellas que podemos personalizar. Iremos viendo cada una de ellas y
aplicando los cambios 25. Veremos el resultado en la parte derecha, aplicados a nuestro web.

Dependiendo de la plantilla que haya seleccionada cada uno le aparecern ms o menos opciones,
algunas son generales y otras propias de cada plantilla
25

54

www.hazi.eus

Al ser una plantilla adaptada a dispositivos mviles, tambin podemos ver los resultados
aplicados tanto a un ordenador de sobremesa, como a una tableta o un mvil. Para ello
vemos tres iconos en la parte inferior. Podemos seleccionar cada uno de ellos y ver una
simulacin de cmo se vera la plantilla de dicho dispositivo.

Diseo personalizado
Esta opcin es de pago por lo que no la trataremos en este curso.

Ttulo del sitio y descripcin corta


En esta opcin podremos modificar el Ttulo del blog que aparece en la parte superior y
tambin podemos aadir una Descripcin corta.

55

www.hazi.eus

En el ttulo pondremos Curso Hazi sobre WordPress.com y en la descripcin corta


pondremos Como crear un sitio web con WordPress en pocas horas y dejaremos marcado
la opcin Mostrar texto de cabecera

Colores y fondos
Al seleccionar Colores y fondos en el men nos aparecen las distintas posibilidades 26.
Nosotros vamos a seleccionar un color azul claro utilizando la opcin escoger nuestro
propio color.

26

Dependiendo de la plantilla seleccionada podrn aparecer otras opciones diferentes


56

www.hazi.eus

Imagen de cabecera
Ahora vamos a aadir una imagen de cabecera que seleccionaremos desde nuestro equipo
mediante la opcin Aadir nueva imagen.
Dependiendo del tamao de las imgenes tal vez tendremos que recortarlas para ajustarla a
la plantilla, podemos hacer esto con WordPress de forma sencilla.

Esta plantilla nos permite aadir varias imgenes en la cabecera, que irn apareciendo, si
queremos, de forma aleatoria. Aadiremos cuatro imgenes de cabecera para ver el efecto
que hace en nuestra web. Siempre podemos cambiarlas o eliminarlas si no son de nuestro
agrado.

Portada esttica
En el siguiente paso vamos personalizar la Portada, pudiendo elegir entre el modo clsico
de ver las ltimas entradas o bien que aparezca una pgina esttica. En nuestro caso vamos
a seleccionar la pgina Acerca de que ser lo primero que se vea al entrar en el sitio web.

57

www.hazi.eus

Widgets
A continuacin aadiremos algn Widgets, que son elementos muy variados que podemos
aadir a nuestra web y que mejoran sus funcionalidades. Lo entenderemos mejor con un
ejemplo.
En esta plantilla solamente podemos aadirlos en la Barra lateral por lo que haremos clic
en dicha opcin.

Al hacer clic sobre la opcin Aadir widget nos aparece una lista en la que podemos
seleccionar los que queramos. Cada uno de ellos tiene su propia configuracin y
funcionalidad, y con algunos tal vez no haya que hacer nada, con seleccionarlos ser
suficiente para que se muestren. No podemos detenernos en explicar cada uno de ellos pues
existen bastantes y cada vez se incorporan nuevos a la lista, pero si veremos los ms clsicos.
El primero que vamos a seleccionar es el denominado Archivos, con el que podemos
acceder a cada una de las entradas que vayamos escribiendo en el blog.

58

www.hazi.eus

En la pantalla de configuracin (izquierda), el nico cambio que haremos es seleccionar la


opcin Mostrar la cantidad de entradas. En la imagen de la derecha vemos el resultado
que se obtendr en el blog.

Aadiremos otro widget, en este caso el relativo a las estadsticas, en el que se mostrar el
nmero de visitas a nuestro blog. En la imagen de la izquierda las opciones de configuracin
y en la de la derecha como se vera en el blog.

59

www.hazi.eus

Se pueden aadir muchos ms widgets, pero ahora os toca a vosotros probar aquellos que
os interesen y ver los resultados en el blog. Debis recordar que cada vez que realicis algn
cambio tendris que hacer clic sobre Guardar y publicar para que los cambios tengan
efecto.

Resultado final
Y ahora veremos el resultado con todos los cambios realizados en el blog, mediante la
opcin de personalizacin, para que comparemos con el original que hemos visto
anteriormente.

60

www.hazi.eus

Para ver la barra lateral en esta plantilla tenemos que pulsar sobre las tres barras
horizontales
que tenemos a la izquierda del ttulo de la web y se mostrar, como vemos
en la siguiente imagen.

Hay que tener en cuenta que cada plantilla tiene sus propias opciones de personalizacin ya
que cada una es distinta de las dems; puede que en algunas plantillas ni tan siguiera
dispongas de posibilidad de personalizar. Como ya se ha mencionado anteriormente, hay
que probar varias plantillas y todas sus posibilidades hasta que demos con aquello que
buscamos y que sobre todo nos guste a nosotros, ya que nuestros lectores o clientes
tendrn sus propios gustos, que pueden coincidir o no con los nuestros.

61

www.hazi.eus

Mens (versin clsica)27


Los mens de WordPress nos permiten organizar las pginas que hayamos creado para que
podamos acceder a ellas de una forma ms gil.
Para seleccionar esta opcin simplemente haremos clic en WP Admin y una vez que se nos
muestre una nueva ventana, en parte izquierda bajo la seccin Apariencia y
seleccionaremos Mens.

Se nos abrir una nueva ventana en la que aparecer una pantalla similar a la que se
muestra a continuacin:

27

En el nuevo interface de Wordpress hay una nueva opcin para gestionar los mens, pero en el curso vamos
a ver la opcin clsica que hay desde siempre
62

www.hazi.eus

Por defecto, como ya hemos comentado anteriormente, solamente tenemos una pgina, la
denominada Acerca de, que aunque no la hemos creado nosotros directamente, la ha
creado WordPress de forma automtica en el momento de crear el blog.
En esta ventana, WordPress nos propone crear un nuevo men en el que se incluir un
enlace a la mencionada pgina y otro enlace al inicio del sitio web. Podemos modificar los
textos que aparecen por defecto, para ello pulsaremos en la pequea flecha que parece a la
derecha por ejemplo de Pgina y vemos que aparece lo siguiente:

Podemos modificar el texto Acerca de por ejemplo Sobre esta web. Una vez hemos
hecho esto pulsaremos cobre Crear men.
Si a partir de ahora queremos que cada nueva pgina se aada automticamente al men
que hemos creado seleccionaremos la opcin Aadir pginas automticamente y
guardaremos de nuevo el men mediante la opcin Guardar men, tal y como podemos
ver en la siguiente pantalla.

63

www.hazi.eus

A parte de pginas, se puede aadir al men tambin Enlaces y Categoras, con lo que
conseguiremos acceder a una pgina web externa o a las entradas de nuestro blog de una
determinada categora (siempre que las hayamos clasificado de esta manera).
Para aadir un enlace, en la parte izquierda introduciremos la URL (se debe incluir el http://
que aparece por defecto) y el texto del enlace y pulsaremos el botn Aadir al men. En el
siguiente ejemplo hemos aadido el enlace http://www.hazi.eus y el texto Hazi para
poder acceder a este sitio web.

64

www.hazi.eus

Para aadir una categora procederemos de forma similar, salvo que en este caso se nos
mostrarn las categoras que hemos creado y seleccionaremos las que deseemos mostrar en
el men. En el siguiente ejemplo hemos aadido la categora General al men. Que es la
nica que tenemos creada hasta el momento.

En cualquier caso debemos acordarnos de pulsar la opcin Guardar men para grabar los
cambios realizados.

65

www.hazi.eus

Estadsticas
Otro apartado interesante es el relativo a las Estadsticas del sitio web, donde WordPress
nos mostrar un resumen (por das, semanas, meses o aos) con los datos ms relevantes y
con lo que podemos hacernos una idea del seguimiento que est teniendo nuestro sitio web
y cada una de las entradas que escribimos o que pginas son las ms visitadas. Tambin
podemos ver desde que lugar vienen las visitas, as como otros muchos aspectos.
En la siguiente imagen podemos ver un ejemplo de las estadsticas por Aos de un blog
recin iniciado y que apenas ha tenido visitas, en concreto el que estamos haciendo para
ilustrar este manual. En este caso hay pocas visitas y han sido nicamente las nuestras.

66

www.hazi.eus

Administracin de categoras
IMPORTANTE: En el momento de elaborar este tutorial, WordPress est en una situacin de
transicin y cambios hacia una nueva versin, por lo que algunos apartados, como este que
nos ocupa lo veremos con la versin anterior. Aunque la esencia es la misma, las pantallas
tienen un nuevo diseo. Para acceder a la versin antigua tenemos que utilizar la opcin
WP Admin que vemos en la parte izquierda cuando estamos en Mis sitios. Lo
mostramos en la siguiente imagen

WordPress permite jerarquizar los contenidos en categoras que, a su vez, pueden contener
varios niveles de subcategoras. Antes de empezar con el blog debemos pensar si tiene
sentido estructurar las entradas en categoras o por el contrario todas versarn sobre el
mismo tema y por lo tanto no son necesarias. Ms adelante veremos el concepto etiquetas,
que es otra forma de organizar o identificar el contenido y una forma de sustituir o
complementar las categoras.
Para gestionar las categoras tendremos que acceder al Escritorio de WordPress, que es la
forma de administrar todas las opciones y seleccionar la opcin Entradas y luego
Categoras, apareciendo una pantalla similar a la que vemos a continuacin en la imagen.

67

www.hazi.eus

Podemos ver que hay dos partes diferenciadas (adems del men izquierdo en fondo negro),
por un lado, a la derecha (en la imagen color rojo) vemos las categoras que hay actualmente
(por defecto al crear el blog existe una categora denominada Sin categora; y que no se
puede eliminar aunque si se puede cambiar el nombre) y por otro lado en la parte central
(en la imagen color verde) vemos los tres datos que tiene una categora: el nombre, la
categora superior de la que depende (opcional) y la descripcin (opcional).
Para aadir una nueva categora simplemente le daremos un nombre y cumplimentaremos
el resto de datos si lo creemos oportuno y pulsaremos sobre el botn Aadir nueva
categora, veremos como la nueva categora nos aparece en el listado de la derecha. Si
queremos hacer algn cambio o borrar alguna categora simplemente tenemos que
seleccionarla apuntado con el cursor sobre ella y hacer clic en la opcin deseada: Editar,
Edicin rpida (solo cambiar el nombre), Borrar o Ver (veremos la entradas de esa
categora) .

68

www.hazi.eus

El Slug es una versin reducida del nombre completo de la categora, utilizado para
generar las URLs amigables. Por ejemplo, si tu categora se llama Frutos sin cscara, el
slug sera algo as como frutos-sin-cascara. Como ves, nada de tildes, espacios o
maysculas.
En la ltima columna, el valor Count indica el nmero de entradas que hay en esa
categora.

69

www.hazi.eus

Administracin de etiquetas
Normalmente, las etiquetas se crearn en el momento de redactar los contenidos (entradas
o pginas), no las tenemos preconcebidas, algo que si debemos hacer para las categoras. No
obstante, conviene saber desde qu parte de la interfaz se puede gestionar la relacin
completa de etiquetas para revisar que no haya etiquetas demasiado parecidas o similares
(baloncesto y basket, por ejemplo), ya que eso tendra un impacto negativo en la
usabilidad del blog.
Por tanto, puedes administrarlas a tu antojo desde la opcin Entradas -> Etiquetas del
mismo modo que hemos hecho para las categoras. Las acciones disponibles son las mismas
que en el caso de las categoras: editar sus propiedades (nombre, slug y descripcin), ver los
contenidos vinculados o eliminarla. Eso s, ten cuidado al modificar el slug o eliminarla por
completo, ya que si existen referencias que usen un enlace que contenga dicho slug, dejar
de funcionar.
La diferencia con las categoras es que las etiquetas no se pueden jerarquizar, por lo dems
la gestin es muy similar.
A continuacin se muestra una imagen con la pantalla de gestin de las etiquetas en la que
ya hemos introducido alguna a redactar alguna entrada. Tambin se puede aadir aqu
etiquetas nuevas si sabemos que luego las vamos a utilizar en alguna entrada o si queremos
asignarla a entradas existentes mediante la edicin de dicha entrada o pgina.

70

www.hazi.eus

Administracin de enlaces
Existe la posibilidad en WordPress de gestionar una relacin de sitios de inters, que no es
otra cosa que una serie de pginas web que queremos mostrar en alguna parte de nuestro
blog a los visitantes de ste. Para mostrarlos tendremos que utilizar el widget Enlaces, tal
y como hicimos en el apartado de Presentacin
Por defecto, al crear un blog nuevo, WordPress carga una serie de enlaces por defecto. Los
podemos ver en la siguiente imagen:

Podemos eliminar con toda tranquilidad estos enlaces ya que normalmente son enlace de
inters para WordPress, pero tal vez no para nosotros o los visitantes de nuestra web.
Eliminarlos es muy sencillo y lo podemos hacer uno a uno, o mejor en bloque. Para ello los
seleccionaremos todos haciendo clic en la casilla que hay a la izquierda de la palabra
Nombre y una vez hecho esto en la lista de Acciones por lote seleccionaremos Borrar
y pulsaremos el botn Aplicar que vemos a la derecha, con lo que se eliminarn todos los
enlaces. En el caso de querer eliminar un solo enlace, lo seleccionaremos mediante la casilla
que hay a su izquierda y procederemos de la misma forma. Tambin se puede borrar ms
fcilmente y pasamos el ratn por el nombre del enlace y seleccionamos la opcin Borrar
que nos aparece en color rojo. Tambin podemos modificar sus caractersticas mediante la
opcin Editar.
Para aadir un nuevo enlace utilizaremos la opcin Aadir nuevo en la que nos aparecer
una nueva pantalla en la que tenemos que indicar el nombre, la direccin web del enlace, la
descripcin y la categora (no confundir con la categoras de la entradas).
71

www.hazi.eus

Una vez introducidos todos los datos pulsaremos el botn Aadir enlace.
La opcin Categoras de enlaces no permite gestionar aquellas categoras por las que
queremos agrupar los enlaces. Por defecto existe una nica categora, que ha sido creada
por WordPress al iniciarse el blog. Podemos aadir nuevas y la forma de gestionarlas es muy
similar a como lo hacemos con las categoras de las entradas.

72

www.hazi.eus

Administracin de medios (Biblioteca


Multimedia)
Para acceder a la Biblioteca Multimedia accederemos al Escritorio de WordPress como
ya hemos visto anteriormente.
Desde este apartado podremos aadir nuevos medios28, ya sean imgenes o documentos
(en la versin gratuita de WordPress no se pueden alojar29 vdeos) y que luego
utilizaremos en nuestro sitio web. Tambin podemos eliminar los existentes o cambiar sus
caractersticas: ttulo, leyenda, texto alternativo y descripcin30.
Nos aparece una pantalla similar a la que podemos ver a continuacin, en la que todava no
hay ningn elemento ya que acabamos de crear el blog y no hemos subido nada al el.

Cuando ya tengamos imgenes u otro tipo de ficheros veremos algo parecido a lo siguiente:

Un medio es cualquier tipo de archivo que hemos utilizado en nuestra web o que queremos utilizar en
un futuro. Debemos tener en cuenta que el espacio es limitado (3GB) y que no hay que malgastarlo
duplicando por ejemplo imgenes, ya que la misma imagen se puede utilizar la veces que deseemos y en
entradas diferentes.
29 Podemos utilizar vdeos siempre y cuando stos estn alojados en un servicio externo como puede ser
Youtube o Vimeo
30 Estas caractersticas son las propias del medio, si ste ya se ha utilizado en alguna entrada o pgina los
cambios que hagamos en la biblioteca no afectar a dicha entrada
73
28

www.hazi.eus

En los elemento de tipo imagen se ver una representacin en miniatura de dicha imagen y
en el resto de elementos nos aparece el nombre del fichero bajo e icono que representa un
documento.
Para seleccionar cualquiera de ellos simplemente tenemos que hacer clic sobre el y se nos
abrir una ficha con todas sus caractersticas. Un ejemplo lo podemos ver en la siguiente
pantalla:

74

www.hazi.eus

En la parte derecha vemos la informacin del elemento, en este caso de la imagen y aquella
que se puede modificar, en este caso: ttulo, leyenda, texto alternativo y descripcin.
Tambin, como podemos ver a la izquierda, tenemos la posibilidad de Editar imagen. La
posibilidades de edicin son muy bsicas, fundamentalmente tienen que ver con el tamao y
posicin de la imagen. Si quisiramos hacer algo ms complejo tendramos que utilizar un
editor grfico como puede ser PhotoShop o similar.
Para ver los elementos de la biblioteca multimedia, tenemos dos posibilidades, en modo
cuadrcula (por defecto) o en modo listado. Para cambiar esto modos utilizaremos los iconos
representados un una lista o una cuadrcula que vemos en la siguiente imagen.

Tambin podemos filtrar los distintos elementos por el tipo o por la fecha en la que lo
hemos cargado. Otra posibilidad es utilizar la bsqueda mediante alguna palabra relacionada
con el elemento a buscar. Es muy importante que nombremos y describamos los elementos
de nuestra biblioteca multimedia, ya que cuando tengamos una gran cantidad de ellos ser
ms fcil encontrarlos.

Para subir nuevos medios utilizaremos la opcin Aadir nuevo que encontraremos por
debajo de Biblioteca y nos aparecer la siguiente pantalla en la que utilizaremos el botn
Selecciona archivos para acceder a nuestro equipo donde se encuentra el elemento que
queremos aadir a la biblioteca multimedia.

75

www.hazi.eus

Configuracin
Y por ltimo vas a ver algunos de los aspectos relativos a la Configuracin. Para acceder a
este apartado seleccionaremos la opcin del mismo nombre que encontraremos en la parte
inferior izquierda cunado accedemos a Mis sitios. Lo vemos en la siguiente imagen:

Dentro del apartado de Configuracin existen varios subapartados: General, Escritura,


Comentarios y Analytics31. Muchos de estos aspectos son bsicos y fciles de entender, pero
otros son bastante tcnicos y no son objeto de este curso.

Cada vez que realicemos algn cambio debemos pulsar el botn Guardar Configuracin
antes de abandonar el apartado en el que nos encontramos.

Configuracin General
En el apartado General encontraremos el lugar donde podemos modificar el Ttulo de
nuestro sitio web as como el Lema (o breve descripcin).
En cuanto al Idioma, indicaremos aquel en el que vamos a escribir el blog. Dependiendo
del idioma, WordPress mostrar algunos texto en este idioma, aquellos que forman parte

31

Esta opcin solo est disponible en las opciones de pago por lo que no la trataremos en el curso
76

www.hazi.eus

del interface, pero no lo que escribamos nosotros, que evidentemente escribiremos en el


idioma indicado.
Otros aspectos no tan importantes, pero si interesantes son la Visibilidad del sitio,
mediante el cual podemos hacer que los motores de bsqueda (Google, Yahoo!, ) no
indexen nuestros contenidos. Esto es importante cuando an el sitio no est totalmente
terminado, sobre todo cuando estamos haciendo una pgina web, no un blog. Cuando
hayamos terminada el sitio web seleccionaremos la opcin Permitir a los buscadores que
indexen el sitio, mientras tanto os recomendamos que la dejis deshabilitada.
Tambin podemos hacer que el sitio web sea privado y/o visible nicamente para ciertos
usuarios; para ello seleccionaremos la opcin Quiero que mi blog sea privado, visible solo
a los usuarios que yo seleccione
Por lo que se refiere a la opcin Entradas relacionadas, depender de cada uno; es
interesante seleccionarla en el caso de que estis escribiendo un blog, pero en el caso de
una pgina web no tiene muchos sentido. Este aspecto es algo que no depende de nosotros,
ya que el WordPress el que muestra otras entradas de nuestro blog relacionadas con la
entrada que est viendo el visitante de nuestro web.

77

www.hazi.eus

Configuracin de Escritura
En la Configuracin de Escritura simplemente podemos elegir la Categora
predeterminada para las entradas que por defecto ser Sin categora si es que no hemos
cambiado su nombre y Formato de entrada por defecto que ser inicialmente el
Estndar. Estas opciones son interesantes si por ejemplo la mayora de nuestras entradas
son relativas a una categora concreta o si por ejemplo el formato es siempre de Imagen y
as no tenemos que estar cambiando cuando creamos una nueva entrada.

Configuracin de Comentarios
La configuracin en relacin a los comentarios es amplia y est enfocada sobre todo a la
gestin de stos en un blog. No trataremos este tema en el curso ya que el objetivo es la
creacin de una web y no tanto de un blog.

78

www.hazi.eus

79