Manual Wordpress

COLECCIN AULA MENTOR
SERIE DISEO WEB
CamSdw
SGALV
Crea tu web con

WordPress
Ministerio
de Educacin, Cultura
y Deporte
Crea tu web con WordPress

Diseo Web
Catlogo de publicaciones del Ministerio: www.educacion.gob.es

Catlogo general de publicaciones oficiales: www.publicacionesoficiales.boe.es
Autora
Helena Gil Ezquerro
Coordinacin pedaggica
Denica Veselinova Sabeva
Tana Diez Vankoningsloo
Edicin y maquetacin de contenidos

Helena Gil Ezquerro
Diseo grfico e imagen

Helena Gil Ezquerro
MINISTERIO DE EDUCACIN, CULTURA

Y DEPORTE
MINISTERIO DE INTERIOR
Edita:
SECRETARA GENERAL TCNICA
Subdireccin General
de Documentacin y Publicaciones
NIPO: 030-14-148-X
ISBN: 978-84-369-5587-3
NDICE
Pg.
MDULO 1
Unidad 0. Conociendo WordPress 12
1. Un poco de historia...........................................................................................................................13
1.1 El nacimiento de WordPress..........................................................................................................15
1.2 Otros CMS.......................................................................................................................................16
2. Anatoma de WordPress....................................................................................................................16
2.1 GNU General Public License......................................................................................................... 17
2.2 Apache, PHP y MySQL................................................................................................................... 18
2.3 La comunidad de WordPress......................................................................................................... 18
Unidad 1. Instalacin de WordPress 20
1. Instalacin en un servidor local..................................................................................................... 20
1.1. Instalacin de WAMP en Windows paso a paso.......................................................................... 21
1.2. Instalacin de MAMP en Mac OS paso a paso............................................................................. 34
1.2.1 Configuracin de MAMP 38
1.3 Instalacin de WordPress 44
1.3.1 Creacin de una base de datos 44
1.3.2 Descarga de la ltima versin de WordPress 46
1.3.3 Configuracin de wp-config.php 48
1.3.4 Asistente de instalacin de WordPress 51
2. Instalacin en un servidor remoto................................................................................................. 55
2.1 Requerimientos tcnicos de WordPress 55
2.2 Encontrar un hosting adecuado 56
2.3 Hosting gratuito 57
2.4 Transferencia de archivos por FTP 57
2.5 Instalacin de WordPress en un servidor remoto paso a paso 58
2.5.1 Crear una cuenta en un servidor remoto 59
2.5.2 Configurar el servidor remoto 61
Unidad 2. Primeros pasos en WordPress 73
1. La estructura de nuestra web.......................................................................................................... 73
2. Conociendo el rea de administracin.......................................................................................... 77

3. Planificacin del sitio web 80
3.1 Elaborar un informe de nuestro proyecto 81
MDULO 2
Unidad 3. Gestin de usuarios 84
1. Descripcin detallada de los roles................................................................................................. 85
1.1 El
1.2 El
1.3 El
1.4 El
1.5 El
1.6 El
rol
rol
rol
rol
rol
rol
de
de
de
de
de
de
suscriptor 85
colaborador 85
autor 86
editor 86
administrador 87
Sper Administrador 87
2. Gestionar usuarios............................................................................................................................. 88
Unidad 4. Temas para WordPress. Configurar la apariencia de nuestra web 93
1. Qu son los temas.............................................................................................................................. 93
2. Elegir un tema adecuado. Aspectos a tener en cuenta............................................................... 96
2.1 Requerimientos a la hora elegir un tema 96
2.1.1 Optimizar nuestra web para dispositivos mviles 97
2.1.2 El caso especial de las tiendas online98
2.2 Algunos consejos para escoger un buen tema para nuestro proyecto 98
3. Buscando el tema perfecto. Dnde y cmo descargar temas 99
3.1 El directorio de temas de WordPress 101
3.1.1 Buscar un tema desde nuestra rea de administracin 101
3.1.2 Buscar un tema en la web del directorio de WordPress 103
3.2 Temas premium 106
3.2.1 Consejos para elegir un tema de pago 107
4. Instalacin manual de un tema..................................................................................................... 112
5. Retocando nuestro sitio web. Configuracin y adaptacin de los temas 114
5.1 Opciones de configuracin 114
5.1.1Apariencia Personalizar 114
5.1.2Apariencia Opciones del tema 117
5.1.3Apariencia Cabecera 118
5.1.4Apariencia Fondo 118
5.2 Uso de Widgets 119
5.3 Enredar en el cdigo. Adaptacin manual de los temas 122
5.4 Cmo traducir un tema de WordPress 122
5.4.1 Configuracin de Poedit 124
Unidad 5. Plugins para WordPress. Aadiendo funcionalidad 126

1. Dnde y cmo encontrar plugins................................................................................................. 126
1.1. El directorio oficial de plugins de WordPress............................................................................. 127
2. Cmo instalar un plugin................................................................................................................. 131
2.1. Instalacin automtica de plugins............................................................................................... 133
2.2. Instalacin manual de plugins..................................................................................................... 136
3. La configuracin de los plugins.................................................................................................... 138
3.1. Plugins y widgets.......................................................................................................................... 141
3.2. Shortcodes..................................................................................................................................... 142
3.3. Edicin avanzada de plugins....................................................................................................... 146
4. Qu plugins necesita mi sitio web?............................................................................................. 146
4.1. Plugins que todo sitio web debera instalar................................................................................ 147
4.2. Cuntos plugins puedo usar?, existe un lmite?........................................................................ 147
4.3. Cmo elegir un plugin de entre varios que ofrecen la misma funcionalidad?........................ 147
4.4. Plugins de uso habitual................................................................................................................ 148
4.4.1. Formularios de contacto...................................................................................................... 148
4.4.2. Utilidades para imgenes..................................................................................................... 149
4.4.3. Utilidades para vdeo........................................................................................................... 150
4.4.4. Gestin de usuarios.............................................................................................................. 151
4.4.5. Redes sociales en WordPress............................................................................................... 152
4.4.6. Boletines electrnicos y suscripciones................................................................................ 153
4.4.7. Calendarios de eventos........................................................................................................ 154
4.4.8. Otros plugins destacados..................................................................................................... 155
4.5. Sitios web multilinges................................................................................................................ 156
4.6. Plugins para comercio electrnico.............................................................................................. 157
4.6.1. Temas para comercio electrnico........................................................................................ 159
Unidad 6. Configurando Wordpress.................................................................................................. 160
1. El men Ajustes................................................................................................................................. 160
1.1. Ajustes
1.2. Ajustes
1.3. Ajustes
1.4. Ajustes
1.5. Ajustes
1.6. Ajustes
Generales.................................................................................................................... 160
Escritura....................................................................................................................... 162
Lectura......................................................................................................................... 164
Comentarios................................................................................................................ 166
Medios......................................................................................................................... 169
Enlaces permanentes.................................................................................................. 169
2. El men Herramientas..................................................................................................................... 171

2.1. Herramientas Herramientas disponibles................................................................................ 171
2.2. Herramientas Importar............................................................................................................ 172
2.3. Herramientas Exportar............................................................................................................ 173
MDULO 3
Unidad 7. La creacin de contenido.................................................................................................. 176
1. Conceptos clave en la creacin de contenido............................................................................. 176
1.1. El cliente es lo primero................................................................................................................ 177
1.2. Es bueno ser previsible................................................................................................................ 177
2. Cmo redactar textos de calidad para nuestra web.................................................................. 178
3. Usabilidad y Experiencia de Usuario (UX).................................................................................. 180
4. Algunas ideas para la creacin de contenido............................................................................. 181
Unidad 8. La edicin de textos en WordPress................................................................................. 183
1. Las entradas o posts......................................................................................................................... 184
1.1. Autoguardado y revisiones.......................................................................................................... 191
2. El procesador de textos................................................................................................................... 192
2.1. Conceptos bsicos de HTML....................................................................................................... 192
2.2. Dominar el editor de textos......................................................................................................... 194
2.3. Plugins de utilidad para trabajar con el editor de textos........................................................... 198
Unidad 9. Contenido audiovisual....................................................................................................... 200
1. Las imgenes...................................................................................................................................... 200
1.1. Conceptos bsicos de imagen digital.......................................................................................... 200
1.1.1. Tamao y resolucin............................................................................................................ 200
1.1.2. Espacio de color................................................................................................................... 202
1.1.3. Compresin y formatos........................................................................................................ 202
1.1.4. Pantallas Retina..................................................................................................................... 203
1.2. Optimizacin de imgenes.......................................................................................................... 203
1.3. Cmo publicar imgenes en nuestra web.................................................................................. 204
1.3.1. Plugins para imgenes......................................................................................................... 210
2. Vdeo y audio..................................................................................................................................... 211
2.1. Incrustar (embed) vdeos de YouTube o Vimeo......................................................................... 212
2.2. Incrustar audios de SoundCloud................................................................................................. 212
2.3. Publicar vdeo o audio alojado en nuestro servidor.................................................................. 214
2.3.1. Plugins para vdeo................................................................................................................ 218
3. La librera multimedia..................................................................................................................... 219
4. Problemtica legal relacionada con el uso de contenido audiovisual.................................. 221
Unidad 10. Categoras, etiquetas, pginas y mens...................................................................... 222
1. Categoras........................................................................................................................................... 222
2. Etiquetas............................................................................................................................................. 226
3. Pginas................................................................................................................................................ 228
4. Mens de navegacin....................................................................................................................... 230
4.1. Qu hacer si nuestro tema no soporta mens personalizados.................................................. 237
MDULO 4
Unidad 11. Introduccin a WordPress Multisitio........................................................................... 240
Unidad 12. Optimizacin para motores de bsqueda (SEO)....................................................... 242
1. Cmo optimizar nuestra web para motores de bsqueda....................................................... 243
1.1. Contenidos optimizados para SEO.............................................................................................. 245
1.2. HTML y SEO................................................................................................................................. 245
1.2.1. Los meta tags o etiquetas meta............................................................................................ 246
2. Herramientas para webmasters..................................................................................................... 246
2.1. Aadir URL a buscadores............................................................................................................. 247
2.2. Los Sitemaps................................................................................................................................. 247
2.3. El archivo robots.txt..................................................................................................................... 248
3. Plugins para SEO.............................................................................................................................. 250
Unidad 13. Seguridad, mantenimiento y mejora del rendimiento............................................. 251
1. Cmo proteger nuestro sitio web.................................................................................................. 251
1.1. Escoger contraseas seguras........................................................................................................ 252
1.2. Actualizacin de WordPress......................................................................................................... 252
1.3. Copias de seguridad..................................................................................................................... 256
1.3.1. Copias de seguridad manuales............................................................................................ 257
1.3.2. Configuracin de UpdraftPlus.............................................................................................. 259
2. Proteccin anti-spam....................................................................................................................... 261
2.1. Configuracin de Akismet............................................................................................................ 261
2.2. El uso de CAPTCHA..................................................................................................................... 265
3. Mi WordPress va lento, qu hago?............................................................................................... 266
3.1. Los servicios de hosting de baja calidad..................................................................................... 266
3.2. Plugins inadecuados..................................................................................................................... 266
3.3. Otras causas de la lentitud de nuestra web................................................................................ 267
3.4. Herramientas para medir la velocidad de nuestra web............................................................. 268
3.5. Otras medidas para mejorar el rendimiento de nuestra web.................................................... 268
Unidad 14. Publicacin definitiva de nuestra web........................................................................ 269
1. Migracin desde el servidor local al remoto.............................................................................. 269
2. Anlisis de visitas............................................................................................................................. 278

2.1. Google Analytics y la legislacin sobre cookies........................................................................ 282
Unidad 15. Errores comunes y cmo encontrar ayuda................................................................. 283
1. Errores que todo principiante debera evitar............................................................................. 283
1.1. Errores de gestin y planificacin............................................................................................... 283
1.2. Errores de configuracin y seguridad......................................................................................... 284
1.3. Errores de diseo......................................................................................................................... 285
1.4. Errores de contenidos y de SEO.................................................................................................. 286
1.5. Otros errores................................................................................................................................. 287
2. Encontrar ayuda................................................................................................................................ 287
ANEXO I. INSTALACIONES EN WINDOWS
1. Instalacin de Visual C++ 2010 SP1 Redistributable Package.............................................. 290
2. Instalacin de Notepad++............................................................................................................... 293
3. Instalacin de Cyberduck............................................................................................................... 298
ANEXO II. INSTALACIONES EN MAC
1. Instalacin de TextWrangler en Mac............................................................................................ 302
2. Instalacin de Cyberduck en Mac................................................................................................. 304
GLOSARIO.............................................................................................................................................. 306
Mdulo 1.
Unidad 0. Conociendo WordPress
Unidad 1. Instalacin de WordPress
Unidad 2. Primeros pasos en WordPress
Aula Mentor
Unidad 0. Conociendo WordPress
WordPress es el sistema de gestin de contenidos, o CMS (Content Management System), ms

popular de la web. Se cre originalmente como una herramienta para la publicacin de blogs,
aunque en la actualidad se utiliza para aplicaciones tan diversas como magazines, portfolios,
portales web, galeras de imgenes e incluso comercio online.
Si tienes un proyecto que deseas poner en marcha en Internet, la probabilidad de que puedas
llevarlo a cabo con WordPress es muy alta y, seguramente, tambin muy recomendable. Por eso,
el objetivo de este curso es guiarte en ese viaje y ofrecerte ayuda y consejo cuando lo necesites.
Para poder seguir el curso con soltura no necesitas aprender a programar ni es necesario que
tengas ningn conocimiento anterior de programacin. Tampoco se requiere que tengas una
formacin previa sobre diseo web. Basta con que sepas navegar por Internet y tengas ganas de
aprender ms, porque WordPress se encarga de la parte difcil.
12
Si consigues completar el curso con xito, tu proyecto web estar listo para publicar en Internet.
Lo habrs llevado a cabo t mismo sin necesidad de contratar programadores ni diseadores,
tendr un aspecto perfectamente profesional y una completa rea de administracin para aadir
o editar los contenidos de tu web.
Preparado? Comenzamos!
Mdulo 1. U0 Conociendo WordPress
1. Un poco de historia
Pese a que WordPress puede usarse para desarrollar muy distintos tipos de webs, no hay que
olvidar que inicialmente fue diseado como una herramienta de blogging, o de publicacin
de blogs, y la parte fundamental de su arquitectura no podra entenderse sin comprender
antes las caractersticas y la mecnica de los blogs.
Hoy en da, la gran mayora sabemos lo que es un blog o, al menos, hemos odo hablar
de l. Blog es una contraccin del ingls weblog, que traducido al espaol vendra a ser
algo as como diario web. De hecho, el punto de partida del blog moderno fueron los
equivalentes digitales a los diarios personales que comenzaron a publicarse a mediados de
los aos 90, en los que los autores escriban sobre experiencias diarias, aficiones y quejas,
componan poesa o plasmaban pensamientos que podramos encontrar en cualquier diario
tradicional en papel. Uno de los primeros bloggers reconocidos fue, por ejemplo, el periodista
estadounidense Justin Hall, que publica su blog Justins Links from the Underground (http://
en.wikipedia.org/wiki/Justin_Hall) desde el ao 1994. Este blog comenz siendo una especie
de visita guiada al Internet de aquel entonces, pero pronto comenzara a convertirse en un
relato de la vida privada de Hall, para el que nada pareca lo suficientemente embarazoso o
ntimo. Jerry Hall habl en su diario digital de sus relaciones sentimentales, de bochornosos
problemas mdicos o incluso del suicidio de su padre.
En Espaa, quizs el blog ms emblemtico de entre los pioneros fue el famoso diario de
Claudia P. que, supuestamente, era una adolescente madrilea de 17 aos que public en
Internet su diario personal desde junio de 2001 hasta el ao 2003. En la actualidad difundir
la vida ntima en las redes sociales parece estar a la orden del da, as que es difcil que el
diario de Claudia P. nos resulte chocante, pero en aquel entonces era algo radicalmente
nuevo y sus lectores reconocan incluso sentirse culpables por estar leyendo lo ms cercano
a un diario secreto.
No es de extraar que los blogs se hicieran populares a finales de los 90 y su uso se
propagara de forma exponencial durante los aos siguientes hasta alcanzar los niveles de
difusin que todos conocemos.
Pero el hecho fundamental que anim a ms y ms gente a publicar un blog fue la creacin
de sistemas que permitieran aadir y editar artculos a personas sin formacin previa en
informtica. Al principio, si queras escribir un blog, tenas que tener al menos alguna
nocin de programacin, eso explica que muchos de los blogs de aquel entonces tratasen
sobre temas tecnolgicos o abarcasen las reas de inters habituales entre los aficionados
a la informtica y las nuevas tecnologas. Otros, como por ejemplo el de Claudia P., estaba
escrito directamente en HTML, lo que poda convertir en un suplicio cualquier intento de
actualizacin.
Adems, una de las caractersticas clave de los blogs es, precisamente, que se actualizan
con una frecuencia muy alta, mucho ms de lo que en aquel entonces se consideraba
normal actualizar una web. De hecho, a mediados de los aos 90 muchas pginas web eran
estticas, es decir, una vez publicadas raramente se hacan modificaciones.
Pero ocurri que en aquellas pginas estticas, tanto personales como corporativas,
comenzaron a hacerse cada vez ms populares las secciones de noticias, en las que se
publicaban textos breves relativos al tema de la pgina web, o al sector de la empresa
de turno, ordenados por fecha. Como estas secciones necesitaban actualizarse con cierta
13
Aula Mentor
asiduidad, comenz a hacerse necesario el uso de algn tipo de programa que facilitase esta
tarea. En parte, esto dio lugar a la evolucin de los sistemas que posibilitaban la produccin
y el mantenimiento de artculos web en orden cronolgico inverso a una poblacin, mucho
ms extensa, con conocimientos tcnicos limitados. Y este concepto, es decir, un listado
de artculos web en orden cronolgico inverso es precisamente la estructura bsica
del blog actual, todo lo dems gira alrededor de esta idea.
14
Las webs dinmicas se distinguen de las estticas en que su contenido vara en funcin
de ciertos parmetros introducidos, bien por el usuario que visita la pgina (client-site
scripting), o bien definidos por un programa (server-side scripting). Este ltimo tipo de
webs se crea habitualmente con lenguajes de programacin como Perl, ColdFusion, PHP,
ASP.NET, Ruby, etc Hoy en da la mayor parte de las pginas web son dinmicas, lo que
permite, entre otras muchas ventajas, administrar el contenido sin modificar su estructura.
Esto quiere decir que todo lo que tenemos que hacer es rellenar un formulario y hacer
clic para que nuestra web actualice su contenido.
As, a finales de los 90 y gracias al uso de distintos lenguajes de programacin, comenzaron

a aparecer las primeras herramientas de edicin y alojamiento de blogs: Open Diary (1998),
LiveJournal (1999), Diaryland (1999) o Blogger (1999), que sera adquirido por Google en
2003.
Pronto result evidente que algo haba cambiado en el mundo en cuanto al modo de
producir noticias, algo que hasta entonces se llevaba a cabo en un entorno exclusivamente
profesional. La llegada de los blogs otorgaba a personas como nosotros el poder de una gran
corporacin meditica, porque es prcticamente seguro que ah afuera hay una cantidad
mayor o menor de gente que est dispuesta a escuchar lo que tenemos que decir.
Las distintas caractersticas que iban adoptando de forma general los blogs iban a configurar
la nocin actual que tenemos de los mismos e iban a sentar las bases para el impacto que
produjeron en Internet.
OpenDiary fue el primer sistema que permiti a los lectores aadir comentarios a los textos
publicados. La posibilidad de aadir comentarios, otra de las caractersticas clave de los
blogs, los convirti en herramientas de comunicacin bidireccionales en las que se abra la
posibilidad de la creacin de comunidades online en torno a un blog determinado.
Otros mecanismos muy caractersticos de los blogs les permitiran conectar con otros
de intereses similares. Hablamos de los Permalinks, los TrackBacks y los Blogrolls, que
estudiaremos ms adelante.
El blog dejaba de ser una entidad aislada para configurarse como un ente individual dentro
de una red social de blogs que, a partir del ao 2002, sera conocida con el trmino
blogosfera.
1.1 El nacimiento de WordPress

En enero de 2003 un estudiante de Ciencias Polticas de 19 aos llamado Matt Mullenweg,
que habra de convertirse en el fundador de WordPress, escriba una entrada en su blog
titulada El dilema del software de blogging [http://ma.tt/2003/01/the-blogging-softwaredilemma/]. En ella se lamentaba de que b2/cafelog, la herramienta de blogging que utilizaba
en aquel entonces, llevara meses sin ser actualizada. El principal desarrollador de b2/cafelog
pareca haber desaparecido de la faz de la tierra. El blog de Mullenweg estaba creciendo
y necesitaba adaptarlo a los estndares web del momento, as que anunci su intencin
15
Aula Mentor
de ampliar el cdigo de b2/cafelog para crear una nueva herramienta de blogging con
la flexibilidad de MovableType, el analizador sintctico de TextPattern, la capacidad de
modificacin de b2 y la sencillez de configuracin de Blogger. El primer comentario a esa
ya mtica entrada es del cofundador de WordPress, Mike Little, ofrecindose a contribuir.
As, el 27 de mayo de 2003 hizo su aparicin la primera versin de WordPress. Como detalle
anecdtico, todas las nuevas versiones a partir de aquella han tenido como nombre en
clave a msicos de jazz, por ejemplo a la versin 1.2 se la conoce como Mingus por Charles
Mingus. La versin que estudiaremos en este curso es la 4.0, con nombre en clave Benny,
en honor al clarinetista y director de orquesta Benny Goodman.
A principios de 2003 existan alrededor de 2000 blogs creados con b2/cafelog. Hoy en da se
calcula que existen ms de 12 millones de webs que utilizan WordPress, alrededor del 20%
de todas las webs activas en el mundo.
1.2 Otros CMS

Otros sistemas de gestin de contenidos web (CMS) se desarrollaron en paralelo a los
blogs desde mediados de los aos 90. Los CMS permiten la creacin y administracin de
contenidos de pginas web de muy diversos tipos adems de blogs: foros, pginas de
noticias, tiendas online, webs corporativas, etc
16
Los primeros CMS aparecieron para dar respuesta a la necesidad de algunas empresas
y organizaciones de publicar un gran cantidad de contenido con mucha frecuencia. Un
ejemplo de estas entidades son los peridicos, las revistas o las grandes corporaciones.
Como ya hemos apuntado anteriormente, hoy en da WordPress no puede considerarse slo
como una herramienta de blogging. Es lo suficientemente flexible como para cubrir un rango
muy amplio de funciones: puede formar una pgina corporativa, transformarse para publicar
noticias o incluso convertirse en una tienda online.
Puede que gracias a su gran versatilidad alrededor de un 50% de todos los CMS en activo son
WordPress, aunque seguramente gran parte de su xito radica tambin en su simplicidad
y en que resulta mucho ms intuitivo que otras herramientas disponibles.
2. Anatoma de WordPress
En WordPress existen dos reas muy diferenciadas: Por un lado la parte pblica, o
front-end, que es el sitio web en s que se muestra a los visitantes y, por otro lado, el rea
de administracin, o back-end, que es la parte privada desde la que pueden editarse los
contenidos del sitio o definir su presentacin visual.
La estructura bsica de WordPress, que se ha mantenido hasta hoy, tiene las mismas
caractersticas de los primeros blogs:
- Un rea principal con un listado de entradas (en ingls posts o entries) mostrado en
orden cronolgico inverso, es decir las ms nuevas se muestran primero.
- Posibilidad de permitir a los lectores aadir comentarios, trackbacks y pingbacks.
- Una pgina, llamada archivo, donde consultar entradas antiguas.

- Uno o ms feeds, como RSS o ATOM.
No hay que preocuparse si no conocemos el significado de algunos trminos, los veremos
en detalle ms adelante.
Hay tambin otras caractersticas que conviene destacar:
- Uso de permalinks.
- Posibilidad de almacenar los artculos bajo mltiples categoras o subcategoras.
- Soporte para asignar etiquetas a las entradas.
Una propiedad muy valiosa de WordPress es su arquitectura de plugins, soportada desde
la temprana versin 1.2. Los plugins son pequeos programas que, una vez instalados,
extienden la funcionalidad del blog. Existen plugins para aplicaciones muy diversas: aadir
un formulario de contacto, mejorar el posicionamiento de la web en buscadores La lista
es extenssima, en el momento de escribir este curso hay cerca de 27.500 plugins en el
repositorio de WordPress, todos ellos gratuitos y en cdigo abierto.
Otra caracterstica muy prctica es el uso de temas, que se aadi en la versin 1.5. Los
temas permiten cambiar por completo la apariencia del sitio web, tanto su estructura visual
como los colores, tipografas y estilos empleados sin necesidad de modificar su contenido
real, esto es, textos y archivos multimedia (imgenes, vdeo, audio, etc)
Tambin es posible crear pginas estticas desde la versin 1.2. En este contexto, una
pgina esttica es aquella cuyo contenido raramente se modifica, aunque es perfectamente
posible hacerlo desde el rea de administracin. Un ejemplo de este tipo de pginas son las
clsicas Quines somos, Contacto y otras similares.
WordPress es multi-usuario, es decir, pueden acceder al rea de administracin varios
usuarios aunque, dependiendo del perfil que tengan asignado, podrn acceder solamente a
las secciones para las que dispongan de permisos.
Desde la versin 3.0 WordPress es tambin multi-sitio. Esto quiere decir que es posible
administrar varios sitios web desde una sola rea de administracin.
2.1 GNU General Public License

Otra de las razones del crecimiento y la difusin de WordPress, adems de que es
completamente gratuito, es que se distribuye bajo licencia GNU General Public License
(GPL), la licencia ms ampliamente utilizada por los desarrolladores de cdigo abierto. La
eleccin de esta licencia no slo tiene implicaciones prcticas, sino tambin ideolgicas.
El cdigo abierto o software libre otorga la libertad de modificar o redistribuir el cdigo
fuente bajo ciertas condiciones. GPL es una licencia copyleft, lo que significa que cualquier
trabajo que se derive de la obra original tendr la obligacin legal de distribuirse a su vez
bajo la misma licencia. Esto es una forma de garantizar a los desarrolladores de software
que su trabajo no ser aprovechado por terceros que restrinjan esas libertades a los usuarios.
Por ejemplo, la licencia permite que los desarrolladores puedan cobrar, o no, por un trabajo
derivado de un cdigo GPL siempre que lo distribuyan abierto y que permitan a su vez a
otros desarrolladores utilizar y ampliar su trabajo.
17
Aula Mentor
WordPress mismo es producto de un trabajo anterior, b2/cafelog, que precisamente fue

elegido porque su licencia permita su modificacin y redistribucin, en detrimento de
TextPattern, que era la primera opcin de Matt Mullenweg pero que fue descartado por
distribuirse bajo un tipo de licencia ms restrictiva.
Las implicaciones de optar por una licencia como GPL van mucho ms all del mero
trmite legal porque, en el caso de WordPress, permiti que un gran nmero de excelentes
desarrolladores de todo el mundo contribuyera libremente a la ampliacin y mejora de
su funcionalidad. Este trabajo comunitario contina en la actualidad, cualquiera puede
contribuir al desarrollo de WordPress en cualquier rea: ncleo, interfaz de usuario,
plugins, temas, soporte, documentacin, etc
Para saber ms sobre GNU General Public License:
http://es.wikipedia.org/wiki/GNU_General_Public_License
2.2 Apache, PHP y MySQL

Cuando navegamos normalmente por Internet, nuestro navegador enva un mensaje a un
servidor web, por ejemplo Apache, en el que se encuentra alojada la pgina que hemos
requerido. El servidor devuelve la pgina solicitada como un conjunto de datos y estos datos
son interpretados por nuestro navegador para mostrarnos la pgina que queremos consultar.
18
Cuando la pgina que pedimos es un documento PHP, Apache necesita de un mdulo PHP
para interpretarla. PHP fue desarrollado originalmente para crear webs dinmicas, se poda
incorporar directamente al documento HTML y, aunque no tiene licencia GPL, tambin es
software libre y gratuito.
Los contenidos de las pginas dinmicas se almacenan muy a menudo en una base de
datos. Los documentos PHP suelen conectarse a la base de datos para buscar la informacin
solicitada y mostrarla en el navegador. MySQL es una base de datos extremadamente popular
en aplicaciones web.
WordPress, al igual que su precursor b2/cafelog, utiliza PHP como lenguaje de programacin
server-side y MySQL como base de datos y recomienda Apache como servidor web.
Ms adelante veremos que debemos conocer las versiones de PHP y MySQL que requiere
nuestra versin de WordPress para poder instalarlo correctamente.
2.3 La comunidad de WordPress

Existen dos tipos de WordPress que necesitamos saber diferenciar. Por un lado, existe la
opcin de crear un blog mediante un servicio que incluye el alojamiento y para el que
el usuario no necesita conocer ningn detalle tcnico. Se trata bsicamente de registrarse
en una web y comenzar a publicar. A este tipo de herramienta se accede a travs de
wordpress.com. Esta sera la direccin de su versin en espaol: http://es.wordpress.com/
Por otro lado, existe la opcin primitiva de descargar el software, en la que el usuario se
tiene que hacer cargo del alojamiento, instalacin, configuracin y mantenimiento. Si bien
esta solucin requiere una implicacin mayor por nuestra parte, las ventajas de su eleccin
son ostensibles y permite el mximo aprovechamiento de la versatilidad de WordPress. Esta

es, obviamente, la herramienta que vamos a estudiar en este curso. Se accede a ella a travs
de wordpress.org.
Hay gran cantidad de documentacin disponible para quienes nos lanzamos a la aventura de
crear nuestro sitio web con WordPress. Esta documentacin, as como el cdigo mismo de
WordPress, ha sido creado por y para su comunidad de usuarios. Es una gran idea formar
parte de la comunidad, tanto para aprender como para contribuir, aunque buena parte de
los recursos oficiales estn en ingls. A continuacin, vamos a enumerar algunos de los
principales enlaces oficiales en espaol a estos recursos:
Pgina principal de WordPress [ES]:
http://es.wordpress.org/
Cdex [ES]
http://codex.wordpress.org/es:Main_Page
Foro de soporte de WordPress [ES]:
http://es.forums.wordpress.org/
19
Aula Mentor
Unidad 1. Instalacin de WordPress
Esta parte del curso puede resultar un poco confusa para los alumnos sin experiencia en la
creacin de pginas web. Si ese es el caso, aconsejamos seguir punto por punto las instrucciones
de instalacin y dejar para ms adelante la tarea de comprenderlo todo en profundidad. En
realidad, la instalacin es mucho ms sencilla de lo que pueda parecer a simple vista y pronto
la dominaremos sin problemas.
1. Instalacin en un servidor local

La manera ms cmoda de configurar WordPress es instalando una copia en un servidor local,
es decir, en nuestro ordenador. Una vez correctamente configurada y aadidos los contenidos,
podemos subir nuestro sitio web a Internet mediante un programa de transmisin de archivos
por FTP.
20
No es habitual que nuestros ordenadores personales tengan instalado por defecto un servidor
web, pero afortunadamente existen paquetes gratuitos que instalan en pocos minutos un
entorno adecuado para WordPress y otras aplicaciones web.
El entorno de instalacin de WordPress consiste en un servidor web Apache con PHP y MySQL.
Como ya hemos visto, el mdulo PHP se utiliza para la creacin de pginas dinmicas y MySQL
es una base de datos de uso muy frecuente en aplicaciones web.
Los paquetes que vamos a utilizar en este curso son WAMP (Windows, Apache, MySQL y PHP/
Perl/Python) para los usuarios de Windows y MAMP (Macintosh, Apache, MySQL y PHP/Perl/
Python) para los de Mac OS.
Existen tambin paquetes de instalacin para Linux llamados LAMP (Linux, Apache, MySQL y
PHP/Perl/Python).
As, vamos a llevar a cabo la instalacin en dos pasos:
1. Instalar WAMP o MAMP dependiendo de nuestro sistema operativo: Windows (Unidad 1, captulo 1.1) o Mac OS (Unidad 1, captulo 1.2).
2. Instalar WordPress propiamente dicho (Unidad 1, captulo 1.3).
El primer paso slo ser necesario la primera vez que instalemos WordPress. Las siguientes
veces que queramos instalarlo en el mismo ordenador bastar con seguir el segundo paso.
Mdulo 1. U1 Instalacin de WordPress
1.1 Instalacin de WAMP en Windows paso a paso

Los usuarios de Mac pueden omitir este captulo y pasar directamente al 1.2.
Importante: Existe un requisito previo a la instalacin de WampServer. Es preciso instalar antes
Visual C++ 2010 SP1 Redistributable Package. (ver Anexo 1.1 al final del manual)
Una vez instalado Visual C++ 2010, debemos elegir qu versin de WampServer descargar
dependiendo de si nuestro procesador es de 32 64 bits o de las versiones de PHP, MySQL y
Apache que queremos instalar que, normalmente, sern las ms recientes. Para ello debemos ir
a la siguiente direccin:
http://www.wampserver.com/en/#download
21
A la hora de redactar este manual, las versiones disponibles eran las que se van a mostrar a
continuacin. Si vemos que las de la web oficial son ms recientes, tendremos que descargar la
que ms se ajuste a nuestras circunstancias.
Para 32 bits:
WampServer (32 Bits & PHP 5.4) 2.4:
http://sourceforge.net/projects/wampserver/files/WampServer%202/Wampserver%202.4/
Wampserver2.4-x86.exe/download
WampServer (32 Bits & PHP 5.3) 2.2E:
http://sourceforge.net/projects/wampserver/files/WampServer%202/WampServer%202.2/
wampserver2.2e/wampserver2.2e-php5.3.13-httpd2.2.22-mysql5.5.24-32b.exe/download
Aula Mentor
Para 64 bits:
WampServer (64 Bits & PHP 5.4) 2.4:
http://sourceforge.net/projects/wampserver/files/WampServer%202/Wampserver%202.4/
Wampserver2.4-x64.exe/download
WampServer (64 Bits & PHP 5.3) 2.2E:
wampserver2.2e/wampserver2.2e-php5.3.13-httpd2.2.22-mysql5.5.24-x64.exe/download
WampServer (64 Bits & APACHE 2.4) 2.2E:
wampserver2.2e/wampserver2.2e-php5.4.3-httpd-2.4.2-mysql5.5.24-x64.exe/download
En nuestra explicacin paso a paso vamos a instalar WampServer en un sistema operativo
Windows 7 de 64 bits. Para este sistema escogemos la versin WampServer (64 Bits & PHP 5.4)
2.4, que instala la versin ms reciente de PHP, la 5.4. Naturalmente, el alumno deber adaptar
las instrucciones a continuacin a su sistema operativo y su tipo de procesador.
Instalacin de WampServer
1. Instalamos Visual C++ 2010 SP1 Redistributable Package siguiendo las instrucciones del
Anexo 1.1 al final del manual.
22
2. Hacemos clic en la versin que queremos descargar, en este caso WampServer (64 bits & PHP
5.4) 2.4. Como ya hemos dicho antes, el alumno deber descargar la que le corresponda.
3. Se abre un cuadro de dilogo que nos advierte de varias cosas:

- Que debemos instalar antes Visual C++ 2010, cosa que ya hemos hecho.
- Que si tenemos instalado en nuestro ordenador WAMP5, debemos desinstalarlo antes de
proceder con la instalacin de WampServer.
- Que no debemos mezclar componentes de versiones anteriores de WampServer con la versin actual. Si tenemos versiones anteriores instaladas, es recomendable desinstalarlas completamente antes de proceder a la nueva instalacin.
Si cumplimos todas las recomendaciones podemos descargar el software en el enlace you can
download it directly
4. El enlace nos redirige a una direccin de sourceforge.net en la que la descarga comenzar

tras varios segundos.
23
Aula Mentor
5. En la ventana emergente hacemos clic en Guardar archivo para descargarlo a nuestro

ordenador.
6. Al abrir el ejecutable que acabamos de descargar se nos muestra el asistente de instalacin de

WampServer. Debemos cerrar el resto de aplicaciones que tengamos abiertas antes de continuar.
Una vez listos, pulsamos Next >.
24
7. Leemos y aceptamos la licencia seleccionando I accept the agreement y pulsamos Next >.
8. A continuacin debemos seleccionar el directorio de nuestro disco duro donde instalar el

servidor WAMP. En este caso vamos a dejar la ubicacin por defecto c:\wamp y a pulsar
Next >.
25
Aula Mentor
9. La siguiente ventana nos permite crear un icono de la aplicacin en la barra de acceso rpido,
Create a Quick Launch icon, y un icono en el escritorio, Create a Desktop icon. En este caso
hemos elegido la segunda opcin, aunque podemos seleccionar lo que ms nos convenga.
Luego pulsamos Next >.
26
10. La siguiente pantalla muestra las opciones seleccionadas para pedirnos confirmacin. Si
queremos cambiar algo pulsamos el botn < Back y si todo es correcto pulsamos Install.
11. Comienza la instalacin, esperamos hasta que termine.
27
12. A continuacin, si no se ha encontrado ningn problema, el instalador nos pide que elijamos
nuestro navegador por defecto. Si tenemos dudas, no tocamos nada y simplemente hacemos
clic en Abrir.
Aula Mentor
13. Esperamos mientras finaliza la instalacin.
28
14. En la siguiente pantalla se nos permite especificar un servidor SMTP y una direccin de
correo para configurar la funcin mail() de PHP. De momento dejamos los valores por defecto,
ya que podemos configurarlo ms adelante si lo necesitamos. Pulsamos Next >.
15. Por ltimo, si queremos abrir WampServer al finalizar, seleccionamos Launch WampServer
2 now y pulsamos Finish.
29
16. Observamos que aparece un nuevo icono de color verde en la barra de tareas. Si el icono es
de color naranja significa que ha existido algn problema con la instalacin y no podremos usar
WampServer, as que probaremos a desinstalarlo y a instalarlo de nuevo siguiendo con cuidado
todos los pasos de esta gua de instalacin.
Aula Mentor
17. Si el icono es de color rojo significa que los servicios no se han iniciado. Podemos iniciarlos
seleccionando Start All Services en el men contextual que aparece al hacer clic en el icono.
18. Si el icono es de color verde, significa que WampServer se ha instalado correctamente, as

que procedemos a configurarlo en nuestro idioma. Para ello hacemos clic en el icono con el
botn derecho del ratn y seleccionamos el idioma de entre la lista que aparece en el men
Language.
30
19. Vamos a comprobar que en efecto ya tenemos en marcha nuestro servidor web local. Para
ello escribimos localhost en la barra de direcciones de nuestro navegador. Si todo ha ido bien,
la ventana de nuestro navegador debera mostrar una pgina referente a la configuracin de
nuestro WampServer, tal como se muestra en la siguiente imagen.
31
20. Ahora describiremos dnde aadir nuestros archivos WordPress en el servidor WAMP. Por
defecto el servidor utiliza el directorio c:\wamp\www que contiene los archivos index.php
y testmysql.php. Vamos a dejar esos archivos tal y como estn y a crear un nuevo directorio.
Para ello hacemos clic sobre el icono verde de WampServer en nuestra barra de tareas, y
seleccionamos la opcin Directorio www.
Aula Mentor
21. Se nos abrir el explorador de Windows en el directorio c:\wamp\www. Creamos una

nueva carpeta y la nombramos, por ejemplo, wordpress. Esa ser la carpeta donde copiaremos
los archivos WordPress ms adelante.
32
22. Vamos a probar que funciona correctamente: abrimos un nuevo archivo con Bloc de
notas, escribimos en l la frase Hola Mundo!, lo guardamos con el nombre index.html y
lo introducimos dentro de la carpeta c:\wamp\www\wordpress. Ahora abrimos una nueva
ventana en nuestro navegador e introducimos la direccin http://localhost/wordpress/. Si hemos
hecho todo correctamente, en el navegador deber leerse Hola Mundo!.
23. Una vez hecha esta comprobacin vamos a eliminar el archivo index.html que acabamos
de crear envindolo a la papelera de reciclaje.
24. Ahora vamos a conocer la herramienta para administrar nuestra nueva base de datos MySQL.
Se llama phpMyAdmin y podemos acceder a ella haciendo clic en el link phpmyadmin que
aparece en la pgina de inicio que hemos cargado anteriormente en http://localhost.
25. Los datos de acceso por defecto a phpMyAdmin son root como usuario y nada como
contrasea. Es recomendable que guardemos estos datos de acceso en nuestro documento de
claves para poder recordarlos ms adelante.
33
26. Esta sera la pgina principal para administrar nuestra base de datos. Podemos configurar
el idioma de esta herramienta en el men desplegable correspondiente. Volveremos a ella un
poco ms adelante.
Aula Mentor
1.2 Instalacin de MAMP en Mac OS paso a paso

Los usuarios de Windows pueden omitir este captulo y pasar directamente al 1.3.
1. Vamos a la siguiente direccin: http://www.mamp.info/ y descargamos la versin gratuita
de MAMP pulsando en el botn Download now de la izquierda, el del elefante gris.
Hay disponible una versin Pro, pero no va a ser necesaria para el desarrollo del curso.
El instalador ocupa unos 140 Mb, as que la descarga puede llevar unos minutos dependiendo
de la conexin que tengamos.
34
2. Descomprimimos el archivo zip que hemos descargado y hacemos doble clic en el archivo
resultante con extensin .pkg.
3. Se abre el instalador de MAMP. Hacemos clic en Continuar.
4. La siguiente ventana nos informa de que se va a llevar a cabo la instalacin tanto de la

versin gratuita como la de pago y nos pide que no borremos ni renombremos MAMP. Hacemos
tambin clic en Continuar.
5. Leemos y aceptamos las condiciones del contrato de licencia haciendo clic en Continuar y
luego en Acepto.
35
Aula Mentor
6. Seleccionamos un disco de destino y el usuario en el que queremos instalar la aplicacin. Por

defecto se instalar para todos los usuarios del ordenador. Pulsamos Continuar.
36
7. MAMP debe instalarse en la carpeta Aplicaciones para funcionar correctamente, as que es

mejor no cambiar la ubicacin de la instalacin. Pulsamos Instalar.
8. Esperamos mientras la aplicacin se instala.
9. Si todo va bien la aplicacin se habr instalado correctamente. Hacemos clic en Cerrar.

37
Aula Mentor
1.2.1 Configuracin de MAMP

1. Abrimos el programa, que se ha copiado en Aplicaciones dentro de una carpeta llamada
MAMP. Nos aparecer una ventana de advertencia que nos dice que se ha instalado tambin
una versin de pago llamada MAMP PRO. No nos interesa, as que deseleccionamos Comprobar
MAMP PRO al arrancar MAMP y pulsamos en el botn Arrancar MAMP.
38
2. En el panel de configuracin vemos, por las luces rojas, que an no se han activado los
servidores Apache y MySQL. Antes de activarlos pulsamos en el botn Preferencias.
3. La pestaa Iniciar/Detener debe configurarse como se muestra en la imagen. Seleccionamos

Iniciar Servidores al arrancar MAMP para no tener que hacerlo manualmente cada vez que
abramos el programa.
39
4. En la pestaa Puertos introducimos los puertos por defecto de Apache (80) y MySQL (3306)
pulsando en el botn a tal efecto.
Para poder llevar a cabo los cambios de puerto debemos introducir nuestra contrasea de
usuario.
Aula Mentor
5. El estatus en verde indica que los dos servidores se han activado correctamente.
40
6. En nuestro navegador se abre una ventana mostrndonos unos datos que vamos a necesitar
ms adelante para instalar WordPress, as que es buena idea anotarlos en nuestro documento
de claves para tenerlos a mano cuando los necesitemos. Estos datos son: Host, Port, User y
Password (Servidor, Puerto, Usuario y Contrasea).
7. Ahora vamos a conocer la herramienta para administrar nuestra nueva base de datos MySQL.
Se llama phpMyAdmin y podemos acceder a ella haciendo clic en el link phpMyAdmin que
aparece en esta misma pgina.
8. Si nos piden usuario y contrasea introduciremos como usuario root y como contrasea
tambin root. La pgina a la que accedemos es donde vamos a poder administrar nuestra base de
datos. Podemos configurar el idioma de la herramienta en el men desplegable correspondiente.
Volveremos a phpMyAdmin un poco ms adelante.
41
Y ya est, ya tenemos instalado nuestro servidor web. Para mostrar nuestras pginas HTML
y PHP en un navegador deberemos introducirlas dentro de la carpeta Aplicaciones/MAMP/
htdocs.
Aula Mentor
Vamos a probar que funciona correctamente:

1. Abrimos un nuevo archivo con TextEdit y escribimos en l la frase Hola Mundo!.
2. Lo guardamos con el nombre index.html, seleccionando en el desplegable como formato de

archivo Pgina web (.html), dentro de la carpeta Aplicaciones/MAMP/htdocs.
42
3. Ahora abrimos una nueva ventana en nuestro navegador e introducimos la direccin http://
localhost. Si hemos hecho todo correctamente, en el navegador deber leerse Hola Mundo!
Por ltimo, para separar nuestro proyecto WordPress de cualquier otro proyecto con el que
queramos experimentar en nuestro servidor, vamos a crear una carpeta especfica dentro de
htdocs llamada wordpress en la que, ms adelante, instalaremos nuestra web.
43
Aula Mentor
1.3 Instalacin de WordPress

Una vez configurado un entorno adecuado para nuestro WordPress podemos proceder a su
instalacin. Pero antes debemos comprender, aunque sea a grandes rasgos, un par de conceptos
bsicos:
- WordPress almacena la mayor parte del contenido de la web y muchas de las variables bsicas para su funcionamiento en una base de datos.
- Por otra parte estn los documentos de programacin y algunos otros contenidos, principalmente imgenes y archivos multimedia, que se almacenan bien en una carpeta de nuestro
servidor local, si vamos a trabajar en nuestro ordenador, o bien en una carpeta de un servidor remoto, si vamos a colgar el sitio web en Internet.
44
1.3.1 Creacin de una base de datos

Podemos crear la base de datos que va a utilizar nuestro WordPress en el administrador
phpMyAdmin de nuestro servidor web. Si tenemos dudas sobre cmo acceder a l, los usuarios
de Windows encontrarn una explicacin en el captulo 1.1 punto 24 y los usuarios de Mac en
el captulo 1.2.1 punto 7, ambos en la Unidad 1.
1. En la pgina principal de phpMyAdmin hacemos clic en la pestaa Bases de datos.
2. En el formulario Crear base de datos introducir como nombre wordpress_db, como

cotejamiento utf8_general_ci y pulsar Crear.
3. Si todo ha ido bien, aparecer un mensaje de xito que nos indicar que la base de datos se
ha creado correctamente.
45
Como vemos, la creacin de una base de datos no reviste especial complejidad, aunque vamos
a hacer un par de aclaraciones.
Hemos elegido como nombre wordpress_db por razones prcticas, pero en realidad podemos
elegir el nombre que queramos, generalmente uno que sea un poco ms descriptivo del
proyecto que vamos a llevar a cabo. Esto es particularmente til cuando en un mismo servidor
necesitamos crear varias bases de datos diferentes para distintos proyectos.
Existen, no obstante, algunas limitaciones en la eleccin de un nombre, que son las siguientes:
- Slo se permiten caracteres alfanumricos del juego de caracteres por defecto del servidor web.
- No est permitido el punto . ni los separadores / o \.
- No est permitido terminar el nombre con un espacio .
- Los nombres pueden empezar por cualquier carcter permitido, incluido un nmero, pero
no est permitido que consten slo de nmeros.
- La longitud del nombre no debe exceder los 64 caracteres.
Aula Mentor
En realidad, aunque no sea ms que por una cuestin de estilo, es buena idea ceirse a caracteres
alfanumricos ms el guin bajo _, no utilizar espacios, tildes ni caracteres como la
y utilizar slo minsculas.
El cotejamiento de la base de datos, que hemos seleccionado en el men desplegable anterior,
consiste en una serie de reglas que permiten a la base de datos trabajar correctamente con un
juego de caracteres determinado. Cada lenguaje tiene su propio juego de caracteres, por ejemplo
los caracteres chinos son diferentes de los rabes, los ingleses o los espaoles. El espaol, como
ya sabemos, tiene tambin algunas particularidades con respecto a otros idiomas, como por
ejemplo la letra o las vocales con tilde.
El juego de caracteres que se usa por defecto en WordPress es UTF8. Es, por as decirlo, un
juego de caracteres universal, vlido para cualquier idioma, que nos va a permitir usar en
nuestro sitio web, si lo deseamos, textos en otros lenguajes. El cotejamiento utf8_general_ci
sera pues multilinge.
El sufijo final ci significa Case Insensitive, es decir independiente de maysculas o minsculas.
Esto significa que si en nuestra futura web hacemos una bsqueda en nuestra base de datos de
la palabra casa, vamos a encontrar indistintamente casa, CASA o Casa.
1.3.2 Descarga de la ltima versin de WordPress
46
Por norma general, es buena idea descargar siempre la ltima versin estable de WordPress, que
podemos encontrar aqu: http://wordpress.org/download/
En el momento de escribir este curso, la ltima versin estable de WordPress era la 4.0, que es
la que vamos a instalar en este manual. Seguramente estas instrucciones de instalacin sern
vlidas tambin para versiones posteriores, as que no dudes en instalarte siempre la ltima
versin disponible, sea cual sea.
1. Hacemos clic en Descargar WordPress.
2. Descomprimimos el archivo descargado wordpress-4.0.zip y copiamos el contenido a la

carpeta que le hemos destinado en nuestro servidor web. Los usuarios de Windows en c:\
wamp\www\wordpress y los usuarios de Mac en Aplicaciones/MAMP/htdocs/wordpress.
47
Aula Mentor
1.3.3 Configuracin de wp-config.php

La instalacin de WordPress es prcticamente automtica, pero antes de llevarla a cabo es
preciso que editemos un poco el principal archivo de configuracin, wp-config.php. Este
archivo no existe en la copia que nos descargamos de WordPress, tenemos que crearlo a partir
del archivo de ejemplo wp-config-sample.php.
Importante: Ni este ni ningn otro archivo de WordPress debe nunca editarse con Microsoft
Word ni otros procesadores de texto similares. Los usuarios de Windows deben usar Notepad++
(ver Anexo 1.2) o similar y los usuarios de Mac deben usar TextWrangler (ver Anexo 2.1) o
similar. Si no los tenemos instalados debemos hacerlo antes de continuar.
Y ahora, vamos a configurar la instalacin paso a paso:
1. Duplicamos el archivo wp-config-sample.php y le cambiamos el nombre a wp-config.php.
48
2. Abrimos el recin renombrado wp-config.php con un programa editor de texto simple,
como Notepad++ para Windows o TextWrangler para Mac. Para ello seleccionamos el archivo
y con el botn derecho del ratn (o Crt-Clic para usuarios sin botn derecho) seleccionamos la
opcin correspondiente segn se muestra en las imgenes.
3. Ahora hay una serie de variables que tenemos que modificar dentro del documento:
- El nombre de la base de datos ser wordpress_db
- El nombre de usuario de MySQL ser root
- La contrasea de MySQL ser root si eres usuario de Mac y nada si eres usuario de Windows.
- El host de MySQL ser localhost
As deberan quedar las variables para los usuarios de Windows:
Y as deberan quedar para los de Mac:
49
4. Con esto sera suficiente para llevar a cabo la instalacin pero antes, por motivos de seguridad,
vamos a configurar tambin las claves nicas de autentificacin. Para ello vamos a la URL
https://api.wordpress.org/secret-key/1.1/salt/ y copiamos el texto que se nos muestra y que ser
parecido a este:
Aula Mentor
5. A continuacin lo pegamos en nuestro archivo wp-config.php sustituyendo al texto que

comienza con define(AUTH_KEY y termina con define(NONCE_SALT, pon aqu tu frase
aleatoria);. Es decir, hay que sustituir esto:
Por algo parecido a esto:
50
As quedara para los usuarios de Windows:
Existen otras opciones de configuracin que podremos ir conociendo poco a poco cuando nos
vayamos convirtiendo en usuarios ms avanzados, pero ahora vamos a pasar por fin al asistente
de instalacin de WordPress.
1.3.4 Asistente de instalacin de WordPress

Por fin llegamos al famoso proceso de instalacin de WordPress de cinco minutos. Vamos paso
a paso:
1. Abrimos nuestro navegador y cargamos la URL http://localhost/wordpress/
2. Aparecer la pgina de instalacin (http://localhost/wordpress/wp-admin/install.php) en la
que podemos seleccionar el idioma de la aplicacin. Pulsamos Continuar.
51
2. A continuacin nos piden que rellenemos una serie de datos. No es necesario perder demasiado
tiempo decidindolos porque de todos modos se pueden cambiar ms adelante.
Aula Mentor
3. Rellenamos los datos siguiendo las instrucciones y pulsamos Instalar WordPress. Como
usuario, es mejor elegir un nombre distinto de admin. Es importante recordar el usuario y la
contrasea, porque los vamos a necesitar muy a menudo. Por lo tanto, vamos a anotarlos en
nuestro documento de claves.
52
4. Si no hay ningn error recibiremos un mensaje de xito. Pulsamos Acceder.
5. Introducimos el usuario y contrasea que acabamos de elegir y pulsamos Acceder.
6. Lo hicimos! Por fin hemos conseguido instalar nuestro primer WordPress. En la ventana del
navegador se nos muestra el rea de administracin, que conoceremos en profundidad ms
adelante.
53
Aula Mentor
7. Si queremos visitar nuestro sitio web podemos hacerlo a travs del enlace Visitar sitio, tal y
como aparece en la imagen.
8. Y este es el aspecto por defecto de nuestro sitio, que cambiar segn definamos su diseo,
su funcionalidad y aadamos contenido.
54
2. Instalacin en un servidor remoto

Para que nuestra web sea accesible en Internet es preciso instalarla en un servidor web remoto.
Los proveedores de hosting ofrecen diferentes soluciones para el alojamiento de nuestras webs,
desde servicios compartidos muy econmicos hasta servidores dedicados con una configuracin
a nuestra medida. Existen incluso servicios de hosting gratuito, aunque la calidad del servicio o
la velocidad de la carga no suelen ser buenos y en algunos se requiere la insercin de publicidad
a cambio del alojamiento.
Es eleccin del alumno el hosting que desee utilizar, que depender en gran medida de su
proyecto. Si la idea del alumno es aprender WordPress utilizando un proyecto ficticio, puede
hacer las prcticas en un hosting gratuito, pero si el objetivo del alumno es la publicacin de una
pgina web real, es posible contratar alojamiento con garantas de calidad a precios razonables.
2.1 Requerimientos tcnicos de WordPress

Los requerimentos tcnicos de WordPress pueden variar dependiendo de la versin que vayamos
a instalar, por eso antes de contratar un servicio de hosting es necesario informarnos de si
cumple con los requisitos necesarios.
Para poder instalar la versin con la que estamos escribiendo este manual, la 4.0, es necesario
lo siguiente:
55
- PHP versin 5.2.4 o superior
- MySQL versin 5.0 o superior
Como servidor web, WordPress recomienda Apache, aunque sirve cualquiera que soporte PHP
y MySQL.
Tambin es importante asegurarse de que el mdulo mod_rewrite de Apache est activo. Este
mdulo sirve para que podamos usar permalinks en nuestra web.
Si en el momento de hacer el curso existe una versin de WordPress posterior a la 4.0, el alumno
deber comprobar si los requerimientos de instalacin han cambiado en la siguiente URL: http://
wordpress.org/about/requirements/
En esa misma pgina se publica tambin el texto del email que podemos enviar a la empresa
de hosting antes de contratar alojamiento para asegurarnos de que el plan que hemos elegido
cumple con los requisitos mnimos. Hemos traducido aqu este texto para que el alumno pueda
utilizarlo si lo desea:
Estoy interesado en instalar WordPress y quisiera saber si su servidor soporta lo
siguiente:
- PHP 5.2.4 o superior
- MySQL 5.0 o superior
- El mdulo de Apache mod_rewrite
Gracias!
Aula Mentor
2.2 Encontrar un hosting adecuado

Antes de elegir hosting, es buena idea consultar varias empresas y comparar prestaciones y
precio. Podemos encontrar empresas de hosting buscando en Internet las palabras clave hosting
web, alojamiento web, etctera.
Generalmente, estas empresas ofrecen varios planes de alojamiento dentro de su oferta de
hosting web. Hay que estar atentos porque a veces los planes ms econmicos no soportan PHP
y MySQL, as que tenemos que optar por un plan superior.
Muchas veces se nos da a elegir entre servidores Linux o Windows. Para instalar WordPress es
preferible elegir Linux.
Para encontrar el hosting que ms se ajuste a nuestras necesidades hay que tener en cuenta una
serie de factores:
Soporta PHP
Como ya hemos visto, tenemos que comprobar que el plan que elijamos soporta la versin de
PHP que se requiere.
Soporta MySQL
Tambin tenemos que comprobar si soporta la versin adecuada de MySQL. Un dato a tener en
cuenta es tambin el nmero de bases de datos que se ofrecen, aunque para instalar una copia
de WordPress una base de datos es suficiente.
56
Precio de alta
En muchas el alta es gratuita, pero algunas empresas la cobran.
Dominio gratuito incluido
El dominio, comnmente hablando, es el nombre que identifica al sitio web, por ejemplo miweb.
com, miweb.net, miweb.es, etctera. Generalmente las empresas de hosting ofrecen, junto
con el alojamiento de la web, la gestin de la compra de un dominio por un precio adicional,
aunque algunas empresas incluyen la compra del dominio dentro del precio de hosting.
Espacio en disco
Es el espacio disponible para subir archivos a nuestro servidor. Nuestros requerimientos de
espacio en disco varan mucho dependiendo del tipo de proyecto que vamos a llevar a cabo.
Si nuestra web alojar mayoritariamente textos no tendremos problema, pero si vamos a alojar
gran cantidad de imgenes o vdeos, el espacio en disco ser un dato muy a tener en cuenta.
Transferencia
Las empresas de hosting, generalmente, ponen un lmite en cada plan a la cantidad de datos
que se transfieren mensualmente. La transferencia est relacionada con la naturaleza de los
datos que publicamos, puesto que consumiremos ms cuanto mayores sean los archivos que
debamos transferir y publicar, como por ejemplo vdeos, audios o imgenes grandes. Y tambin
est relacionada con el trfico de nuestra web. Una web poco transitada apenas consumir cuota
de transferencia, pero para las webs con muchas visitas, la cuota de transferencia que ofrece su
servicio de hosting es un factor importante.
Tambin hay que anticipar qu ocurre cuando se supera la cuota de transferencia mensual.
Generalmente las empresas de hosting fijan un precio por cada gigabyte por encima del contrato.
Cuentas de correo
Otro factor importante es el nmero de cuentas de correo que podemos crear con nuestro dominio,
por ejemplo info@miweb.com. Tambin se suelen ofrecer servicios de autorrespondedores
y de cuentas redirigidas. Algunas empresas incluyen en su tarifa filtros antiSpam, antivirus o
antiPhising, pero otras cobran estos servicios aparte.
Otros factores
Hemos enumerado los factores ms importantes, pero existen otros muchos que deberemos
valorar dependiendo de las necesidades concretas de cada proyecto. En la mayora de empresas
de hosting existen tablas comparativas de sus distintos planes de alojamiento con un listado de
todas sus caractersticas. Es buena idea visitar estas pginas y estudiarlas con cuidado.
2.3 Hosting gratuito

Hay empresas con servicio de hosting gratuito que permiten alojar WordPress. Algunas de ellas
lo hacen a cambio de insertar su publicidad en nuestra web, otras lo ofrecen como un modo de
captar clientes que tal vez ms adelante contratarn un plan de pago. Algunas permiten incluso
que utilicemos nuestro propio nombre de dominio.
No vamos a encontrar demasiada calidad de servicio en alojamiento gratuito, generalmente la
web se cargar con lentitud y no tendremos servicio de soporte tcnico, pero podemos usarlo
para hacer nuestras pruebas.
A continuacin detallamos una lista de webs entre las que podemos elegir la que ms nos
convenga:
http://www.host-ed.me/members/cart.php
http://www.heliohost.org/home/signup
http://www.x10hosting.com
http://www.imbahost.com/webhosting.html
http://www.freehostingcloud.com
http://www.hostwp.es [En espaol]. En esta web WordPress est preinstalado. No servir para
nuestras prcticas, ya que debemos aprender a instalarlo nosotros mismos, pero podemos
guardar la referencia para otra ocasin.
Podemos consultar una lista completa de hosting gratuito en esta direccin:
http://www.free-webhosts.com/webhosting-01.php
2.4 Transferencia de archivos por FTP

Para poder subir nuestros archivos web a un servidor remoto es necesario, la mayora de los
casos, hacerlo a travs de un software de transferencia de archivos por FTP.
En caso de no disponer de ese software, hay muchos programas gratuitos que podemos descargar
para transferir archivos, por ejemplo Cyberduck, que est disponible para Windows y Mac en
esta URL: http://cyberduck.ch/. Es buena idea bajar ahora el programa e instalarlo porque lo
usaremos muy pronto. Los usuarios de Windows encontrarn instrucciones para hacerlo en el
Anexo 1.3 y los de Mac en el Anexo 2.2 en las pginas finales de este manual.
57
Aula Mentor
2.5 Instalacin de WordPress en un servidor remoto paso a paso

A lo largo del curso vamos a trabajar tanto con nuestra copia local de WordPress como con la
que instalaremos en un servidor remoto. Por eso, vamos a aprender a hacerlo siguiendo paso a
paso el proceso de instalacin.
Los pasos a seguir pueden ser diferentes dependiendo del servidor que elijamos, pero a grandes
rasgos consisten en:
1. Contratar una cuenta en una empresa de hosting.
2. Obtener los datos de acceso al rea de administracin del hosting.
3. Obtener los datos de acceso FTP.
4. Crear una base de datos MySQL. A veces es necesario crear tambin un usuario MySQL
y otorgar a ese usuario los permisos para administrarla.
5. Configurar el archivo wp-config.php de WordPress.
6. Subir WordPress al servidor remoto mediante un programa de transferencia FTP.
7. Proceder a la instalacin automtica de WordPress.
Si lo deseamos, podemos seguir a continuacin una explicacin paso a paso de cmo hacerlo
en un servidor gratuito. Sin embargo, el rea de administracin de otros proveedores de hosting
puede ser muy diferente y, desafortunadamente, en este curso no podemos dar una explicacin
pormenorizada de los pasos a seguir en los diferentes servidores, por lo que la gestin del
alojamiento queda en manos del alumno.
58
Cuando este sea el caso, no debemos vacilar en solicitar asistencia al servicio de soporte
tcnico, pidiendo ayuda para encontrar los datos que buscamos o preguntndoles nuestras
dudas.
Debemos recordar que los datos que necesitaremos sern los siguientes:
- Datos de acceso por FTP a nuestro espacio en el servidor (host, usuario y contrasea)
- Datos de acceso a nuestra base de datos (host, nombre de la base de datos, usuario y
contrasea)
- Dnde gestionar nuestras bases de datos. Por ejemplo, mediante phpMyAdmin.
- Dnde crear los usuarios de las bases de datos y cmo gestionar sus permisos.
Una vez conozcamos todos los datos, no debemos olvidarnos de apuntar todo cuidadosamente
en nuestro documento de claves.
2.5.1 Crear una cuenta en un servidor remoto

Para nuestra explicacin vamos a crear una cuenta en el servicio gratuito de host-ed.me.
1. Cargamos en nuestro navegador la URL http://www.host-ed.me/members/cart.php y pulsamos
en el botn Order Now del bloque Free Web Hosting Plan
2. En la siguiente pgina, si lo deseamos, podemos cambiar el idioma de la pgina en el men

desplegable. Luego seleccionamos la opcin Quiero utilizar un sub-dominio gratis, elegimos
el nombre del sub-dominio que deseemos para nuestra web y pulsamos en Hacer click para
Continuar >>.
59
Aula Mentor
3. En la pgina siguiente hacemos clic en Aadir a carro.
60
4. Ahora debemos introducir nuestros datos. Al elegir el mtodo de pago, dejamos el valor
por defecto porque al tratarse de un servicio gratuito no tendr ningn efecto. No debemos
olvidarnos de marcar nuestro acuerdo con los trminos del servicio y por ltimo pulsar Pedido
Completado.
5. Para finalizar el proceso de pedido nos informan de que vamos a recibir un email de
confirmacin. Desde ah podremos acceder directamente a nuestra rea de cliente.
2.5.2 Configurar el servidor remoto

1. En el futuro, si deseamos acceder a nuestra rea de cliente debemos ir a la direccin http://www.
host-ed.me/members/clientarea.php, introducir nuestros datos de acceso y pulsar Ingresar.
61
Aula Mentor
2. Pero para seguir con el proceso de configuracin de nuestro espacio web, debemos ir a Mis
productos y servicios.
3. Identificamos nuestro producto contratado y pulsamos Ver detalles.
62
4. En los detalles del producto, debemos anotar el usuario y contrasea con el que podremos
acceder a cPanel para configurar nuestro espacio web y despus pulsar Login to cPanel.
5. En el formulario de login introducimos los datos que acabamos de anotar y pulsamos Acceder.
6. La pgina que aparece es el panel desde el que configuraremos nuestro hosting. Para empezar, podemos cambiar el idioma haciendo clic en Change Language.
63
Aula Mentor
7. En la pgina siguiente, seleccionamos el idioma preferido en el men despegable y pulsamos

Cambiar. Para volver al panel, pulsamos el enlace Hacia atrs.
8. En primer lugar vamos a crear la base de datos que usaremos para WordPress. Para ello vamos
al bloque Bases de Datos y pulsamos en Asistente de MySQL.
64
9. A continuacin, tenemos que elegir un nombre para nuestra base de datos. En este caso slo
nos permiten utilizar caracteres alfanumricos sin espacios, tildes ni caracteres como la . No
se admiten guiones ni ningn otro signo de puntuacin. Para nuestras pruebas podemos usar
wordpressdb.
10. En el paso 2 necesitamos crear un usuario para esa base de datos, as que elegimos un
nombre, una contrasea y pulsamos Crear Usuario.
11. Por ltimo, necesitamos asignar a nuestro usuario permisos para administrar nuestra base de
datos. Lo hacemos seleccionando Todos los privilegios y pulsamos Siguiente paso.
65
12. En el paso 4 recibimos la confirmacin de la creacin de la base de datos. Ahora podemos

volver al panel haciendo clic en Regresar a Home.
Aula Mentor
13. Una vez conocidos los datos de nuestra base de datos, descargamos WordPress como lo
hemos hecho anteriormente para instalarlo en nuestro servidor local (ver captulo 1.3.2 de esta
unidad), cambiamos el nombre del archivo wp-config-sample.php a wp-config.php y lo
editamos con los datos que acabamos de configurar: el nombre de la base de datos, el usuario
de MySQL y la contrasea de MySQL (ver captulo 1.3.3 de esta unidad). El host de MySQL
es casi siempre localhost, pero en algunos servidores este nombre es especfico y nos lo
proporcionan en el panel de control junto con el resto de los datos.
66
14. Para conocer el servidor FTP al que debemos subir nuestros archivos vamos a la seccin
Archivos del panel y pulsamos en Cuentas de FTP.
15. En la seccin Cuentas de FTP especiales hacemos clic en Configurar Cliente FTP.
16. En los datos que se despliegan podemos encontrar el Servidor FTP.
17. Ahora es el momento de subir los archivos de WordPress al servidor mediante un software
de transmisin de archivos por FTP. Nosotros vamos a usar Cyberduck. Abrimos el programa y
hacemos click en Nueva conexin.
67
18. Introducimos los datos de nuestra cuenta FTP, la direccin del servidor que acabamos de ver
en el punto 16, y el nombre de usuario y la contrasea que son los que apuntamos en el punto
4. El puerto FTP por defecto es el 21 y rara vez deberemos cambiarlo. Pulsamos Conectar.
Aula Mentor
19. Una vez conectados, hacemos doble clic en la carpeta www.
68
20. Si lo deseamos podemos guardar esta conexin FTP en favoritos desplegando el men
superior Favorito Nuevo favorito. En adelante podremos acceder a la cuenta FTP haciendo
doble clic en el icono tal y como aparece en la imagen.
21. Para subir los archivos de WordPress, los arrastramos a la ventana de Cyberduck y los
soltamos en cualquier rea vaca.
69
22. Tendremos que esperar unos minutos hasta que los archivos terminen de subir.
Aula Mentor
23. Una vez terminada la transmisin de archivos pasamos a cargar en nuestro navegador la
instalacin automtica de WordPress escribiendo la direccin de nuestra web, que hemos elegido
en el punto 2 del captulo 2.5.1. Elegimos el idioma e introducimos los datos tal y como hicimos
en nuestro servidor local (ver captulo 1.3.4 de esta unidad) y pulsamos Instalar WordPress.
70
24. Aparece un mensaje de xito. Pulsamos Acceder.
25. Nos aparece el formulario de login de nuestra web WordPress, en el que introducimos los
datos de acceso que acabamos de elegir.
71
26. Y por fin tenemos acceso a nuestra rea de administracin.
Aula Mentor
27. Podemos acceder a nuestro sitio web en nuestra nueva direccin.
72
Mdulo 1. U2 Primeros pasos en WordPress
Unidad 2. Primeros pasos en WordPress
Es normal que la primera vez que instalamos WordPress tengamos muchas ganas de investigar
y de probar cosas, esto es algo muy bueno que nos va a ayudar a entender ms rpidamente
cmo funciona y qu puede hacer por nosotros. Sin embargo, vamos a intentar contener nuestra
impaciencia y nos vamos a tomar un tiempo para observar las cosas con calma.
1. La estructura de nuestra web

Antes de nada, vamos a cargar la nueva web en nuestro servidor local (http://localhost/wordpress/)
y vamos a estudiarla detenidamente intentando descubrir las partes que la conforman.
No importa que el diseo de la pgina nos guste o no porque lo cambiaremos ms adelante. Este
diseo viene determinado por lo que llamamos un tema (en ingls theme). Un tema, como ya
estudiaremos en el siguiente mdulo, es una plantilla que define la apariencia del front-end de
la web, es decir, de su parte pblica. El tema que vemos ahora mismo en nuestra web se llama
Twenty Fourteen y es el que viene instalado por defecto desde la versin 3.8 de WordPress.
En Twenty Fourteen, la barra superior es lo que llamamos cabecera. La cabecera contiene el
ttulo que elegimos para nuestra web durante la instalacin de WordPress y un subttulo o
descripcin corta que por defecto es Otro sitio realizado con WordPress y que podremos editar
en el rea de administracin.
Tambin contiene el men principal de la web, aunque ahora slo encontramos un enlace a la
pgina esttica Pgina de ejemplo. A la derecha del men vemos un formulario de bsqueda
que se despliega al hacer clic en el icono de la lupa con fondo verde.
Ms abajo se muestra el contenido de la pgina principal que, por defecto, muestra las ltimas
entradas publicadas, aunque podemos configurar nuestra pgina para que muestre otras cosas,
como veremos ms adelante. De momento slo se muestra una entrada de ejemplo que se crea
automticamente al instalar WordPress.
73
Aula Mentor
A la izquierda, con fondo negro, encontramos la barra lateral o sidebar, que contiene algunos
bloques determinados (Entradas recientes, comentarios recientes, etctera). Estos bloques se
llaman Widgets y ms adelante veremos que hay muchos entre los que elegir.
74
Abajo del todo aparece una banda de fondo negro con la frase Creado con WordPress que
llamamos pie de pgina.
Una particularidad de Twenty Fourteen es que es de diseo adaptativo (responsive). Esto

quiere decir que la estructura de la web se adapta a los distintos tamaos de pantalla en los que
se puede visualizar: monitores de ordenador, tabletas o smartphones. Podemos hacer la prueba
de cmo cambia el diseo al modificar el tamao de la ventana de nuestro navegador para

hacerla ms pequea, tal como se muestra en la siguiente imagen.
75
Vamos a volver ahora al tamao completo para navegar un poco por la pgina. Al hacer clic
en el ttulo Hola Mundo! se nos muestra una nueva pgina con el contenido total del post.
Fijmonos en que bajo el ttulo de la entrada aparecen el autor de la misma y su fecha de
publicacin. Este tipo de datos, junto con otros como las etiquetas asociadas, etctera, son lo
que llamamos metadatos de la entrada.
Bajo el texto de la entrada, est el rea donde se van publicando los comentarios de los usuarios.
Nosotros mismos, como administradores o autores del post, podemos contribuir tambin a la
conversacin o responder a las preguntas o dudas que planteen nuestros lectores. Debajo del
todo se encuentra el formulario para aadir comentarios.
Aula Mentor
76
En la barra lateral, bajo el ttulo Categoras encontraremos un listado de todas las categoras
disponibles en nuestra web. De momento slo encontraremos el enlace Sin categora, que es
la categora por defecto a la que se asignan las entradas en WordPress. Al hacer clic en l nos
aparece una pgina de archivo titulada Archivos de la categora Sin categora. Naturalmente,
ahora slo aparece uno, puesto que slo contamos con la entrada de prueba.
Las pginas de archivo son caractersticas de los blogs. Pero no slo existe un archivo de entradas
segn su categora. Por ejemplo, tambin en la barra lateral bajo el ttulo Archivos, vemos un
enlace con el mes actual que nos lleva a un archivo de todas las entradas publicadas en ese mes.
Ms adelante veremos que podemos agrupar nuestros posts en pginas de archivo mensuales,
anuales, etctera. Y no slo eso, tambin podemos archivar nuestras entradas ordenndolas por
autor, alfabticamente y otras muchas posibilidades.
Ahora vamos a probar el enlace que aparece en el men principal. Al hacer clic en Pgina de
ejemplo se nos muestra el contenido de una pgina esttica.
Como se explica en el texto, estas pginas son distintas de las entradas porque permanecen
fijas en un lugar y, por defecto, se muestran en el men de navegacin del sitio web. Como ya
comentamos antes, este tipo de pginas se suelen emplear para secciones tpicas de las webs
como Acerca de o Contacto.
2. Conociendo el rea de administracin

Ahora que ya conocemos un poco ms el aspecto de nuestro sitio y hemos aprendido a diferenciar
y nombrar las distintas partes que lo componen, es el momento de familiarizarnos con el rea
de administracin.
El rea de administracin es el cerebro de nuestro sitio web, el lugar desde donde se
maneja todo: los contenidos, la apariencia, la funcionalidad y la comunicacin con otras webs.
Para acceder a l tenemos antes que hacer login en la direccin de nuestro sitio web aadiendo
wp-login.php. En nuestro caso, si estamos trabajando en nuestro servidor local, la URL de
acceso sera http://localhost/wordpress/wp-login.php.
La primera pgina que se muestra del rea de administracin es el Escritorio. En la parte
derecha hay una serie de bloques de acceso rpido a diversa informacin. El primer bloque
contiene enlaces que pueden resultar de utilidad para los usuarios que instalamos WordPress
por primera vez.
77
Aula Mentor
Justo debajo encontramos otros bloques:

1. De un vistazo nos muestra, entre otras cosas, el nmero de entradas, pginas y comentarios de nuestra web,
2. Borrador rpido, que podemos utilizar como una utilidad para guardar ideas para
entradas que publicaremos ms adelante,
3. Actividad, que muestra las publicaciones recientes y los comentarios que recibimos, y
4. Noticias de WordPress, que nos mantiene al da de las novedades y las noticias de
la comunidad.
78
Podemos personalizar el modo en que queremos que se muestren estos bloques mediante la
barra superior de los mismos. Por ejemplo, si hacemos clic una vez el bloque se pliega y si
volvemos a hacer clic se vuelve a desplegar.
Tambin podemos arrastrar un bloque a otra ubicacin tal y como se muestra en la imagen.
Y podemos decidir qu bloques queremos que aparezcan y cules ocultar haciendo clic en la
pestaa Opciones de pantalla...
...y seleccionando o deseleccionando los que deseemos.
En la parte izquierda del escritorio tenemos el men del rea de administracin, que vamos a
emplear muy a menudo a lo largo del curso. En principio, se muestran una serie de secciones
iniciales (Escritorio, Entradas, Medios, Pginas, etctera). Al pasar el ratn por cada una de esas
secciones se despliegan en el men sus correspondientes subsecciones. A lo largo del curso
haremos referencia a una subseccin de la forma siguiente: Por ejemplo, para mostrar todas las
entradas del sitio web lo escribiremos Entradas Todas las entradas, lo que significa que
deberemos pasar el ratn por la seccin Entradas y hacer clic en Todas las entradas.
79
Para comenzar a configurar nuestro WordPress vamos a ir a Usuarios Tu perfil. En el

contenido de esa pgina se muestran una serie de opciones que podemos empezar a editar,
como nuestro nombre, apellidos o informacin biogrfica. Tambin vemos que podemos
cambiar los esquemas de color o incluso nuestra contrasea de acceso. Si no estamos seguros
de algo, es mejor no cambiarlo y dejarlo para ms adelante cuando seamos usuarios ms
experimentados. Cuando hayamos terminado pulsamos Actualizar perfil para que se grabe la
nueva configuracin.
Para terminar, vamos a Apariencia Personalizar. Esta pgina es diferente para cada tema,
puesto que cada uno tiene diferente grado de configuracin. Vamos a navegar por el men
de la izquierda para explorar las distintas opciones y las vamos a cambiar a nuestro gusto. Si
no estamos seguros de la utilidad de alguna opcin podemos dejarla como est, ms adelante
hablaremos de ella. Para hacer efectivos los cambios hacemos clic en Guardar y publicar.
Aula Mentor
3. Planificacin del sitio web

Todos los grandes proyectos precisan de una fase de planificacin. Necesitamos definir nuestros
propsitos, nuestras ideas y nuestros objetivos si queremos desarrollar una lnea de trabajo
eficiente.
Ahora que por fin hemos terminado de instalar todo y que podemos empezar a trastear con
nuestra nueva web, imagino que es difcil dejar el ordenador a un lado y volver al lpiz y papel,
pero creo que es necesario respirar hondo y pensar con detenimiento en nuestro proyecto.
Los alumnos que no posean ningn proyecto real y estn siguiendo el curso para formarse en
el uso de WordPress pueden inventar un proyecto ficticio y seguir todos los pasos igualmente.
Superobjetivo
Vamos a tomarnos al menos cinco minutos en reflexionar y definir con el menor nmero posible
de palabras (nunca ms de 3) el propsito ltimo de nuestro sitio web. Ejemplos vlidos de
superobjetivo seran Hablar de cine, Entretener , Popularizar mi empresa, Vender relojes,
Autopromocin, etctera.
Tipo de web
Vamos a escribir una o dos frases para describir nuestra web. Se trata de una web comercial
o es personal sin nimo de lucro?, se trata de un blog, una pgina de noticias, una tienda, un
hotel, una escuela?. Tratar de un tema determinado, cientfico, mdico, recetas de cocina,
viajes, moda, nios?.
80
El contenido de mi web
La razn de ser de cualquier web es su contenido, pero existen muchos tipos diferentes de
contenidos. Nuestra web puede consistir mayoritariamente en textos, o constituir un repositorio
de imgenes, o mostrar un catlogo de productos, cada uno de ellos con sus caractersticas.
Para explicar el contenido de nuestro web no vamos a escatimar en palabras y vamos a describirlo
de la forma ms pormenorizada posible, prestando atencin a los detalles.
Por ejemplo, un portfolio artstico consistira en un listado de trabajos, cada uno de ellos con
una o varias imgenes, un ttulo, una descripcin, fecha de realizacin, etctera. Este sera el
contenido principal.
Pero tambin hay otro tipo de informacin complementaria que debemos plantearnos publicar.
Puede que queramos explicar a nuestros usuarios cmo contactar con nosotros, cul es el
propsito de nuestro sitio, quines somos o cul es nuestra rea de experiencia. Para ello
debemos pensar qu informacin creemos que necesitar conocer el usuario sobre nosotros y
tambin qu parte de esa informacin estamos dispuestos a hacer pblica.
El pblico de mi web
Vamos a pensar en los usuarios que creemos que van a estar interesados en nuestro sitio y
acotar sus caractersticas segn ciertas variables, por ejemplo sexo, edad, idioma, ocupacin,
nivel socioeconmico, nivel cultural, hbitos, motivaciones, etctera.
Un ejemplo de pblico objetivo sera Hombres y mujeres de 35 a 55 aos con nivel cultural
medio y de cualquier nivel socioeconmico. Evitaremos generalizaciones tipo Hombres y
mujeres de 0 aos en adelante.
Mantenimiento de la web
Con qu frecuencia actualizaremos los datos de la web?, tendremos que aadir el contenido
slo al principio o necesitaremos aadir informacin peridicamente?, con qu periodicidad?
Quin se encargar de mantener y actualizar la web?, lo haremos nosotros o contaremos
con colaboradores?. Queremos dejar acceso a esos colaboradores a toda nuestra rea de
administracin o queremos restringir su acceso a las reas de configuracin ms sensibles?
3.1 Elaborar un informe de nuestro proyecto

Realizar una planificacin de un proyecto web nos va a dar muchas pistas que usaremos para
tomar decisiones ms adelante. Por ejemplo, dependiendo del rango de edad de nuestros
usuarios vamos a darnos cuenta del tipo de diseo que necesitamos para nuestra web, ms
original o ms conservador. Dependiendo de nuestros contenidos sabremos si debemos poner
ms atencin en la legibilidad de los textos o si debemos lograr un fuerte impacto visual.
La definicin de nuestros contenidos nos puede dar tambin una idea de las categoras bajo las
que vamos a agrupar nuestra informacin. Para seguir con el ejemplo del portfolio, si producimos
varios tipos de obras artsticas, por ejemplo pinturas, fotografas y grabados, sabremos que
tendremos que crear las categoras correspondientes a ese tipo de obras. Puede incluso que
necesitemos crear subcategoras si queremos distinguir entre fotografas en Blanco y negro
y en Color. Vamos a escribir ahora las categoras y subcategoras que creemos que vamos a
necesitar para organizar nuestros contenidos.
Tambin vamos a escribir qu pginas estticas vamos a crear en nuestra pgina, dependiendo
de la informacin complementaria que hemos decidido compartir con nuestros usuarios.
Teniendo en mente los objetivos de nuestra web, o de la frecuencia al aadir datos, vamos a
descubrir tambin si necesitamos mantener un archivo de entradas antiguas y bajo qu criterios
deben agruparse (fecha, categora, autor, etctera).
Una vez elaborado nuestro informe lo tendremos a mano para consultarlo mientras desarrollamos
nuestra web. Puede que nos sirva como gua cuando se nos plantea alguna duda o tambin puede
que a lo largo del camino cambiemos de idea en algn aspecto del proyecto original. Cambiar
de idea en algo para mejorar el trabajo es habitual, sobretodo cuando estamos aprendiendo y
nos faltan todava muchas cosas por descubrir de la herramienta que estamos usando.
81
Mdulo 2.
Unidad 3. Gestin de usuarios
Unidad 4. Temas para WordPress.

Configurar la apariencia de nuestra web
Unidad 5. Plugins para WordPress. Aadiendo funcionalidad
Unidad 6. Configurando WordPress
Aula Mentor
Unidad 3. Gestin de usuarios
WordPress es multiusuario, es decir, permite que un nmero ilimitado de usuarios registrados

puedan acceder al rea de administracin.
Puede que para nuestro proyecto no necesitemos permitir el registro de usuarios. Tambin,
puede que ni se nos haya pasado por la cabeza siquiera contar con la colaboracin de otras
personas y, de hecho, en la mayora de los casos basta una sola persona para gestionar un sitio
web sin problemas. Pero nunca se sabe, nuestro sitio web acaba de nacer y tiene muchos aos
por delante en los que las condiciones pueden cambiar, por lo que nos conviene aprender a
gestionar usuarios.
84
Hay muchos casos en los que en un sitio web WordPress colaboran varias personas. Por ejemplo,
cuando distintos autores publican artculos o cuando existen una o varias personas encargadas
de la parte tcnica (instalaciones, mantenimiento, etctera) y una o varias personas que se
dedican a la labor editorial (escribir y publicar contenido). En previsin de estas situaciones,
existe un sistema en WordPress que otorga determinados privilegios de acceso dependiendo de
la tarea que cada usuario va a desempear en el rea de administracin.
El sistema de gestin de usuarios de WordPress se basa en un sistema de roles y
capacidades. Las capacidades representan las cosas que podemos hacer, como por ejemplo aadir
una entrada, cambiar temas o instalar plugins, mientras que los roles se aplican a cada usuario
registrado para especificar sus capacidades, es decir, las cosas que puede hacer y las que no.
Por defecto, WordPress tiene 6 roles y alrededor de 67 capacidades. Cada rol cuenta con una
combinacin diferente de capacidades que dotan a cada usuario con los derechos y privilegios
apropiados segn cada caso. Esta es, muy resumidamente, la lista de roles con las capacidades
de cada uno:
Suscriptor: Slo puede gestionar su perfil.
Colaborador: Puede escribir y gestionar sus propias entradas, pero no puede publicarlas.
Autor: Puede escribir, gestionar y publicar sus propias entradas, pero no las de otros.
Editor: Puede publicar y gestionar tanto sus entradas como las de otros usuarios.
Administrador: Tiene acceso a todas las caractersticas de administracin del sitio web.
Sper Administrador: Tiene acceso a todas las caractersticas de administracin de todos los
sitios web de un entorno multisitio.
Mdulo 2. U3 Gestin de usuarios
A continuacin mostramos una tabla con un resumen de las capacidades segn los roles:
Capacidades
Sper
Administrador
Administrador
Editor
Autor
Colaborador
Gestionar la red
Si
Actualizar WordPress
Si
Si*
Gestionar ajustes
Si
Si
Gestionar plugins
Si
Si*
Gestionar temas
Si
Si*
Gestionar usuarios
Si
Si*
Moderar comentarios
Si
Si
Si
Gestionar categoras
Si
Si
Si
Editar entradas de otros
Si
Si
Si
Subir archivos
Si
Si
Si
Si
Publicar entradas
Si
Si
Si
Si
Editar entradas propias
Si
Si
Si
Si
Si
Leer
Si
Si
Si
Si
Si
Suscriptor
Si
* Slo en el caso de una instalacin simple.
1. Descripcin detallada de los roles

1.1 El rol de suscriptor
Por defecto, si no hemos cambiado los ajustes, a todos los usuarios que se registran en nuestro
sitio se les asigna el rol de suscriptor, que es el ms bsico. Las capacidades del suscriptor son
las siguientes:
- Puede editar su perfil para aadir algunos datos personales o cambiar su contrasea de acceso.
- Una vez que ha hecho login, puede participar en los comentarios sin necesidad de rellenar
los datos obligatorios de nombre e email.
Es conveniente permitir el registro de suscriptores si nuestro sitio web tiene mucha actividad en
el rea de comentarios o si prevemos que la vaya a tener. Por defecto, lo mejor es mantener
inactiva la opcin de registro de usuarios. Un poco ms adelante veremos cmo.
1.2 El rol de colaborador

El colaborador puede escribir y editar sus propias entradas, aunque no puede aadir imgenes ni
otros archivos multimedia. Tampoco puede publicarlas, sino tan slo guardarlas como borrador
o a la espera de aprobacin.
Conviene asignar este rol a usuarios que contribuyan a nuestro sitio web con textos en
una situacin particular en la que necesitemos que otra persona diferente o nosotros
mismos controlemos el acabado final del artculo y decidamos el momento de su publicacin.
85
Aula Mentor
El colaborador tiene todas las capacidades del suscriptor y adems las siguientes:
- Ver los comentarios en el rea de administracin.
- Crear nuevas entradas y guardarlas como borrador o en espera de revisin.
- Editar sus propias entradas.
- Ver los posts de otros usuarios en el listado de entradas, excepto los borradores y las entradas
programadas de las que slo puede ver el ttulo.
1.3 El rol de autor

El autor, al igual que el colaborador, puede editar y escribir sus propias entradas, pero adems
puede aadir imgenes y otros archivos multimedia. Tambin puede asignar etiquetas a sus
entradas, pero no puede crear nuevas categoras, sino tan slo asignar a su entrada las ya
existentes.
Sin embargo, la capacidad ms destacada del autor es que tiene permitido publicar sus
entradas sin necesidad de ningn intermediario que las valide. Es decir, debemos asignar
este rol a usuarios en los que tengamos plena confianza de la calidad de sus posts, incluido su
acabado final con grficos e imgenes, y a los que queramos otorgar la libertad de publicar en
el momento en que ellos decidan.
En resumen, el autor tiene todas las capacidades del colaborador y adems las siguientes:
86
- Subir archivos.
- Publicar sus propias entradas.
1.4 El rol de editor

El editor, adems de escribir y publicar sus propias entradas, tiene la capacidad de editar,
borrar o publicar las del resto de los usuarios. Tambin puede administrar enlaces y categoras,
as como moderar los comentarios de cualquier entrada. nicamente tiene vedadas las tareas
relativas a la configuracin del sitio web.
El editor en WordPress es una especie de jefe de redaccin, tiene la capacidad de decisin
sobre cualquier contenido que se publique en la web, por lo que tan slo debemos asignar
este rol a alguien que sea capaz de asumir esa responsabilidad y en quien tengamos gran confianza.
El editor tiene todas las capacidades del autor y adems las siguientes:
- Crear y editar pginas.
- Crear y administrar enlaces.
- Crear y administrar categoras.
- Moderar los comentarios.
- Utilizar HTML e incluso cdigo Javascript en pginas, entradas y comentarios (pero no en
una instalacin multisitio).
1.5 El rol de administrador

El administrador tiene acceso a todo el sitio web, incluidas sus opciones de configuracin.
Generalmente es el rol que nos otorgamos a nosotros mismos y raramente a alguien ms.
Es importante diferenciar entre el administrador de una instalacin normal de WordPress del
administrador de una instalacin WordPress multisitio. Tanto el uno como el otro tienen las
capacidades de un editor y adems estas:
- Acceder a los ajustes de configuracin del sitio.
- Editar el escritorio.
- Cambiar temas y editar sus opciones.
- Acceder a la lista de usuarios y cambiar su rol.
- Activar o borrar plugins.
- Editar archivos.
- Importar y exportar datos.
Pero adems, los administradores de una instalacin individual, como la que hemos llevado a
cabo en este curso, tenemos estas capacidades aadidas:
- Actualizar WordPress.
- Instalar, editar y actualizar plugins.
- Instalar, editar, actualizar y borrar temas.
- Crear, editar y borrar usuarios.
- Utilizar HTML e incluso cdigo Javascript en pginas, entradas y comentarios.
1.6 El rol de Sper Administrador

El sper administrador es el que est al cargo de una instalacin multisitio de WordPress y,
por defecto, tiene todas las capacidades posibles, incluidas obviamente las que slo estn
disponibles en entornos multisitio:
- Administrar
- Administrar
- Administrar
- Administrar
- Administrar
- Administrar
la red.
los sitios de la red.
todos los usuarios de la red.
los plugins de la red.
los temas de la red.
los ajustes de configuracin de la red.
Se puede decir que, en el caso de instalaciones individuales de WordPress, los administradores

son, de hecho, sper administradores, puesto que por defecto tienen todas las capacidades.
87
Aula Mentor
2. Gestionar usuarios
Los ajustes por defecto de WordPress no permiten el registro de usuarios fuera del rea de
administracin. Es decir, para aadir un usuario el administrador debe hacerlo en Usuarios
Aadir nuevo.
Pero si necesitamos que nuestro sitio web permita a los usuarios registrarse ellos mismos,
podemos activar esta funcin seleccionando la casilla Cualquiera puede registrarse en la pgina
Ajustes Generales.
88
Tambin podemos definir qu rol queremos que se asigne por defecto a los nuevos usuarios.
Por defecto, el rol para nuevos usuarios es Suscriptor que, como hemos aprendido, tan slo
permite a los usuarios configurar sus datos personales en la pgina de su perfil. Es recomendable
no cambiar esta opcin a no ser que sepamos exactamente lo que estamos haciendo y las
consecuencias que tiene. Pensemos que cuando registramos un autor o un editor es como si les
estuviramos dando las llaves de nuestra casa y cuando registramos un administrador es como
si le diramos adems la clave de la caja fuerte.
En cualquier caso, cuando activamos la funcin para que cualquiera pueda registrarse, un nuevo
enlace Registrarse aparece en el widget Meta de la barra lateral de nuestro sitio web.
Ese enlace conduce a una pgina en la que cualquier usuario puede registrarse introduciendo
un nombre de usuario y una direccin de correo.
89
Al hacerlo, el nuevo usuario recibe un email con la contrasea que se le ha asignado

automticamente y nosotros, como administradores, recibimos un email de aviso del registro.
Seccin Usuarios Aadir nuevo
Pero, como decamos, normalmente si queremos registrar a un usuario con un rol mayor al de
suscriptor, lo hacemos nosotros personalmente en el rea de administracin, en Usuarios
Aadir nuevo.
Para aadir un nuevo usuario basta con rellenar el formulario y pulsar Aadir nuevo usuario.
El nombre de usuario no puede cambiarse ms adelante, as que es preciso elegirlo con cuidado.
La contrasea, sin embargo, la puede cambiar el nuevo usuario cuando desee. Es conveniente
recordarle que, si va a hacerlo, debe escogerla siguiendo las instrucciones de seguridad que
aparecen en la pgina de su perfil.
Los nuevos usuarios recibirn un correo para informarles de que han sido aadidos como
usuarios del sitio web. Si queremos que en ese email aparezca tambin la contrasea de acceso
debemos seleccionar la casilla Enviar esta contrasea al nuevo usuario por correo electrnico.
Aula Mentor
90
Seccin Usuarios Listado de usuarios
En esta pgina se muestran todos los usuarios registrados en el sitio web.
Existen ciertas opciones de personalizacin. La pestaa Opciones de pantalla nos permite

elegir qu columnas mostrar y cuntos usuarios mostrar por pgina. Tambin podemos ordenar
las filas haciendo clic en el ttulo de cada columna.
Cuando pasamos el puntero por encima de cada fila de usuario se nos muestran los enlaces de
accin, en este caso Editar y Borrar.
91
Aula Mentor
Tambin podemos llevar a cabo acciones en lote seleccionando los usuarios que queremos
modificar y eligiendo la accin a llevar a cabo en los desplegables Acciones en lote o Cambiar
perfil a....
Por ltimo, podemos acceder a un listado de todas las entradas escritas por un usuario haciendo
clic en el nmero que hay bajo la columna Entradas.
92
Mdulo 2. U4 Temas para WordPress. Configurar la apariencia de nuestra web
Unidad 4. Temas para WordPress.

Configurar la apariencia
de nuestra web
Ya hemos instalado nuestra copia de WordPress y tenemos una idea ms o menos clara del
proyecto que queremos llevar a cabo, as que ahora es un buen momento para personalizar
visualmente nuestra web.
Por suerte, existe en WordPress un modo tan sencillo de disear una web que slo
requerir de unos cuantos clics. Lo que puede llevarnos un poco ms de tiempo es encontrar
un tema que transmita visualmente nuestra idea y se adapte a las necesidades de nuestro
proyecto, pero se trata de una tarea muy amena que va a permitirnos expresar en cierto modo
nuestra intuicin visual y nuestra creatividad.
93
1. Qu son los temas

Llamamos temas (o themes) al conjunto de archivos que definen la estructura y los estilos
visuales de nuestra web. WordPress separa el contenido de la web del diseo de sta, por lo
que el uso de temas nos permite cambiar completamente la apariencia de nuestro sitio
sin que esto afecte en modo alguno a su contenido.
Es importante entender que un tema no slo afecta a los estilos, como por ejemplo colores y
tipografas, sino tambin a la composicin de nuestro sitio, puesto que define dnde y cmo
han de mostrarse las distintas partes que conforman cada pgina. Tiene tambin un papel
fundamental en la funcionalidad de nuestra web porque puede permitir un mayor o menor nivel
de configuracin por parte del administrador y otras muchas cosas.
Vamos a probarlo con un ejemplo. En el rea de administracin vamos a Apariencia Temas.
En esta pgina se muestran los temas instalados en nuestro sitio. El primero de ellos es el
que est activo actualmente, es decir Twenty Fourteen. Los otros dos son temas de versiones
anteriores de WordPress, que estn disponibles para su activacin en sustitucin del actual.
Aula Mentor
Si pasamos el puntero sobre cualquiera de ellos, por ejemplo Twenty Thirteen, veremos que se
revelan botones para mostrar los detalles del tema, obtener una vista previa y activarlo. Vamos
a hacer clic en el botn Activar.
94
Vemos cmo el tema que acabamos de activar est ahora en la primera posicin, mientras que
Twenty Fourteen pasa a la seccin de temas disponibles. Vamos a ver cul es ahora el aspecto
de nuestro sitio web pulsando en el enlace Visitar sitio.
Comprobamos que el aspecto y la composicin han cambiado completamente. La cabecera

tiene un fondo de colores y las tipografas son diferentes. La barra lateral o sidebar, que antes
estaba en la izquierda, aparece ahora en la zona del pie de pgina con los widgets que contiene,
etctera.
Si preferimos el tema que tenamos instalado inicialmente slo tenemos que volver al rea de
administracin y activarlo. Tan sencillo como eso.
Pero la gran mayora de las veces, el tema por defecto de WordPress no va a ser suficiente para
darnos por satisfechos con el diseo de nuestra web. Por ejemplo, es posible que necesitemos
que nuestro sitio tenga tres columnas en vez de dos, puede que nos guste un determinado
diseo para la cabecera o que queramos usar otras tipografas. Todas estas cosas exceden la
capacidad de configuracin de Twenty Fourteen, pero es natural que queramos que el diseo
de nuestro sitio se distinga del resto de webs, hacer de l un lugar especial que transmita
visualmente nuestro proyecto. Con un diseo adecuado nuestros visitantes gozarn de una
buena experiencia en nuestra web, es ms probable que vuelvan a menudo y que participen en
los comentarios. No hay duda de que el principal valor de una web es su contenido, pero un
diseo web apropiado es tambin fundamental.
Por eso, si no tenemos los conocimientos para crear un tema por nosotros mismos y tambin
carecemos del presupuesto para contratar a un profesional que lo haga por nosotros, una buena
alternativa es buscar en Internet un tema que se adapte a nuestro proyecto. No se tratar
de un diseo exclusivo, pero la oferta de temas en Internet es tan extensa que al profano en la
materia le parecer que lo es.
95
Aula Mentor
2. Elegir un tema adecuado. Aspectos a tener en cuenta

Al escoger nuestro tema estamos determinando el futuro de nuestro sitio web. Debemos
ser conscientes de que no se trata tan slo de elegir uno que nos guste a nosotros personalmente,
sino que debe ser el apropiado para nuestro proyecto, tanto visual como funcionalmente, y a la
vez cumplir con una serie de requerimientos.
2.1 Requerimientos a la hora de elegir un tema

Vamos a enumerar una lista de aspectos que debemos valorar mientras buscamos nuestro tema.
Va a depender de cada proyecto concreto cules, de entre esta lista, van a convertirse en
requisitos indispensables y de cules podemos prescindir.
Algunos detalles del tema no siempre estarn disponibles antes de descargarlo pero, si el tema
es gratuito, nos llevar poco tiempo probarlo en nuestra web y cambiarlo por otro si no cumple
con nuestras expectativas. La instalacin de temas es tan sencilla que podemos probar varios
hasta dar con el que ms nos convenza.
Comprobar sus requerimientos tcnicos
WordPress se actualiza a menudo, por eso algunos temas quedan obsoletos con el paso del tiempo
si sus autores no los adaptan a las nuevas versiones del software. Estos temas podran dar lugar a
errores indeseables si los instalramos, por ello hay que comprobar las versiones de WordPress con
las que funciona. Esta informacin se suele encontrar habitualmente en la descripcin del tema.
96
HTML5 y CSS3
HTML (HyperText Markup Language) es el lenguaje estndar de las pginas web mientras que
CSS (Cascading Style Sheets) es el lenguaje que define con qu estilos mostrar los elementos
HTML. HTML5 es la revisin nmero 5 de HTML y ha sido adoptada por mltiples desarrolladores
por sus avances y ventajas. CSS3 es el ltimo estndar CSS.
Es recomendable que nuestro tema est escrito en HTML5 y CSS3, aunque este ltimo estndar
puede restar compatibilidad con algunos navegadores, por lo que es preciso informarnos de la
compatibilidad del tema antes de decidirnos por l.
Ver su compatibilidad con los distintos navegadores
Es buena idea asegurarnos de que el tema elegido es compatible con el mayor nmero posible
de navegadores en diferentes sistemas operativos. Generalmente se puede encontrar la lista de
navegadores soportados en las caractersticas del tema.
Idioma
El ingls es el idioma original de la mayora de los temas que vamos a encontrar, pero muchsimos
de ellos estn traducidos a varios lenguajes. Debemos comprobar que el tema que hemos
elegido est disponible en el idioma de nuestro sitio web.
Translation-ready
Si no existe versin en nuestro idioma del tema escogido, hay que revisar si al menos est
preparado para que podamos traducirlo nosotros mismos. Sabremos que est configurado para
poder ser traducido si encontramos las palabras translation-ready en la descripcin de sus
caractersticas. Ms adelante explicaremos cmo traducir un tema.
Widget-ready
Generalmente todos los temas modernos soportan widgets, pero no est de ms comprobar
cuando revisemos sus caractersticas que aparecen las palabras widget-ready. Ms adelante
explicaremos qu son y como funcionan los widgets.
Retina-ready, Hight Resolution o Alta resolucin
Un tema es retina-ready si las imgenes que contiene estn preparadas para verse ntidamente
en algunos dispositivos de Apple, como el iPhone 4S, el iPhone 5 o el iPad de tercera generacin,
que utilizan pantallas de alta densidad. Si un tema no fuera retina-ready las imgenes se veran
borrosas en estos dispositivos, aunque en el resto de dispositivos y en las pantallas de los
ordenadores podran visualizarse perfectamente enfocadas.
SEO friendly
SEO (Search Engine Optimization) u Optimizacin para motores de bsqueda hace referencia
a las tcnicas necesarias para mejorar el posicionamiento de nuestra web en los resultados de
los buscadores como, por ejemplo, Google. Algunos temas estn especialmente diseados para
ello, podemos comprobarlo si en sus caractersticas aparecen las palabras SEO friendly.
Opciones de configuracin
Muchos temas nos permiten controlar, desde el rea de administracin de WordPress, aspectos
tales como el color, las tipografas, la imagen de la cabecera, etctera. Es buena idea enterarnos
de qu opciones de configuracin vamos a disfrutar una vez instalado el tema.
2.1.1 Optimizar nuestra web para dispositivos mviles

No hace tanto, las pginas web se diseaban para ser visualizadas exclusivamente en monitores
de ordenador, pero los usuarios de Internet navegamos cada vez ms a menudo desde nuestros
mviles, y las tabletas se han popularizado enormemente. Est claro que el acceso a Internet
desde otros dispositivos distintos al ordenador crece cada vez ms y est aqu para quedarse.
La estructura de una web diseada para verse en un monitor de ordenador resulta la inmensa
mayora de las veces poco prctica para su visualizacin en un smartphone. Textos ilegibles,
mens de difcil acceso y un largo etctera de factores impiden una experiencia de usuario
satisfactoria. Por eso, en los ltimos aos, y despus de diferentes aproximaciones al problema
por parte de los diseadores web, la solucin que ms aceptacin est teniendo es lo que
llamamos diseo adaptativo (Responsive design).
Decimos que un tema es de diseo adaptativo (responsive) si su composicin se modifica para
adaptarse a diferentes formatos de pantalla. La estructura y la visualizacin de los distintos
elementos, como los mens o las imgenes, puede cambiar dependiendo del dispositivo con el
que accedamos a la web.
Como en tantos otros aspectos, podemos optimizar nuestra web para dispositivos mviles
simplemente eligiendo un tema de diseo adaptativo o responsive. Por lo que no debemos
olvidarnos de comprobarlo entre sus caractersticas.
97
Aula Mentor
2.1.2 El caso especial de las tiendas online

Si nuestro proyecto consiste en una tienda online no podemos escoger cualquier tema. La
funcionalidad que requiere un proyecto de comercio electrnico va ms all de lo que puede
ofrecer WordPress de forma nativa, por lo que es necesario que instalemos un plugin que nos
permita llevar un inventario de artculos, un carrito de la compra, una plataforma para el pago
y toda una batera de herramientas adicionales.
Hay varios plugins disponibles entre los que podemos elegir, pero no todos los temas son
compatibles con estos plugins. Esto quiere decir que primero tenemos que decidir qu
plugin vamos a instalar y slo despus podremos buscar un tema adecuado entre los
que soporten el plugin elegido.
Vamos a explicar todo sobre los plugins en general en la unidad 5 y, ms concretamente, sobre
plugins para comercio electrnico en el captulo 4.6. El captulo 4.6.1 trata particularmente sobre
los temas para comercio electrnico.
Mientras tanto, hay todava mucho que aprender sobre los temas en general.
2.2 Algunos consejos para escoger un buen tema para nuestro proyecto
98
El proceso de seleccin del tema adecuado para nuestro sitio puede resultar abrumador, dada la
cantidad de temas disponibles tanto gratuitos como comerciales. Por eso, es buena idea seguir
algunas recomendaciones que nos ayudarn a acotar el nmero de temas candidatos hasta
encontrar el correcto.
Elegir un tema que est relacionado con la materia de nuestro proyecto
El diseo de un sitio web debe representar nuestra marca tanto en tono como en estilo. Si
nuestro proyecto consiste en un sitio web para un grupo pop, no es buena idea optar por un
diseo corporativo serio, de la misma manera que no es buena idea elegir un diseo informal
con profusin de colores para un gabinete de abogados. En las webs de descarga, los temas
aparecen a menudo ordenados por categoras (Blogs, Creativos, eCommerce, Magazines,
Multimedia, Negocios, Portfolios, Tecnologa, etctera). Es buena idea empezar a buscar en la
categora que corresponda a nuestro proyecto.
Prestar atencin a las opiniones de los usuarios
Una de las ventajas de WordPress es que hay una gran comunidad de personas alrededor suyo.
No importa qu tipo de sitio estemos creando, la gran mayora de las veces vamos a encontrar
a muchas personas que han desarrollado un sitio parecido al nuestro, que tienen una opinin
respecto a los mejores temas disponibles y que lo han escrito en algn sitio de Internet. Por
ejemplo, al buscar en Google mejor tema WordPress para bodas encontraremos muchas ms
opiniones y sugerencias de lo que cabra imaginar a priori. Investigar lo que dice la gente puede
situarnos en la direccin correcta para encontrar nuestro tema.
Por otra parte, en el directorio de WordPress, as como en otras webs de descarga de temas
premium, hay mecanismos que permiten a los usuarios evaluar un tema. En el directorio de
WordPress, por ejemplo, se puede otorgar al tema de 1 a 5 estrellas. Hay que prestar atencin
a estas valoraciones.
Optar por la simplicidad

Existen temas que presumen de un nmero incalculable de opciones de configuracin y una
lista interminable de funcionalidades. Pese a lo atractivo de su publicidad, puede no ser buena
idea optar por un tema que tal vez tengamos dificultades para configurar, dada la cantidad
desmesurada de alternativas. Adems, estos temas a menudo causan conflictos a la hora de
actualizar, por la complejidad de su cdigo.
Los diseos sencillos, asimismo, son mucho ms fciles de modificar y son compatibles con la
mayora de los navegadores.
Gratuito o de pago?
Como observaremos, existe una gran oferta de temas de pago a precios asequibles. Una ventaja
de stos es que probablemente estn siendo utilizados por un menor nmero de personas que
los temas gratuitos. Es habitual que las pginas web de descarga de temas publiquen el nmero
de usuarios que han bajado un tema concreto, as que es bueno comprobar este nmero si nos
preocupa que nuestro tema est demasiado visto.
Pero la principal ventaja de los temas de pago es que se les presupone una funcionalidad y
una calidad mayor que los temas gratuitos, as como soporte tcnico garantizado en caso de
dudas o de problemas. Con muchos de ellos, se paga una sola vez pero se obtiene soporte
para siempre. Los temas gratuitos, sin embargo, pueden tener poco o ningn soporte tcnico,
por lo que cuando est disponible la siguiente versin de WordPress, el tema podra no ser
compatible con ella.
Por otra parte, actualmente es posible encontrar una amplia variedad de temas gratuitos de gran
calidad y con la funcionalidad que necesitamos. Y, a menudo, los creadores de los temas tienen
cuidado de actualizarlos cuando es necesario.
Revisar los trminos del servicio
No hay que olvidarse de revisar los trminos del servicio. Existen, por ejemplo, temas de pago
para los que es necesario renovar la licencia pagando una cuota determinada al cabo de cierto
tiempo, mientras que para otros temas solo hay que pagar una vez.
Tambin, hay temas gratuitos que requieren, por ejemplo, que se incluya en nuestra web
obligatoriamente uno o varios enlaces. Si ese es el caso, es mejor prescindir de ese tema y buscar
otro similar de entre las decenas de miles disponibles que no imponen ese tipo de condiciones.
3. Buscando el tema perfecto. Dnde y cmo descargar temas

Existen gran cantidad de temas gratuitos listos para descargar gracias a la vasta comunidad de
diseadores de plantillas que ha prosperado debido a la popularidad de WordPress. En la web
oficial de WordPress se ofrece un directorio de temas (http://wordpress.org/themes/), pero
tambin existen otras muchas pginas donde conseguirlos. Muchas de estas pginas estn en
ingls pero, si no conocemos este idioma, podremos navegar por ellas sabiendo unas pocas
palabras bsicas o utilizando un traductor automtico. Si no tenemos ni la ms mnima idea de
ingls, podemos acudir a pginas en nuestro idioma aunque la oferta de temas sea menor.
99
Aula Mentor
Claves de bsqueda
Aqu detallamos algunas palabras clave que podemos usar en los buscadores para dar con
pginas web de descarga de temas, tanto en espaol como en ingls:
temas, wordpress, gratis, plantillas, descarga, translation-ready, widget-ready,

espaol, spanish, free, wordpress, themes, download
Ejemplos de bsquedas son free wordpress themes o temas wordpress gratis.
Webs de descarga
Como los resultados de la bsqueda pueden ser desmesurados, incluimos varios enlaces a
algunas de las webs ms populares a las que podemos acudir para descargar temas:
Gratuitos
Directorio oficial de temas
http://wordpress.org/themes/
Comerciales
100
Mojo Themes
http://www.mojo-themes.com/categories/wordpress/
Theme Forest
http://themeforest.net/category/wordpress
Elegant Themes
http://www.elegantthemes.com/gallery/
Templatic
http://templatic.com/wordpress-themes-store/
StudioPress
http://my.studiopress.com/themes/
Otras soluciones ofrecen un editor para personalizar la composicin de la web arrastrando y
soltando bloques:
Headway Themes
http://headwaythemes.com/
Themify
http://themify.me/builder
Thesis Theme
http://diythemes.com
iThemes
http://ithemes.com/purchase/builder-theme
3.1 El directorio de temas de WordPress

Si hemos decidido tratar de encontrar un tema gratuito, el mejor lugar donde podemos hacerlo
es en el directorio oficial de temas de WordPress. Todos los temas que se ofrecen all han sido
cuidadosamente revisados por un equipo de personas que comprueban que el tema cumple con
una serie de requisitos que garanticen la validez de su cdigo.
Tenemos dos formas de navegar por los temas del directorio oficial: desde la pgina web
http://wordpress.org/themes/ o desde nuestra rea de administracin.
3.1.1 Buscar un tema desde nuestra rea de administracin

sta es la forma ms rpida y sencilla de buscar e instalar un tema. All podemos buscar temas
por palabra clave o aplicar una serie de filtros, como los colores deseados, el nmero de
columnas y otras muchas caractersticas.
1. En nuestra rea de administracin, vamos a Apariencia Temas, y una vez all, pulsamos
en Aadir un tema nuevo
101
Aula Mentor
2. La pgina cuenta con las pestaas Destacados, Populares y Recientes. El contenido que
se muestra por defecto es un listado de temas destacados. La pestaa que se muestra por defecto
es Destacados. Junto a las pestaas vemos la utilidad Filtrar por caractersticas y un campo
de bsqueda.
102
3. Podemos bien buscar por palabra clave en el campo de bsqueda o bien filtrar por
caractersticas, pero no podemos usar las dos cosas a la vez. Para ilustrar el uso de esta pgina
vamos a buscar temas con la palabra clave responsive. Al hacerlo se nos muestra un listado de
temas, cada uno con una captura de pantalla de su pgina principal. Cuando pasamos el puntero
por encima de cada tema se nos muestran los botones Instalar y Vista previa. Pulsando este
ltimo podemos ver una previsualizacin del tema a pantalla completa junto a informacin
resumida sobre el mismo. Pero lo ms importante es que podemos instalar automticamente el
tema en nuestra copia de WordPress tan slo pulsando Instalar.
4. Al pulsar en Instalar, se carga una pgina donde se describe el proceso de instalacin. Si lo

deseamos, podemos activar nuestro nuevo tema desde ah mismo, sin necesidad de volver al
administrador de temas, pulsando en Activar.
5. Si visitamos nuestro sitio, veremos que la activacin ha funcionado y que disfrutamos de un

nuevo diseo en nuestra web.
3.1.2 Buscar un tema en la web del directorio de WordPress

La bsqueda de temas desde nuestra rea de administracin tiene una importante desventaja y
es que no tenemos una forma sencilla de acceder a la informacin detallada sobre el tema. La
mayora de nosotros no nos compraramos un coche o un ordenador tan slo por su apariencia
externa, sino que comprobaramos antes sus especificaciones tcnicas, lo compararamos
con otros coches u otros ordenadores para valorar cules de sus caractersticas nos resultan
imprescindibles y cules nos parecen secundarias, lo consultaramos con nuestros amigos y con
la almohada antes de decidirnos por un modelo.
Un tema para nuestra web, aunque sea gratuito, puede marcar la diferencia entre el xito y
el fracaso de nuestro proyecto. Si nuestras aspiraciones son serias, vamos a dedicar a nuestra
web muchsimo tiempo en el futuro. Merece la pena perder un poco de ese tiempo ahora para
asegurarnos de que no cometemos ningn error del que tengamos que arrepentirnos ms tarde.
En la web del directorio de WordPress (http://wordpress.org/themes/) vamos a encontrar toda
la informacin que necesitamos. En la pgina principal del directorio contamos con varias
herramientas para navegar por los temas.
- En la columna central tenemos el enlace Check out our new filter and tag interface que nos
conduce a un formulario de bsqueda por filtros muy parecido al que tenemos en nuestra
rea de administracin.
- Tambin en la columna central tenemos un formulario en el que podemos buscar temas por
palabra clave, por el nombre del tema, por autor, etctera.
- En la columna derecha tenemos listados de los 15 temas ms populares, los 15 ms nuevos
y los ltimos 15 actualizados recientemente. Para ver el listado completo debemos hacer clic
en el ttulo de cada seccin.
103
Aula Mentor
Ahora vamos a echar un vistazo a la pgina de detalle de cada tema. Como ejemplo, hemos
escogido el tema Catch Box, que podemos encontrar en esta direccin: http://wordpress.org/
themes/catch-box. Hay muchas cosas que podemos averiguar del tema en esta pgina antes de
descargarlo.
104
Por ejemplo, bajo el ttulo del tema vemos que aparecen varias pestaas:
Description
En la descripcin, adems de una imagen con una captura de pantalla de la pgina principal,
se detallan todas las caractersticas del tema y podemos consultar, por ejemplo, algunos de los
requerimientos de los que hablbamos en el captulo 2.1 de este mismo mdulo. Al final del texto
de descripcin encontramos la lista de etiquetas o tags asignadas al tema. Por ejemplo black,
blue y brown hacen referencia a los colores del diseo (negro, azul y marrn). Los tags custombackground, custom-colors, custom-headers y custom-menu nos dicen que en este tema el
administrador puede personalizar (custom) los colores de la web, la cabecera, el fondo y el men.
Stats
Se muestran estadsticas del nmero de veces que se ha descargado el tema.
Support
Se trata de un foro de soporte tcnico en el que los usuarios informan de errores o consultan
dudas al autor del tema.
Reviews
Listado de reseas de los usuarios, que pueden puntuarlo con un nmero de 1 a 5 estrellas y
pueden adems aadir un comentario.
Developers
Aqu aparece informacin sobre el desarrollo del tema, enlaces a versiones anteriores del mismo,
etctera.
En la columna de la derecha aparece tambin informacin interesante:
- En el botn naranja podemos descargar la ltima versin del tema a nuestro ordenador.
- En el botn verde podemos obtener una vista previa de la pgina principal.
- Podemos ver tambin la fecha de la ltima actualizacin del tema (Last Updated). Este dato
es interesante porque nos da una idea de si el autor sigue trabajando en el tema para tenerlo
al da o si ha abandonado su desarrollo. Si la fecha de la ltima actualizacin es de hace un
ao o ms, lo mejor es buscar otro.
- Tambin aparece la cifra del nmero de veces que se ha descargado el tema (Downloads)
para poder hacernos una idea de su popularidad.
- Puede aparecernos un enlace al sitio web del tema (Theme Homepage). Es recomendable
visitar el sitio web porque muy a menudo podremos encontrar una demo. En el caso de
Cach Box, su sitio web ofrece una versin online de demostracin pulsando el botn Live
Preview.
- Ratings nos ofrece una vista rpida de las puntuaciones obtenidas.
- Y por ltimo, tenemos acceso a informacin sobre el funcionamiento del soporte tcnico en
Support.
Como vemos, la informacin que podemos obtener es bastante completa.
105
Aula Mentor
3.2 Temas premium

Si no hemos encontrado un tema gratuito que se ajuste a nuestras necesidades o precisamos de
soporte garantizado, tenemos la opcin de buscar entre los temas de pago, tambin llamados
temas premium.
Existen dos tipos principales de webs que ofrecen temas. En unas, llamadas marketplaces,
podemos comprar la licencia de un solo tema pagando una sola vez, mientras que otras funcionan
como un club en el que podemos tener acceso a una parte o al total de los temas ofrecidos a
cambio de una cuota peridica. Las primeras son ms adecuadas para usuarios particulares que
slo pretenden la publicacin de una web o dos, mientras que las segundas son una eleccin
muy popular entre desarrolladores web con varios clientes.
En la mayora de las pginas de temas premium, adems de una imagen en miniatura del tema,
encontraremos enlaces con versiones de demostracin o demos. Es recomendable visitar la demo
para valorar el tema con detenimiento y decidir si es el adecuado para nosotros. Para tener
acceso a ella debemos buscar los botones o enlaces Demo, Live Demo o Live Preview.
Mojo Themes
http://www.mojo-themes.com/categories/wordpress/
En Mojo Themes podemos encontrar ms de 500 temas con licencia GPL y unos precios que
oscilan entre los 30 y los 59 dlares.
106
ThemeForest
http://themeforest.net/category/wordpress
En ThemeForest, los precios de los temas oscilan entre los 25 y los 60 dlares, pero muchos
cuentan con limitaciones de uso. Por ejemplo, la licencia suele ser vlida para el uso en un slo
sitio web.
Elegant Themes
http://www.elegantthemes.com/gallery/
Elegant Themes pone a nuestra disposicin toda su coleccin de temas, ms de 80 cuando
hacamos este manual, por 39 dlares al ao. Si adems queremos acceso a todos los plugins y
a documentos photoshop de los temas, el precio es de 89 dlares anuales. Y si slo queremos
pagar una vez, sin cuota anual, el precio es de 249 dlares.
Templatic
http://templatic.com/wordpress-themes-store/
Templatic ofrece el acceso a toda su coleccin de ms de 50 temas por un nico precio de 299
dlares. Pero tambin ofrece comprar cada tema separadamente por 49 dlares si vamos a usarlo
en un slo sitio, o 99 dlares para usarlo las veces que queramos.
StudioPress
http://my.studiopress.com/themes/
StudioPress ofrece temas basados en su framework Genesis. En este contexto, un framework es
algo as como un tema madre, cuyos hijos seran cada uno de los temas de StudioPress. Para
instalar estos temas habra que instalar tambin Genesis, que tiene reputacin de ser un tema
slido, flexible, rpido y muy bien optimizado para SEO. El precio habitual es de 99,95 dlares
por el tema ms el framework Genesis.
ThemeTrust
http://themetrust.com/
En ThemeTrust obtenemos la licencia de un tema por 49$. De vez en cuando, lanzan ofertas
especiales, como por ejemplo obtener dos por el precio de uno.
ThemeFuse
http://themefuse.com/
En ThemeFuse tenemos la opcin de obtener la licencia de un tema por 49$ o acceso ilimitado
a su coleccin de alrededor de 30 temas por 17$ al mes con un precio de alta de 199$.
Rocket Theme
http://www.rockettheme.com/wordpress
En Rocket Theme podemos obtener la licencia de un tema por 50$ cada 60 das o de toda su
coleccin de alrededor de 50 temas por 300$ al ao. Existen planes intermedios que se pueden
consultar en las condiciones de acceso al club.
3.2.1 Consejos para elegir un tema de pago

En el proceso de elegir un tema de pago carecemos de la ventaja que tenemos con los temas
gratuitos de poder instalarlos en nuestra copia de WordPress y probarlos durante un tiempo
hasta estar seguros de que es exactamente lo que buscbamos. Sin embargo, hay una serie de
rutinas que podemos seguir para conseguir la mxima informacin posible.
Vamos a tomar como ejemplo un tema cualquiera de themeforest.net, por ejemplo Karma, que
podemos encontrar en esta direccin: http://themeforest.net/item/karma-responsive-wordpresstheme/168737.
1. Conseguir informacin en la pgina del tema
Como en el caso del directorio oficial de WordPress, en las webs comerciales tambin ofrecen
muchsima informacin sobre los temas disponibles, que debemos leer cuidadosamente.
Pongamos como ejemplo la pgina del tema Karma en Theme Forest, en la que existen
tres pestaas principales. En los detalles del tema (Item Details) podemos obtener informacin
pormenorizada de todas las caractersticas del tema. En los comentarios (Comments) podemos
echar un vistazo a lo que dicen los usuarios sobre el tema. Por ltimo, podemos acceder al
soporte tcnico en Support.
107
Aula Mentor
108
Pero en la columna derecha existe informacin destacada que debemos tambin tener en cuenta,
adems de su precio, por ejemplo sobre el autor del tema. En este caso se nos informa de que
el autor de Karma, TrueThemes, es Elite, lo que significa que ha ganado ms de 75.000$ en
el mercado Envato (Envato Marketplace), dentro del que se engloba Theme Forest. Eso es buena
seal porque, si ha ganado esa cantidad de dinero, puede que sea porque sus trabajos son
populares y dejan a sus clientes satisfechos.
Otro dato importante es el nmero de ventas del tema, relativo a la fecha de publicacin del
mismo, claro est, que nos da una idea de su popularidad.
Tambin existe un sistema de valoracin del tema en el que los usuarios votan hasta un mximo
de 5 estrellas.
Ms abajo aparece un cuadro que muestra las principales caractersticas del tema. Este cuadro es
una de las primeras cosas que debemos consultar, ya que nos permite hacernos una idea general
del tema antes de leer siquiera el contenido principal.
109
Aula Mentor
Otra cosa que debemos conocer antes de pagar por un tema son sus opciones de personalizacin,
es decir, las posibilidades que nos va a ofrecer para darle nuestro toque personal y adaptarlo a
nuestras necesidades particulares. En el caso de karma, como en el de muchos otros temas
premium, existe un listado de estas opciones en la versin demo. Vamos, por tanto a la demo
haciendo clic en Live Preview.
110
El primer men Feaures about the theme (Caractersticas del tema) se despliega para mostrar
todas las que posee. Podemos navegar por las pginas a las que conducen para leerlas en detalle
o consultar los ejemplos. Naturalmente, tambin es muy recomendable visitar el resto de pgina
de la versin de prueba.
Hay algunas comprobaciones que podemos hacer para verificar el nivel de detalle del tema.
Por ejemplo, podemos usar el formulario de contacto para ver si su sistema de validacin es
amigable para el usuario.
Tambin podemos introducir una URL inexistente para ver si su pgina 404, o de contenido
no encontrado, existe. Por ejemplo, si cargamos la URL http://themes.truethemes.net/Karma/
probando404, comprobamos que el diseo de la pgina 404 es acorde con el resto y que ofrece
alternativas de bsqueda.
111
Por ltimo, si conocemos algo de programacin HTML/CSS es muy buena idea echar un vistazo
a su cdigo fuente, para verificar su calidad y legibilidad, y conocer las libreras que utiliza.
Aula Mentor
2. Poner a prueba la versin demo en distintos servicios online

Existen algunos servicios que permiten testear una direccin web en distintos mbitos. Hay que
tener en cuenta que la URL que necesitamos probar es la de la versin demo, no la de la pgina
del tema en, por ejemplo, Theme Forest. En el caso de Karma, la URL que debemos probar
sera esta: http://themes.truethemes.net/Karma/
- Probar la velocidad de carga y la calidad subyacente con GTMetrix, una herramienta gratuita
que podemos usar online aqu: http://gtmetrix.com.
- Probar la validez HTML del documento en el W3C, para comprobar si cumple los estndares
vigentes. Se puede usar aqu: http://validator.w3.org
- Probar cmo aparece el tema en un gran nmero de navegadores y sistemas operativos en
http://browsershots.org
- Probar cmo aparece el tema en tabletas y smartphones mediante la extensin de Google
Chrome Web Developer Extension: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es
- Probar el rendimiento de la demo en diversos dispositivos mediante GoMoMeter de Google:
http://developers.google.com/speed/pagespeed/insights/
4. Instalacin manual de un tema

Instalar manualmente un tema es muy sencillo. Bsicamente consiste en lo siguiente:
112
1. Descargar de Internet el tema elegido.

2. Descomprimir el archivo descargado.
3. Copiar la carpeta obtenida en el directorio wp-content/themes de nuestro WordPress. Si
queremos instalarlo en nuestra instalacin local slo tendremos que arrastrar y soltar. Si queremos instalarlo en nuestro servidor remoto, deberemos subirlo mediante
un cliente FTP como Cyberduck.
4. En nuestra rea de administracin de WordPress ir a Apariencia Temas y activarlo haciendo clic en el link Activar
Una vez seguidos todos los pasos, podremos visitar nuestro sitio para comprobar que el tema
se ha activado correctamente.
Vamos a llevar a cabo una instalacin de ejemplo paso a paso:
1. Imaginemos que queremos descargar el tema Catch Box del directorio gratuito de WordPress.
Para ello vamos a la pgina del tema aqu: http://wordpress.org/themes/catch-box y pulsamos
en el botn naranja para descargarlo.
2. Cuando descomprimimos el archivo descargado, obtenemos una carpeta llamada catchbox que contiene varios archivos y carpetas. Debemos copiar la carpeta completa con todo
su contenido en el directorio /wp-content/themes/ de nuestra copia de WordPress. Es decir, si
estamos en Windows, debemos copiarla en c:\wamp\www\wordpress\wp-content\themes\ y
si estamos en Mac OS en Aplicaciones/MAMP/htdocs/wordpress/wp-content/themes/.
113
Aula Mentor
3. Una vez copiada la carpeta del tema, entramos al rea de administracin de nuestro WordPress
y vamos a Apariencia Temas. Vemos que entre los temas disponibles para la activacin se
encuentra Catch Box. Hacemos clic en Activar.
4. Visitamos nuestro sitio para comprobar que el tema se ha cargado correctamente.
114
5. Retocando nuestro sitio web. Configuracin y adaptacin de los temas

La mayora de los temas nos ofrecen una serie de opciones de personalizacin en el rea de
administracin. Estas opciones son diferentes en cada tema, pero generalmente podemos tener
acceso a ellas a travs del men, en distintas subsecciones de Apariencia.
5.1 Opciones de configuracin

Al final del captulo 2 de este mdulo comprobbamos que los temas ofrecen unas pequeas
opciones de configuracin iniciales, ahora vamos a conocerlas en profundidad.
5.1.1 Apariencia Personalizar

Esta pgina muestra las opciones ms bsicas de configuracin de un tema. La mayora de ellas
son, podramos decir, un atajo a opciones de configuracin que podemos encontrar diseminadas
por distintas secciones de nuestra rea de administracin. WordPress nos lo ha puesto fcil
agrupndolas en este pequeo men que nos permite, adems, ver dinmicamente en la parte
derecha cmo afectan a nuestra web los cambios que vamos haciendo. Estos cambios no se harn
efectivos hasta que pulsemos el botn Guardar y publicar, por lo que podemos experimentar
lo que queramos sin miedo a perder nuestra configuracin original.
Las opciones que aparecen en el men de acorden de la izquierda pueden cambiar mucho
dependiendo de cada tema. Vamos a ver, por ejemplo, las de Twenty Fourteen.
En primer lugar, podemos cambiar el ttulo provisional que le dimos a nuestro sitio durante el
proceso de instalacin. Adems podemos editar la descripcin, que consiste en un breve texto
que define nuestro sitio web. Esta descripcin no slo permite explicar a los usuarios el objetivo
de nuestro sitio en muy pocas palabras, sino que va a utilizarse para posicionar nuestra web en
los principales buscadores. Hablaremos de ello con ms detalle en un mdulo posterior.
En la siguiente pestaa podemos personalizar los principales colores de nuestra web: el color de
fondo y el color que usaremos para resaltar ciertos elementos grficos.
115
Aula Mentor
Podemos tambin definir una imagen de cabecera y de fondo para nuestro sitio web.
De la siguiente seccin, Widgets, hablaremos ms adelante en profundidad.

Despus, podemos escoger qu mostrar en nuestra pgina principal. Por defecto, fiel a la
herencia bloguera de WordPress, se muestran las ltimas entradas publicadas, pero tenemos la
posibilidad de utilizar una pgina esttica de nuestra eleccin en su lugar.
116
La ltima pestaa, Contenido destacado, permite que definamos ciertas entradas como
contenido destacado de nuestra web. Por defecto, la palabra clave que deben tener asignadas
estas entradas para poder mostrarse como destacadas es featured, aunque podemos cambiarla
por la que queramos. Podemos escoger tambin cmo mostrar este contenido, bien como rejilla
o bien como pase de diapositivas.
5.1.2 Apariencia Opciones del tema

Los desarrolladores de temas ofrecen muchas veces a los usuarios la oportunidad de cambiar
ciertas caractersticas del tema, como sus colores, tipografa, composicin, etctera. Esto es
posible en la pgina Apariencia Opciones del tema del rea de administracin.
Esta pgina slo est disponible si el tema activo ofrece la posibilidad de configuracin adicional.
Si nuestro tema no tiene esta capacidad, esta pgina no se mostrar en el men.
Adems, esta pgina podr ser muy diferente dependiendo de cada tema. En algunos casos
contendr un formulario con un par de opciones y en otros casos la configuracin podra
llevarnos horas.
Como ejemplo, vamos a echar un vistazo a las opciones de Catch Box, el tema que instalamos en
el captulo 4. As que lo activamos si no lo tenemos activo y vamos a Apariencia Opciones
del tema. Se nos muestra una pgina con este contenido:
117
Como vemos, Catch Box nos ofrece muchas opciones de configuracin: 6 combinaciones de
colores, 3 disposiciones de pgina diferentes, 2 distintas disposiciones de contenido y muchas
cosas ms. Podemos echar un vistazo tambin a las otras 3 pestaas: Featured post Slider,
Enlaces sociales y Herramientas para Webmasters.
Si nos apetece, podemos experimentar todo lo que queramos con las opciones y ver cmo
cambia la apariencia de nuestro sitio, es un ejercicio que nos vendr bien para familiarizarnos
con el uso del rea de administracin. En el curso no las vamos a explicar en detalle puesto que,
como hemos dicho antes, cada tema tiene sus propias opciones.
Aula Mentor
5.1.3 Apariencia Cabecera

Si el tema lo permite, tambin podemos personalizar la cabecera del sitio web en Apariencia
Cabecera. Si esta pgina no aparece en el men, significa que el tema no soporta la configuracin
de la cabecera.
Generalmente, esta pgina se suele utilizar para sustituir el ttulo por defecto del sitio web por
nuestro logotipo, cuya imagen podemos subir a travs del formulario.
118
5.1.4 Apariencia Fondo

Tambin podemos configurar una imagen o un color de fondo para nuestro sitio web en
Apariencia Fondo. Como en el caso anterior, el men slo se mostrar cuando el tema
activo ofrezca el soporte para ello.
5.2 Uso de Widgets

Hemos hablado antes de los widgets en un par de ocasiones. Los mencionbamos al explicar la
estructura bsica de un tema y los situbamos siempre dentro de lo que hemos venido llamando
barra lateral o sidebar. De hecho, los widgets son pequeas aplicaciones que permiten
aadir contenido y funcionalidad a las barras laterales de nuestro sitio web.
Tradicionalmente, la barra lateral era una estrecha columna situada a la derecha o izquierda de
una web WordPress que contena determinada informacin complementaria. Pero la situacin
de la barra lateral depende de cada tema por lo que, con la evolucin de WordPress y del
diseo de temas, podemos encontrar, por ejemplo, no una sino varias barras laterales en lugares
muy diversos de nuestro sitio web. En el siguiente esquema se muestran algunos ejemplos de
disposiciones de las barras laterales. Naturalmente, las posibilidades son mucho ms variadas
que esta pequea muestra y depender del tema que escojamos.
119
Podemos disponer los widgets de nuestro sitio web en la posicin y localizacin que deseemos
dentro de las barras laterales que nos ofrezca nuestro tema siempre que este sea widget-ready,
es decir, que soporte widgets. Aunque en la actualidad es muy raro que un tema no est
preparado para trabajar con ellos.
Pero, qu tipo de cosas hace un widget? y cmo podemos hacer que aparezcan en una barra
lateral? Vamos a aprenderlo:
Aula Mentor
Accedemos a la pgina de administracin de widgets en Apariencia Widgets. En la columna

de la derecha aparecen bloques que se corresponden con las barras laterales que tenemos
disponibles en el tema activo.
120
Y en la columna izquierda tenemos un listado de todos los widgets disponibles, cada uno con
su ttulo y una breve descripcin de su funcionalidad. Podemos encontrar listados de categoras,
nubes de etiquetas, navegacin, bsqueda, etctera.
Si queremos activar uno de esos widgets en nuestro tema lo nico que debemos hacer es
arrastrar el widget escogido hasta la barra en la que queremos mostrarlo y en el orden en que
queremos que se visualice. Por ejemplo, podemos aadir un pequeo calendario en la parte
superior de la columna derecha de nuestro tema de la siguiente forma:
Cada widget nos ofrece ciertas opciones de configuracin. En este caso podemos aadir un
ttulo, as que escribimos Calendario y hacemos clic en Guardar
121
Listo. Podemos visitar nuestro sitio para ver cmo queda nuestro nuevo widget.
Aula Mentor
Para familiarizarnos con el uso de widgets, es buena idea probar a instalarlos todos en diferentes
barras laterales. Comprobar qu opciones de configuracin nos piden para cada uno y cul es
el resultado en nuestra web. Mientras lo hacemos, podemos ir pensando cules de ellos vamos
a necesitar en nuestro sitio web y quizs anotarlo en nuestro proyecto.
Existen muchos ms widgets que los que aparecen por defecto al instalar WordPress. Un widget
puede considerarse como un tipo particular de plugin, as que podemos descargar widgets en
el directorio oficial de plugins de WordPress (http://wordpress.org/plugins/), que conoceremos
con ms detalle en la unidad 5.
Importante: Si cambiamos el tema de nuestro sitio, los widgets volvern a la zona de widgets
disponibles y es posible que tengamos que aadirlos y organizarlos de nuevo.
5.3 Enredar en el cdigo. Adaptacin manual de los temas

Los temas de WordPress tienen, o deberan tener, licencia GPL. Eso significa, como dijimos en
el captulo de introduccin, que somos libres de adaptarlos y modificarlos cuanto queramos, y
por ello se distribuyen en cdigo abierto.
Si tenemos conocimientos de programacin PHP o HTML, o si somos capaces de editar CSS,
podemos modificar a voluntad los documentos que contiene la carpeta de un tema. Podemos
incluso basarnos en un tema para crear otro diferente completamente adaptado a nuestras
necesidades.
122
Existe incluso un modo de acceder a estos documentos directamente desde el rea de

administracin en Apariencia Editor.
Naturalmente, esta pgina est pensada para ser usada por usuarios avanzados, programadores
o diseadores web. No deberamos emplear esta utilidad a no ser que sepamos exactamente lo
que estamos haciendo.
5.4 Cmo traducir un tema de WordPress

Como dijimos anteriormente, es importante asegurarnos de que el tema que hemos elegido est
traducido a nuestro idioma, as no tendremos que preocuparnos en absoluto por la traduccin.
Aunque, si sabemos ingls, existe un modo de traducir manualmente un tema para el que no
exista todava traduccin. Si no sabemos idiomas, este mtodo no nos ayudar.
En un sitio web WordPress hay una serie de palabras y frases generadas por los temas, por
ejemplo: Entradas recientes, Comentarios recientes, Archivos, Categoras, Publicado
en..., Publicado el..., Deja un comentario, Conectado como..., etctera.
Como ya dijimos, el idioma original de la mayora de los temas es el ingls. Cuando el tema est
traducido a nuestro idioma, la traduccin se carga automticamente al instalar WordPress en
nuestra lengua, es el caso del tema Twenty Fourteen y muchos otros. Pero, a veces, el tema que
hemos elegido para nuestra web no tiene traduccin a nuestro idioma. En estos casos, podemos
traducirlo nosotros mismos siempre que el tema sea translation-ready, es decir, que el autor lo
haya configurado para poder traducirlo sin necesidad de modificar el cdigo.
Para ello vamos a utilizar un programa gratuito llamado Poedit que podemos descargar aqu:
http://www.poedit.net/download.php.
Los temas translation-ready suelen tener una carpeta llamada languages (a veces lang)
dentro de la carpeta del tema. Dentro de esa carpeta estn los archivos con las traducciones
a los diferentes idiomas. Dependiendo del contenido de esa carpeta, podemos proceder a la
traduccin de tres modos distintos:
A. Si dentro de la carpeta languages hay un archivo con extensin .pot
1. Abrir poedit e ir a Archivo Crear catlogo desde un archivo POT...
2. Configurar la ventana Opciones segn las instrucciones del captulo 5.4.1.
3. Guardar el archivo en la misma carpeta con el cdigo idioma_PAS. Por ejemplo, para el
caso del espaol es_ES.po
4. Comenzar a traducir. Al guardar se genera automticamente un archivo .mo que es el que
en realidad usa WordPress para traducir el tema.
B. Si dentro de la carpeta languages hay un archivo con extensin .po (normalmente
default.po o en_US.po)
1. Abrir el archivo .po con Poedit.
2. Configurar las opciones en Catlogo Opciones... segn las instrucciones del captulo
5.4.1.
Para el caso del espaol, guardar como es_ES.po (Archivo Guardar como...) en la misma
carpeta y comenzar a traducir.
C. Si dentro de la carpeta languages no hay archivos .pot ni .po
1. Abrir poedit e ir a Archivo Nuevo catlogo...
2. Configurar la ventana Opciones segn las instrucciones del captulo 5.4.1.
3. Guardar el archivo en la carpeta languages con el cdigo del idioma a traducir. Por ejemplo,
para el caso del espaol es_ES.po. (Si no existe una carpeta languages, crear una.)
4. Ir a Catlogo Actualizar desde fuentes para obtener todos los textos traducibles y comenzar
a traducir.
123
Aula Mentor
5.4.1 Configuracin de Poedit

A continuacin mostramos cmo deben quedar las opciones de configuracin de Poedit.
Pestaa Informacin de proyecto
124
Pestaa Carpetas
El directorio raz se expresa con dos puntos ... Y en el listado de carpetas debemos aadir una
entrada con un punto .
Pestaa Palabras clave
Una vez configuradas las tres pestaas debemos guardar el archivo con el cdigo correspondiente
a nuestro idioma. Por ejemplo, el nombre del archivo para el idioma espaol sera es_ES.po,
para cataln ca.po, para euskera eu.po y para gallego gl_ES.po.
125
Aula Mentor
Unidad 5. Plugins para WordPress.

Aadiendo funcionalidad
La instalacin inicial de WordPress tan slo incluye una funcionalidad bsica, es completamente
operativo pero contiene slo lo esencial. Sin embargo, su arquitectura permite que podamos
enchufarle programas adicionales para otorgarle la funcionalidad que precisemos
para cada proyecto. Si lo pensamos, gracias a esta estructura WordPress puede conservar la
simplicidad y ligereza de su ncleo sin renunciar a una funcionalidad que supera las expectativas
de los usuarios ms exigentes, puesto que as somos nosotros los usuarios los que decidimos
qu herramientas necesitamos y de cules prescindimos.
126
Llamamos plugin a cada una de esas herramientas que enchufamos para aumentar la
funcionalidad de nuestra web en reas tales como la seguridad y la proteccin contra spam, la
conexin con redes sociales, la optimizacin para buscadores, el tratamiento y administracin
de las imgenes, la adaptacin al comercio electrnico, el anlisis de visitas, la mejora del
rendimiento y un largo etctera. Podemos estar prcticamente seguros de que, si mientras
configuramos nuestro sitio web nos encontramos con alguna necesidad, ah afuera existe un
plugin que nos resolver el problema.
A lo largo de este captulo vamos a tratar de explicar en qu consisten los plugins, dnde
encontrarlos y cmo instalarlos. Adems, vamos a resear cierto nmero de plugins de uso
habitual para poder hacernos una idea de las posibilidades que tenemos a nuestro alcance. Al
finalizar el captulo, deberemos tener claro qu funcionalidad vamos a aadir a nuestro sitio web
mediante plugins y sabremos cmo hacerlo.
Veremos que el proceso de buscar e instalar plugins es muy parecido al de instalar temas.
Aunque, tambin como en el caso de los temas, puede costarnos un poco ms dar con el plugin
adecuado porque generalmente existen varios en el mercado que cumplen la misma funcin.
1. Dnde y cmo encontrar plugins

WordPress.org posee un directorio de plugins gratuitos y en cdigo abierto en la direccin
http://wordpress.org/plugins/ que contiene alrededor de 28.000 plugins de lo ms variado.
Tambin existen multitud de plugins comerciales a los que podemos recurrir si no encontramos
uno gratuito que satisfaga completamente nuestras necesidades. Podemos encontrarlos
introduciendo en un buscador de Internet unas pocas palabras clave, como wordpress premium
plugins o wordpress commercial plugins, tal vez aadiendo alguna palabra que detalle el
tipo de plugin que estamos buscando en concreto. Una bsqueda de este tipo puede devolver
millones de resultados, as que para facilitar la bsqueda aadimos aqu algunas direcciones de
pginas web que comercializan plugins WordPress, a menudo a precios asequibles:
Mdulo 2. U5 Plugins para WordPress. Aadiendo funcionalidad
Code Canyon
http://codecanyon.net/category/wordpress
WPPlugins
http://wpplugins.com
Elegant Themes
http://www.elegantthemes.com/plugins/
1.1 El directorio oficial de plugins de WordPress

El mejor sitio para encontrar un plugin gratuito es el directorio oficial de WordPress (http://
wordpress.org/plugins/), tanto por la cantidad y variedad de plugins disponibles como por la
certeza de que todos ellos son revisados por un equipo de profesionales que garantiza la validez
de su cdigo.
La pgina principal del directorio pone a nuestra disposicin varias formas de navegar por las
decenas de miles de plugins que contiene. En la columna izquierda podemos consultar plugins
segn varias categoras, en la columna derecha se muestran los plugins ms populares y en la
columna central contamos con un formulario de bsqueda, debajo del cual aparece un listado
de plugins destacados.
127
Es muy fcil para el usuario inexperto entusiasmarse demasiado al descubrir la enorme cantidad
de funciones fantsticas que podemos aadir a nuestro sitio web gracias a los plugins, sobretodo
porque muchas de ellas son completamente gratis. Pero es importante tener presente que no
porque algo sea gratis significa necesariamente que sea bueno. Y a la inversa, un plugin no
Aula Mentor
tiene porqu ser bueno slo porque es comercial. Debemos aprender a distinguir los plugins
potentes, seguros y tiles de los de baja calidad, sean o no de pago, porque muchas veces la
eleccin de un plugin implica un compromiso que puede tener un impacto en nuestro sitio web
durante aos.
Tomemos como ejemplo el plugin Jetpack by WordPress.com para ver qu tipo de informacin
podemos recabar sobre l antes de decidirnos a instalarlo. En la pgina de detalle del plugin en
el directorio de WordPress (http://wordpress.org/plugins/jetpack/) tenemos varias pestaas con
informacin que podemos consultar.
128
Description
En la descripcin se define el uso del plugin y se detallan todas sus caractersticas. Al final del
texto de descripcin encontramos una lista de etiquetas o tags asociados.
Installation
Aqu se explican los pasos necesarios para instalar el plugin. Estos pasos son los mismos para
la inmensa mayora de ellos, pero alguno puede tener alguna particularidad que podemos
consultar aqu.
FAQ (Frequently Asked Questions)
Esta pgina ofrece un listado de las preguntas que se plantean ms frecuentemente sobre el
plugin con sus correspondientes respuestas.
Screenshots
Aqu se muestran capturas de pantalla, por ejemplo, del aspecto del plugin en el rea de
administracin.
Changelog
El registro de cambios del plugin a lo largo de sus diferentes versiones.
Stats
Se muestran estadsticas del nmero de veces que se ha descargado el plugin.
Support
Se trata de un foro de soporte tcnico en el que los usuarios informan de errores o consultan
dudas al autor del plugin.
Reviews
Listado de reseas de los usuarios, que pueden puntuarlo con un nmero de 1 a 5 estrellas y
pueden adems aadir un comentario.
Developers
Aqu aparece informacin sobre el desarrollo del plugin, enlaces a versiones anteriores del
mismo, etctera.
Volviendo a la pgina inicial del plugin, en la columna derecha podemos consultar de un solo
vistazo una informacin resumida muy til. Para empezar, en la parte superior, se muestran una
serie de datos en los que debemos fijarnos siempre:
En este texto se especifica que el plugin requiere (Requires) como mnimo la versin 3.8 de
WordPress y que es compatible (Compatible up to) hasta la versin 4.0. A veces, particularmente
cuando ha habido una actualizacin reciente de WordPress, los autores del plugin no han tenido
tiempo de recabar suficiente informacin sobre su compatibilidad, as que debemos tener en
cuenta que esta informacin puede no estar actualizada y, aunque ponga que el plugin es
compatible hasta una versin inferior a la que tenemos instalada, eso no significa necesariamente
que sea incompatible con la nuestra. Es decir, podemos instalarlo de todos modos pero teniendo
este dato en mente para que, si nos encontramos con problemas, podamos tal vez achacarlo a
un conflicto entre versiones.
La ltima fecha de actualizacin (Last Updated) es un dato muy importante porque nos da una
idea de si el autor del plugin sigue trabajando en l o ha abandonado su desarrollo hace tiempo.
Si vemos que la ltima actualizacin es de hace un ao o ms, debemos desconfiar y plantearnos
tal vez alguna alternativa. De hecho, en el directorio de plugins se muestra un mensaje de aviso
cuando un plugin lleva ms de dos aos sin actualizarse, aunque este no es el caso de Jetpack.
Por ltimo, el nmero de descargas (Downloads) es importante para determinar el nivel de

aceptacin del plugin en la comunidad.
A continuacin, tambin en la columna derecha, se muestra un esquema de la evaluacin del
plugin por parte de los usuarios. En el grfico de barras podemos ver el nmero de personas
que lo han puntuado. Al hacer clic en cada barra se nos abre una pgina con comentarios de los
usuarios explicando los motivos de su puntuacin.
129
Aula Mentor
Ms abajo aparece informacin sobre el autor o los autores del plugin. Vemos que el principal
desarrollador de Jetpack es Automattic, la empresa que est detrs de WordPress. Este dato va
a ser determinante en este caso para dar nuestra confianza al plugin.
130
Tambin podemos hacernos una idea de si se ofrece o no soporte a los usuarios. En este caso
vemos que 373 de las 542 peticiones de soporte han sido resueltas en los ltimos dos meses, lo
que significa que el servicio de soporte es bastante activo.
Por ltimo, podemos comprobar la compatibilidad de la versin actual del plugin con la ltima
versin de WordPress. En este caso, el mensaje con fondo amarillo nos dice que no existen
suficientes datos, hay 11 personas que dicen que funciona y 9 personas que dicen que no.
Si todos estos datos no nos parecieran suficientes o todava tuviramos dudas podemos hacer
una bsqueda en Google para averiguar qu opina la gente. Podemos buscar, por ejemplo,
wordpress jetpack opiniones y echar un vistazo a los resultados obtenidos.
2. Cmo instalar un plugin

Podemos administrar los plugins de nuestro WordPress en la pgina Plugins Plugins
instalados de nuestra rea de administracin.
131
Aula Mentor
Como vemos en la imagen, hay dos plugins preinstaladados en nuestra versin de WordPress:
Akismet y Hello Dolly. Si quisiramos activarlos slo tendramos que pulsar en el enlace
Activar. Por ejemplo, al activar Hello Dolly, que muestra frases al azar de la cancin Hello
Dolly de Louis Armstrong, un mensaje en la parte superior de la pgina nos notifica su activacin
y el plugin aparece en la lista con fondo azul claro.
132
Para desactivar el plugin debemos pulsar el enlace Desactivar. Sencillo, verdad?.
Pero, cmo podemos hacer que aparezcan plugins en la lista para poder activarlos?. Es decir,
cmo podemos instalarlos?. Existen dos formas de hacerlo, la automtica y la manual, y los
procesos respectivos para estos dos mtodos son anlogos a los que ya conocemos para instalar
temas.
2.1 Instalacin automtica de plugins

En el rea de administracin de nuestro WordPress existe una aplicacin similar a la que ya
conocemos para instalar temas que nos va a permitir instalar plugins con un par de clics. Esta
utilidad tan slo muestra plugins del directorio oficial de WordPress. Existe un modo de instalar
automticamente plugins de otros lugares, pero lo explicaremos un poco ms adelante en este
mismo captulo.
Como ejemplo vamos a instalar un plugin llamado WordPress Importer que sirve para importar
datos a nuestro WordPress mediante un archivo que se haya exportado anteriormente de otra
copia de WordPress (ver captulo 2.2 de la Unidad 6).
1. La pgina Plugins Aadir nuevo tiene una estructura parecida a la que ya conocemos
para instalar temas. Podemos navegar por las pestaas Destacados, Populares y Favoritos
y tambin podemos buscar introduciendo nuestros trminos de bsqueda.
133
2. Para nuestro ejemplo vamos a utilizar la utilidad de bsqueda, as que introducimos el nombre
del plugin que queremos encontrar, wordpress importer y pulsamos la tecla Intro de nuestro
teclado.
Aula Mentor
3. El plugin que buscamos aparece el primero de la lista. Para instalarlo hacemos click en
Instalar ahora.
4. Nos aparece un aviso de confirmacin. Pulsamos Aceptar.
134
5. En la nueva pgina se va mostrando el progreso de la instalacin. Cuando recibamos el

mensaje de que el plugin se ha instalado correctamente podemos activarlo mediante el enlace
Activar plugin.
6. En la pgina Plugins Plugins instalados podemos comprobar que el plugin est instalado
y activo.
Instalar automticamente otros plugins

Como decamos antes, podemos tambin instalar automticamente plugins que hemos
bajado de otras webs diferentes del directorio oficial. Para ello debemos ir a la pgina Plugins
Aadir nuevo y despus hacer clic en el enlace que aparece enmarcado en verde en la
imagen a continuacin.
Se nos muestra un formulario en el que podemos subir un plugin en formato .zip. Para ello
primero hacemos clic en Seleccionar archivo, escogemos el archivo .zip y pulsamos en Instalar
ahora. Los siguientes pasos ya los conocemos.
135
Aula Mentor
2.2 Instalacin manual de plugins

El proceso para instalar un plugin manualmente es muy parecido al que ya hemos aprendido
para instalar un tema, bsicamente consiste en lo siguiente:
- Descargar de Internet el plugin elegido.
- Descomprimir el archivo descargado.
- Copiar la carpeta obtenida en el directorio wp-content/plugins de nuestro WordPress. Si
queremos instalarlo en nuestra instalacin local slo tendremos que arrastrar y soltar. Si queremos copiarlo en nuestro servidor remoto, deberemos subirlo mediante
un cliente FTP como Cyberduck.
- En nuestra rea de administracin de WordPress ir a Plugins Plugins instalados, buscarlo
en la lista y activarlo haciendo clic en el enlace Activar.
Vamos a llevar a cabo la instalacin paso a paso de Jetpack by WordPress.com, que dota a
nuestro WordPress de muchas de las caractersticas y funciones que disfrutan los usuarios de
WordPress.com.
1. Vamos a la pgina del plugin aqu http://wordpress.org/plugins/jetpack/ y pulsamos en el
botn naranja para descargarlo.
136
2. Cuando descomprimimos el archivo descargado, obtenemos una carpeta llamada jetpack

que contiene varios archivos y carpetas. Debemos copiar la carpeta completa con todo su
contenido en el directorio /wp-content/plugins/ de nuestra copia de WordPress. Es decir, si
estamos en Windows, debemos copiarla en c:\wamp\www\wordpress\wp-content\plugins\
y si estamos en Mac OS en Aplicaciones/MAMP/htdocs/wordpress/wp-content/plugins/.
3. Una vez copiada la carpeta del plugin, entramos al rea de administracin y vamos a Plugins
Plugins instalados. Vemos que en el listado de plugins disponibles para la activacin se
encuentra Jetpack por WordPress.com. Hacemos click en Activar.
4. En esa misma pgina recibimos el mensaje de que el plugin ha sido activado.
137
Como vemos, lo nico que tiene de manual esta instalacin es que debemos descomprimir y
copiar nosotros mismos el plugin a su carpeta correspondiente. En todo lo dems es similar
a la instalacin automtica. Podemos usar indistintamente cualquiera de las dos, la que nos
resulte ms sencilla o con la que nos sintamos ms cmodos. Aunque la instalacin manual es,
naturalmente, la opcin a elegir cuando la automtica nos da algn tipo de problema.
Aula Mentor
3. La configuracin de los plugins

La mayora de los plugins nos permiten cierto nivel de configuracin para adaptarlos a las
necesidades concretas de nuestro sitio web. En algunos casos la configuracin es opcional,
pero en otros tal vez el plugin necesite una serie de datos para poder funcionar, por lo que
deberemos configurarlos obligatoriamente. Por eso, lo primero que debemos hacer nada
ms activar un plugin es visitar su pgina de configuracin.
Hay una cosa muy importante de la que debemos ser conscientes cuando hablamos de configurar
plugins: cada uno tiene sus propios mtodos y sus propias opciones, que son completamente
diferentes a las de los dems cientos de miles. Eso significa que no podemos explicar en este
curso cmo configurar cada plugin concreto. Eso es algo que deber llevar a cabo el alumno por
su cuenta, aunque no es difcil encontrar ayuda en Internet en caso de duda.
Cuando instalamos un plugin se crea automticamente su pgina de configuracin en nuestra
rea de administracin, pero una de las cosas que cambia segn el plugin que instalemos es la
localizacin de esa pgina.
- Algunos plugins, como Jetpack, sitan el enlace a su pgina de configuracin en el men
principal del rea de administracin.
138
- Otros lo sitan como un submen de Ajustes. Es decir, tendramos que ir a Ajustes

Nombre_del_plugin
- Muchos aaden, adems, un enlace a su pgina de configuracin en el listado de plugins
instalados.
Para seguir con nuestro ejemplo anterior, vamos a echar un vistazo a la pgina de configuracin
de Jetpack a la que, como hemos dicho, podemos acceder a travs del men Jetpack de
nuestra rea de administracin.
Como vemos en la imagen, Jetpack ofrece decenas de aplicaciones extra que debemos activar
para poder usarlas. En nuestro ejemplo vamos a activar Compartir, que aade a nuestro blog
botones para que los usuarios compartan nuestras entradas en distintas redes sociales o por
email. Para ello hacemos clic en el botn Activar.
Una vez activado, debemos pulsar en el botn Configurar.
139
Aula Mentor
A continuacin se muestran las opciones particulares de la aplicacin Compartir. Para agregar

botones debemos arrastrarlos desde la parte superior a la inferior, tal y como se explica en las
instrucciones.
Como vemos, ms abajo hay muchas opciones que podemos configurar a nuestro gusto. Para
este ejemplo vamos a indicar que queremos que los botones aparezcan en las entradas del blog.
Por ltimo pulsamos Guardar cambios.
140
Ahora, si vamos a cualquier entrada de nuestro blog, vemos que los botones que hemos
seleccionado aparecen tal y como hemos configurado.
3.1 Plugins y widgets

En muchas ocasiones el plugin que acabamos de instalar debe activarse como un widget, o
puede utilizarse de varias formas, una de ellas mediante un widget. Cuando se da este caso,
generalmente suele aparecer un widget con el nombre del plugin en la zona de widgets
disponibles de la pgina de administracin de los mismos. (Ver captulo 5.2 de la unidad 4)
Por eso, si tras instalar un plugin y revisar sus opciones de configuracin no estamos seguros
de cmo ponerlo en funcionamiento en nuestra web, es buena idea pasarse por la pgina
Apariencia Widgets y comprobar si nuestro plugin aparece en la lista.
Por otra parte, existen una serie de plugins que nos permiten administrar nuestros widgets.
Gracias a ellos podemos, por ejemplo, decidir qu widgets mostrar u ocultar dependiendo del
post o la pgina que se visite. Estos son algunos ejemplos:
Dynamic Widgets
http://wordpress.org/plugins/dynamic-widgets/
Display Widgets
http://wordpress.org/plugins/display-widgets/
Widget Context [En ingls]
http://wordpress.org/plugins/widget-context/
Widgets Controller [En ingls]
http://wordpress.org/plugins/widgets-controller/
Y, mucho mejor, existen plugins que nos van a permitir crear y administrar barras laterales
personalizadas que podemos usar para aadir widgets en sitios de nuestra web que el tema que
tenemos instalado no nos permita en principio.
Custom WordPress Sidebar Plugin [Comercial]
http://codecanyon.net/item/custom-wordpress-sidebar-plugin/5053833
Sidebar & Widget Manager for WordPress [Comercial]
http://codecanyon.net/item/sidebar-widget-manager-for-wordpress/2287447
Widget Ninja [Comercial]
http://codecanyon.net/item/widget-ninja/253159
Custom Widget Areas for WordPress [Comercial]
http://codecanyon.net/item/custom-widget-areas-for-wordpress/130941
141
Aula Mentor
3.2 Shortcodes
Sabemos que podemos aadir widgets a las barras laterales, pero resultara muy til poder
aadir contenido o funcionalidad a otros lugares del sitio web. Supongamos, por ejemplo, que
quisiramos aadir un formulario de bsqueda dentro del texto de una pgina esttica. Pues
bien, podemos hacerlo gracias a un shortcode, cuya traduccin al espaol sera algo as como
cdigo abreviado.
En efecto, un shortcode es un cdigo especfico de WordPress que nos va a permitir
hacer cosas geniales con muy poco esfuerzo.
Por ejemplo, un formulario de contacto puede contener cientos de lneas de cdigo, pero
podemos hacer equivaler todas esas lneas a algo parecido a esto:
[formulario 1]
De manera que si escribimos [formulario 1] en cualquier entrada o pgina, al cargar nuestro
sitio web aparecera en su lugar el formulario al que hemos llamado.
Este principio tan sencillo va a proporcionar a nuestro sitio web una flexibilidad sin parangn.
Pronto vamos a comprobar que muchos plugins, una vez instalados, ofrecen shortcodes para que
podamos elegir en qu lugar colocarlos.
142
Es el caso de Contact Form 7, un plugin muy sencillo y completo para aadir un formulario de
contacto a nuestro sitio web que vamos a tomar como ejemplo del uso de shortcodes.
1. Descargamos el plugin de http://wordpress.org/plugins/contact-form-7/
2. Lo instalamos con el mtodo que prefiramos.
3. Lo activamos pulsando Activar
4. Podemos gestionar el plugin en la pgina Contacto del men. En esa pgina se muestra
una lista con todos los formularios disponibles. Podemos crear todos los que queramos, pero de
momento vamos a utilizar el que aparece de prueba haciendo clic en Editar.
5. En la parte superior de la pgina resultante aparece el shortcode que debemos utilizar para
insertar el formulario el cualquier sitio de nuestra web. Ms abajo se muestran las opciones
de configuracin del formulario que podemos modificar a nuestro gusto. Cuando hayamos
terminado, seleccionamos el texto del shortcode y lo copiamos.
6. Ahora vamos a insertarlo en una pgina esttica. Para ello vamos a Pginas Todas las
pginas y escogemos la pgina de ejemplo haciendo clic en Editar.
143
Aula Mentor
7. Vamos a convertir la pgina de ejemplo en nuestra pgina de contacto. Para ello cambiamos el
ttulo por Contacto y sustituimos el contenido por un texto introductorio tras el cual pegamos
el shortcode que hemos copiado previamente. Por ltimo pulsamos Actualizar.
144
8. Vamos ahora a comprobar cmo quedan los cambios en nuestro sitio web. Vamos a la pgina
de contacto haciendo clic en Ver pgina.
9. Comprobamos que el shortcode ha sido reemplazado por el formulario de contacto tal y como
esperbamos.
145
Nota: Normalmente, el envo de correo no funciona en nuestro servidor local. Es posible activar
esta funcin configurando nuestro archivo php.ini, pero esta es una tarea para usuarios avanzados.
Sin embargo, con toda probabilidad funcionar a la perfeccin una vez hayamos publicado nuestro
sitio online, aunque es cierto que algunos servicios de hosting gratuito desactivan esa opcin.
Para terminar, mostramos un par de plugins muy tiles para el uso de shortcodes en nuestro
sitio web:
Shortcodes Ultimate [En ingls]
http://wordpress.org/plugins/shortcodes-ultimate/
Una excelente coleccin de shortcodes para enriquecer nuestro sitio web. En este plugin podemos
crear fcilmente pestaas, botones, cajas de texto, vdeos con anchura adaptativa, etctera.
My Shortcodes [En ingls]
http://wordpress.org/plugins/my-shortcodes/
Permite crear nuestros propios shortcodes para usarlos en pginas y posts.
Aula Mentor
3.3 Edicin avanzada de plugins

Como en el caso de los temas, es posible adaptar y modificar los plugins que instalamos en
nuestra web, puesto que tienen, o deberan tener, licencia GPL y se distribuyen en cdigo
abierto.
Por eso, si tenemos conocimientos de programacin PHP/MySQL podemos modificar a voluntad
los documentos que contiene la carpeta de un plugin. Podemos incluso basarnos en un plugin
para crear otro diferente completamente adaptado a nuestras necesidades.
Existe un modo de acceder a estos documentos directamente desde el rea de administracin
en el men Plugins Editor.
Obviamente, esta funcionalidad debe ser usada solamente por usuarios avanzados o
programadores. Si no sabemos programar, lo mejor es olvidarnos de su existencia.
4. Qu plugins necesita mi sitio web?

En prcticamente todos los casos nuestro sitio web necesitar algn tipo de plugin.
Obviamente, cada proyecto va a tener unas necesidades particulares que nos corresponde a
nosotros, como webmasters, definir. Es hora de releer nuestro proyecto e identificar cules de
nuestros requisitos se pueden resolver mediante plugins.
146
Por ejemplo, algunos proyectos van a precisar de un formulario de contacto, para el que ya
hemos instalado un plugin. Otros sern multilinges, por lo que necesitaremos un plugin que
nos permita publicar informacin en varios idiomas. Para otros ser imprescindible el uso de
una galera de imgenes, etctera.
Existen incluso un cierto nmero de plugins que conviene instalar en casi todos los casos. Estos
plugins estn relacionados la mayora de veces con la proteccin, la seguridad, el rendimiento y
el mantenimiento del sitio web.
Para este curso, hemos reunido en el captulo 4.4 un listado de plugins de las categoras que ms
demanda tienen en la actualidad. Tambin, en captulos posteriores, incluiremos una lista de
plugins de utilidad en los temas que tratemos. Naturalmente, en nuestra seleccin no estn todos
los que existen, puesto que la lista sera interminable. Para confeccionarla nos hemos basado en
la popularidad de los plugins en el directorio de WordPress, en las crticas favorables por parte
de los usuarios y en otro tipo de factores, como por ejemplo el soporte en castellano.
Algunos son muy sencillos, fciles de configurar y administrar. Otros, sin embargo, poseen
una configuracin ms compleja y manejan conceptos que pueden no resultar familiares al
principiante. Pero el objetivo de este curso no es que el alumno domine hasta el ltimo plugin por
complejo que sea, sino el de crear un sitio web con el que tanto l como sus usuarios se sientan
cmodos y satisfechos. Por lo que, si nos sentimos abrumados por un plugin complicado, aunque
parezca muy completo, es mejor optar por uno ms sencillo cuyo uso podamos comprender sin
necesidad de leer antes un manual. Antes de lo que pensamos habremos adquirido suficiente
experiencia como para instalar plugins complejos y puede que, precisamente porque somos ms
expertos, descubramos que los mejores plugins son a menudo los ms simples.
4.1 Plugins que todo sitio web debera instalar

No existe un juego de plugins indispensable para todos los sitios web. La razn de ser de cada
sitio es tan extremadamente variada que es imposible tener las mismas necesidades en todos
los casos. Existen, sin embargo, una serie de asuntos de los que debemos ocuparnos
siempre: la seguridad, el mantenimiento, la optimizacin del rendimiento, la SEO, el
anlisis de visitas, etctera. Todos estos temas se pueden ayudar a resolver mediante el uso
de plugins que conoceremos ms adelante.
En nuestra opinin, sin embargo, si hay un plugin indispensable para todo sitio web que permita
comentarios es Akismet, que protege a nuestro sitio web del spam.
Akismet
http://wordpress.org/plugins/akismet/
Este plugin viene preinstalado en WordPress y slo tendramos que activarlo. No obstante, es
preferible esperar a que nuestra web est online en un servidor web antes de empezar a usarlo.
Lo conoceremos en detalle en un mdulo posterior.
4.2 Cuntos plugins puedo usar?, existe un lmite?

Es normal preguntarnos si el uso de demasiados plugins va a afectar al rendimiento de nuestro
WordPress. La respuesta sencilla a esta pregunta es que no, no existe un nmero de plugins
determinado a partir del cual debamos empezar a preocuparnos por si nuestro sitio web se
volver lento e ineficiente. El nmero habitual de plugins que un sitio web suele contener es
de 5 a 25, los sitios web ms complicados pueden tener activos de 50 a 70 plugins sin que su
rendimiento se vea significativamente afectado. Matt Mullenweg, el fundador de WordPress, ha
comentado varias veces que conoce a alguien con cerca de 300 plugins activos en su sitio web.
Por lo tanto, podemos activar en nuestro sitio web tantos plugins como necesitemos, pero
ninguno ms.
Mucho cuidado, no es el nmero lo que afecta la eficiencia de nuestro WordPress sino la
naturaleza del cdigo de algunos plugins y esto es algo que ocurre con frecuencia. Es decir, si
estamos teniendo problemas con el rendimiento de nuestro sitio web, puede deberse
a que tengamos instalados plugins de baja calidad, anticuados o inadecuados. Y
claro, cuantos ms plugins instalemos, ms probabilidades tendremos de toparnos con uno
problemtico, de ah la recomendacin de no mantener activo ninguno que no necesitemos.
4.3 Cmo elegir un plugin de entre varios que ofrecen la misma funcionalidad?
Casi siempre vamos a encontrarnos con que existen varios plugins que supuestamente cumplen la
misma funcin. Para el usuario inexperto puede ser un problema decantarse por uno, sobretodo
sabiendo que, a veces, si nos comprometemos con un plugin determinado durante cierto
tiempo, ser difcil poder cambiarnos a otro fcilmente sin perder datos. Por lo tanto,
cmo saber qu plugin elegir?
Como en tantas otras cosas, no existe una respuesta absoluta a esa pregunta, pero hay una serie
de sugerencias y consejos que podemos seguir en caso de duda:
147
Aula Mentor
- Aprovechar la informacin que se ofrece en el directorio oficial de plugins de WordPress,

particularmente las valoraciones y opiniones de otros usuarios.
- No instalar plugins que no se hayan actualizado durante un ao o ms.
- Procurar instalar plugins cuya versin sea probadamente compatible con nuestra
versin de WordPress.
- Leer cuidadosamente las caractersticas. A veces dos plugins que aparentemente ofrecen
la misma funcionalidad, muestran algunas diferencias que nos van a ayudar a decantarnos
por uno u otro.
- Probar los plugins. Como ya sabemos hay una lista extenssima de plugins gratuitos que
podemos probar sin apenas esfuerzo y, a menudo, los plugins comerciales ofrecen versiones
reducidas o lite que podemos poner a prueba en nuestro sitio web.
- Testear el rendimiento de nuestra web antes y despus de instalar el plugin para
observar si existe alguna diferencia. Aprenderemos a hacer esto en un mdulo posterior.
Existen tambin una serie de factores en los que podemos basarnos para la eleccin de un
plugin, aunque no tienen relacin directa con el rendimiento. Por ejemplo, los usuarios que
no dominan el ingls preferirn sin duda que el plugin est traducido a su lengua materna.
Tambin, muchos usuarios optan, con buen criterio, por el plugin ms sencillo de usar.
En general, no debemos tomarnos a la ligera la tarea de escoger un plugin, es preferible ser
juiciosos y perder unos minutos ahora que tener que lamentar luego una eleccin precipitada.
4.4 Plugins de uso habitual

148
Existen una serie de reas en las que los usuarios demandamos plugins a menudo. Vamos a estudiar
algunas de estas reas en detalle ms adelante, particularmente las que tienen que ver con la seguridad
y el mantenimiento de WordPress, por lo que no las mencionaremos aqu. El resto tiene que ver con
necesidades muy concretas en situaciones que se presentan al webmaster muy a menudo.
4.4.1 Formularios de contacto

Un tipo de plugin muy utilizado en los sitios web WordPress es el que permite la creacin de un
formulario de contacto, es decir, un formulario a travs del que nuestros usuarios pueden enviarnos
mensajes privados a nuestra direccin de correo. Los campos ms habituales de los formularios de
contacto son Nombre o Empresa, Email, Ttulo del mensaje y Texto del mensaje.
Estos plugins pueden integrar un sistema CAPTCHA para protegernos del spam, aunque en otros
es necesario instalar el CAPTCHA aparte.
Estos son algunos ejemplos de formularios de contacto que podemos usar en nuestro sitio web:
Contact Form 7
http://wordpress.org/plugins/contact-form-7/
Formidable Forms
http://wordpress.org/plugins/formidable/
Contact Form
http://wordpress.org/plugins/contact-form-plugin/
4.4.2 Utilidades para imgenes

Es raro el sitio web que no contiene imgenes. Mientras que en algunos casos las imgenes
suelen limitarse a ilustrar un texto, otras veces son el contenido principal de nuestra web.
Existen diferentes tipos de plugins que podemos usar para publicar nuestras imgenes:
Galeras
Las galeras muestran nuestras imgenes en un conjunto de fotos en miniatura (o thumbnails)
en las que el usuario puede hacer clic para visualizarlas a mayor tamao.
Es posible asociar varias imgenes a un slo post o una sola pgina mediante el uso de una
galera. WordPress soporta la insercin de galeras de forma nativa como veremos en el captulo
1.3 de la unidad 9, pero si lo deseamos existen plugins que amplan la funcionalidad ofrecida
por WordPress. Estos son algunos ejemplos:
NextGEN Gallery
http://wordpress.org/plugins/nextgen-gallery/
Demo: http://www.nextgen-gallery.com/nextgen-gallery-demos/
Grand Flagallery - Photo Gallery Plugin
http://wordpress.org/plugins/flash-album-gallery/
Demo: http://codeasily.com/wordpress-plugins/flag/
WP Photo Album Plus
http://wordpress.org/plugins/wp-photo-album-plus/
Gallery
http://wordpress.org/plugins/gallery-plugin/
Pases de diapositivas (Slideshow o Sliders)
Tambin es posible presentar nuestras imgenes como en un pase de diapositivas, es decir,
las imgenes se muestran a buen tamao una detrs de otra en una secuencia predeterminada.
Aunque, para ser exactos, los sliders pueden contener otros elementos adems de imgenes:
textos HTML, vdeos, etctera.
Es habitual utilizar un slider en la pgina principal que sirva de presentacin de artculos
destacados o pginas que podemos encontrar en la web. A menudo se utiliza algn tipo de
efecto de transicin entre una presentacin y la siguiente. Existen plugins que permiten incluso
la animacin de los componentes de cada presentacin. Ah van algunos ejemplos:
Slideshow
http://wordpress.org/plugins/slideshow-jquery-image-gallery/
Meta Slider
http://wordpress.org/plugins/ml-slider/
WOW Slider
http://wordpress.org/plugins/wowslider/
149
Aula Mentor
Layer Slider [Comercial]

http://codecanyon.net/item/layerslider-responsive-jquery-slider-plugin/922100
Slider Revolution Responsive jQuery Plugin [Comercial]
http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848
SlideDeck [Comercial]
http://www.slidedeck.com
Lightbox. Ampliacin de las imgenes
Otra tcnica muy ampliamente utilizada es la que permite ampliar una imagen al hacer clic en
su miniatura. La imagen a mayor resolucin se suele mostrar muy a menudo sobre un fondo
oscuro semi-transparente. Muchos plugins nos permiten esta funcin, entre ellos los siguientes:
Simple Lightbox
http://wordpress.org/plugins/simple-lightbox/
WP Lightbox 2
http://wordpress.org/plugins/wp-lightbox-2/
Responsive Lightbox
http://wordpress.org/plugins/responsive-lightbox/
150
Otros plugins para imgenes

Existen miles de plugins relacionados con el uso de imgenes en WordPress, podemos consultar
la kilomtrica lista aqu: http://wordpress.org/plugins/search.php?q=images, pero apuntamos un
par de ellos que destacan por su utilidad:
EWWW Image Optimizer
http://wordpress.org/plugins/ewww-image-optimizer/
Optimiza el tamao de las imgenes que subimos a nuestra web sin prdida apreciable de
calidad.
Regenerate Thumbnails
http://wordpress.org/plugins/regenerate-thumbnails/
WordPress genera miniaturas de todas las imgenes del web. Si se cambia el tamao por defecto
de esas miniaturas, este plugin nos permite regenerarlas.
4.4.3 Utilidades para vdeo

La publicacin de vdeos en nuestro sitio web es un factor importante que puede mejorar la
experiencia de nuestros visitantes. WordPress convierte automticamente los enlaces de Youtube,
Vimeo y otros servicios de vdeo que incluimos en nuestras entradas en un reproductor donde
poder verlos, por lo que no es necesario el uso de ningn plugin adicional para esta tarea. Sin
embargo, si queremos publicar nuestros vdeos directamente o si necesitamos un control mayor
sobre ellos, existen plugins que nos facilitarn el trabajo. Aqu est una seleccin:
YouTube Embed Plugin

http://wordpress.org/plugins/youtube-embed-plus/
Extiende la insercin de un vdeo de Youtube facilitndonos opciones adicionales de configuracin.
Spider Video WordPress Player
http://wordpress.org/plugins/player/
Permite organizar nuestros vdeos en listas de distribucin y elegir una plantilla de nuestro gusto
para el reproductor.
Video Gallery [Comercial: 15$]
http://codecanyon.net/item/video-gallery-wordpress-plugin-w-youtube-vimeo-/157782
Una galera de vdeo rpida y con muchas caractersticas, incluyendo diseo adaptativo.
Widgets para vdeo
Vimeo Channel Gallery
http://wordpress.org/plugins/vimeo-channel-gallery/
Muestra un vdeo de Vimeo y una galera de miniaturas de un usuario, canal, grupo o lbum de
Vimeo.
Youtube Channel Gallery
http://wordpress.org/plugins/youtube-channel-gallery/
Muestra un vdeo de Youtube y una galera de miniaturas de canal de Youtube.
151
4.4.4 Gestin de usuarios

Como hemos visto, tanto la estructura como las herramientas de gestin de usuarios en
WordPress son bastante sencillas de forma nativa. Sin embargo, hay una serie de plugins que
podemos instalar para dotar a nuestro sistema de opciones ms avanzadas y un mayor nivel de
configuracin. A continuacin mostramos algunos ejemplos.
Members [En ingls]
http://wordpress.org/plugins/members/
Un plugin muy til para los sitios web con varios usuarios. Permite definir nuevos roles y
asignarles un juego de capacidades a medida.
User Access Manager
http://wordpress.org/plugins/user-access-manager/
Permite administrar el acceso al contenido del sitio web mediante la creacin de grupos de
usuarios.
Advanced Access Manager [En ingls]
http://wordpress.org/plugins/advanced-access-manager/
Una herramienta para administrar el acceso de los usuarios tanto a la parte pblica como al rea
de administracin de un sitio web. Soporta las instalaciones multisitio.
User Role Editor
http://wordpress.org/plugins/user-role-editor/
Permite modificar las capacidades de cada rol, as como crear nuevos roles y nuevas capacidades.
Aula Mentor
Edit Flow [En ingls]

http://wordpress.org/plugins/edit-flow/
Muy til cuando existe un equipo de personas trabajando en un sitio web. Ofrece una serie de
herramientas para gestionar el flujo de trabajo editorial.
Custom Login [En ingls]
http://wordpress.org/plugins/custom-login/
Permite personalizar la pgina de login.
WP Status Notifier [En ingls]
http://wordpress.org/plugins/wp-status-notifier/
Enva un correo electrnico a la direccin que escojamos cuando un colaborador aade una
entrada pendiente de revisin. Adicionalmente, avisa al colaborador cuando su entrada es
aceptada o rechazada.
Co-Authors Plus
http://wordpress.org/plugins/co-authors-plus/
Permite asignar varios autores a pginas, entradas y tipos de entradas personalizadas.
Adminimize [En ingls]
http://wordpress.org/plugins/adminimize/screenshots/
Permite ocultar determinadas funciones del rea del administrador para roles concretos.
152
User control [En ingls]

http://wordpress.org/plugins/user-control/
Permite desactivar usuarios sin necesidad de borrarlos, para as no perder sus datos en caso de
necesitar activarlos ms adelante.
4.4.5 Redes sociales en WordPress

El auge de las redes sociales ha sido uno de los fenmenos de ms repercusin en Internet en
los ltimos aos. Como todos sabemos, se trata de comunidades online que se crean en torno
a un determinado software o servicio web. Existen muchos tipos de redes sociales, algunas
organizadas en torno a una temtica como por ejemplo la msica (myspace.com, last.fm), las
imgenes (pinterest.com) el trabajo (linkedin.com) o las relaciones personales (twitter.com,
facebook.com, Google+).
El plugin ms destacado en relacin a las redes sociales es BuddyPress, que permite la creacin
de una completa red social dentro de nuestro sitio web WordPress. Sorprende lo avanzado de
sus caractersticas: perfil de usuarios, creacin de grupos, sistema de amistades, etctera. La
versin original est en ingls pero es posible descargar una traduccin aqu: http://translate.
wordpress.org/projects/buddypress/dev
BuddyPress
http://wordpress.org/plugins/buddypress/
Pero lo que los usuarios necesitamos ms habitualmente no es crear una red social, sino conectar
nuestro sitio web con nuestras redes sociales favoritas. Hoy en da, es casi indispensable valerse
de ellas para conseguir la mayor difusin posible de cualquier noticia y esto incluye el contenido
de nuestro sitio web. Para ello, existen plugins que aaden botones para compartir nuestro
contenido con distintos servicios de red social. Un ejemplo de ello es el plugin Compartir
de Jetpack que hemos instalado en un captulo anterior, pero existen otros que mostramos a
continuacin.
Share Buttons by AddToAny
http://wordpress.org/plugins/add-to-any/
Podemos elegir entre decenas de redes sociales para compartir y es sencillo de usar. Est
parcialmente traducido al espaol.
DigDig [En ingls]
http://wordpress.org/plugins/digg-digg/
Permite situar los botones de compartir en una barra deslizante para que estn al alcance del
visitante en todo momento.
Share Buttons by AddThis [En ingls]
http://wordpress.org/plugins/addthis/
Ms de 300 redes sociales para compartir y opciones avanzadas de configuracin.
Shareaholic | share buttons & related posts [En ingls]
http://wordpress.org/plugins/shareaholic/
Aade botones para compartir en diversas redes sociales y ofrece algunas funciones adicionales
si nos suscribimos gratuitamente. La configuracin es muy visual e intuitiva.
Adems de botones para compartir, existen otros plugins de funcionalidad variada que facilitan
la integracin de nuestro sitio web con las redes sociales. Estos son algunos ejemplos:
WP to Twitter [En ingls]
http://wordpress.org/plugins/wp-to-twitter/
Tuitea automticamente en nuestra cuenta de Twitter cada vez que publicamos un nuevo post.
Se puede seleccionar nuestro servicio preferido para acortar URLs.
Facebook [En ingls]
http://wordpress.org/plugins/facebook/
Es el plugin oficial de Facebook para WordPress. Aade botones de compartir y la posibilidad
de publicar automticamente en el muro de Facebook cada vez que aadimos un nuevo post.
Social Traffic PopUp [Comercial]
http://themeyourself.com/go/social-pop/
Demo: http://themeyourself.com/go/social-pop-demo/
Este plugin permite mostrar un PopUp tipo LightBox cada vez que un usuario llegue a una de
las pginas relevantes de nuestro sitio para ofrecerle compartirlo antes de poder leerlo. Puede
resultar bastante efectivo, pero algunos usuarios podran considerarlo intrusivo.
4.4.6 Boletines electrnicos y suscripciones

Llamamos boletn electrnico o newsletter al envo peridico por email de informacin sobre
nuestro sitio web a usuarios que previamente se han suscrito para recibir estos correos. El
tipo de informacin que se enva es variada: noticias sobre nuestro sitio web, avisos para los
usuarios, publicacin de ofertas, recordatorios de eventos, etctera.
153
Aula Mentor
El usuario de Internet navega cada da por muchas pginas diferentes, al cabo de un mes ha
podido visitar decenas, cientos o miles de ellas. Es muy difcil conseguir que recuerde nuestra
web un usuario que nos ha visitado de forma puntual, bien porque nos haya encontrado a travs
de un buscador, por un enlace desde otra pgina, etctera. Es muy habitual que ese usuario
no vuelva nunca, incluso habiendo encontrado lo que buscaba y habiendo disfrutado de la
experiencia en nuestra web.
Una forma de fidelizar a los usuarios y lograr que nos visiten de forma recurrente es lograr que
se suscriban a nuestro newsletter. De esta forma, tan slo realizando un envo mensual podemos
conseguir que vuelvan a visitar nuestra pgina y que se vaya reforzando el recuerdo de nuestra
web en su memoria.
Debemos tener en cuenta que el envo demasiado frecuente de boletines puede resultar
contraproducente, porque el usuario puede considerar que invadimos su bandeja de entrada.
Los sistemas de envo de boletines electrnicos constan de varias partes:
- Un formulario para que el usuario se suscriba.
- Una seccin en nuestra rea privada que nos permita administrar las suscripciones y editar
los correos a enviar.
- Un mtodo para permitir al usuario cancelar la suscripcin si as lo desea.
A continuacin mostramos una lista de plugins que permiten administrar un sistema de boletn
electrnico.
154
MailPoet Newsletters (anteriormente Wysija)

http://wordpress.org/plugins/wysija-newsletters/
Una de las mejores soluciones en la actualidad para el envo y la administracin de boletines
electrnicos. Tiene unos ajustes de configuracin muy claros y sencillos y la posibilidad de
crear el diseo de los boletines fcilmente mediante un sistema de arrastrar y soltar. Y adems
traducido a una gran cantidad de idiomas, incluidos espaol, cataln, euskera y gallego.
Newsletter [En ingls]
http://wordpress.org/plugins/newsletter/
Extensas opciones de configuracin. Cuenta con varias plantillas para disear los boletines.
MailChimp List Subscribe Form
http://wordpress.org/plugins/mailchimp/
Un formulario de suscripcin si queremos gestionar el envo de newsletters mediante la
plataforma mailchimp.com.
4.4.7 Calendarios de eventos

Muchas veces necesitamos que nuestro sitio web lleve un registro de eventos que nuestros
visitantes puedan consultar fcilmente. Por ejemplo, el sitio web de un grupo pop necesita
publicar sus prximos conciertos, o una pgina sobre astronoma puede valerse de un calendario
para sealar acontecimientos del cielo nocturno. Aqu hay algunos plugins que pueden sernos
tiles para estas cosas.
The Events Calendar

http://wordpress.org/plugins/the-events-calendar/
Permite administrar eventos y mostrarlos en un calendario o como lista. Tambin incluye un
widget que muestra un listado de los prximos eventos.
All-in-One Event Calendar [En ingls]
http://wordpress.org/plugins/all-in-one-event-calendar/
Permite elegir la pgina en la que mostrar el calendario. Los eventos pueden consultarse en
cuatro vistas diferentes: mes, semana, da y agenda.
Google Calendar Events [En ingls]
http://wordpress.org/plugins/google-calendar-events/
Analiza los feeds del Calendario de Google (https://www.google.com/calendar/) y muestra los
eventos all publicados como rejilla mensual o lista en una pgina, post o mediante un widget.
4.4.8 Otros plugins destacados

Advanced Custom Fields [En ingls]
http://wordpress.org/plugins/advanced-custom-fields/
Un excelente plugin que nos permite aadir campos personalizados a nuestros posts. Recomendado
slo si somos usuarios avanzados.
WordPress Download Manager [En ingls]
http://wordpress.org/plugins/download-manager/
Nos permite administrar y mantener registro y control de las descargas de archivos de nuestro
sitio web.
Relevanssi - A Better Search [En ingls]
http://wordpress.org/plugins/relevanssi/
Reemplaza el sistema de bsqueda por defecto de WordPress por un motor de bsqueda
mejorado, con caractersticas adicionales y diversas opciones de configuracin.
WP-PageNavi
http://wordpress.org/plugins/wp-pagenavi/
Reemplaza el sistema por defecto de navegacin de WordPress, es decir los links Entradas ms
antiguas y Entradas ms recientes, por un sistema mejorado que permite la navegacin por
pginas.
bbPress
http://wordpress.org/plugins/bbpress/
Permite la creacin de un foro dentro de nuestro sitio web WordPress. Existe una gran cantidad
de plugins que ofrecen funcionalidad adicional a este plugin aqu: http://wordpress.org/plugins/
search.php?q=bbPress
Yet Another Related Posts Plugin (YARPP)
http://wordpress.org/plugins/yet-another-related-posts-plugin/
Muestra una lista de posts relacionados con el actual, bien en una lista o con miniaturas de
imgenes.
155
Aula Mentor
WPtouch Mobile Plugin [En ingls]

http://wordpress.org/plugins/wptouch/
Activa automticamente un sencillo tema para los usuarios que acceden al sitio web con un
smartphone.
WP Google Maps [En ingls]
http://wordpress.org/plugins/wp-google-maps/
Permite insertar nuestra localizacin en Google Maps. Es una forma rpida de explicar a nuestros
usuarios cmo llegar hasta nosotros o a cualquier otro lugar que necesitemos publicar.
Disqus Comment System [En ingls]
http://wordpress.org/plugins/disqus-comment-system/
Reemplaza el sistema de comentarios de WordPress por el de Disqus.
WP-Polls [En ingls]
http://wordpress.org/plugins/wp-polls/
Aade un sistema de encuestas para que los usuarios opinen sobre los temas que proponga el
administrador del sitio web.
4.5 Sitios web multilinges

WordPress no ofrece en su instalacin bsica soporte para la creacin de sitios web bilinges o
multilinges. Para implementar esta capacidad en nuestra web necesitamos el apoyo de un plugin.
156
La instalacin de un plugin multilinge es un reto para cualquier sitio web y, pese a que
existen soluciones ms o menos sencillas, generalmente administrar estos sitios implica un
mayor esfuerzo por nuestra parte para la instalacin, el mantenimiento y la tarea diaria de aadir
contenidos. Tambin reviste cierta complejidad interna, por lo que es preciso estar atentos a
que todo nuestro sistema de plugins, temas y widgets funciona correctamente. Adems, puesto
que el uso de este tipo de plugins puede cambiar nuestra base de datos de forma significativa,
es recomendable hacer una copia de seguridad antes de experimentar con estas herramientas.
Existen diferentes tipos de plugins multilinges segn la estrategia que siguen para traducir el
sitio web:
A. Un post por idioma
Este tipo de plugin crea nuevos posts o pginas para cada versin idiomtica y los relaciona entre
s asignndoles a cada uno un cdigo de idioma. Ejemplos de este tipo de plugins son:
Polylang
http://wordpress.org/plugins/polylang/
xili-language
http://wordpress.org/plugins/xili-language/
Bogo
http://wordpress.org/plugins/bogo/
WPML [Comercial]
http://wpml.org
B. Todos los idiomas en el mismo post

Los plugins de este tipo almacenan las traducciones en los mismos registros de la base de
datos que la entrada original. Son quizs ms sencillos de usar, pero su arquitectura impide
que podamos traducir funciones avanzadas de WordPress, como los campos personalizados. El
plugin ms popular de este tipo es el siguiente:
qTranslate
http://wordpress.org/plugins/qtranslate/
C. Traduccin de la pgina una vez generada
Las traducciones de cada pgina o post son automticas, es decir, al seleccionar el visitante el
idioma de destino, una mquina se encarga de hacer la traduccin, aunque el plugin nos
permite mejorar estas traducciones manualmente. La principal pega de estos plugins es que la
traduccin resultante suele ser de mala calidad. El ejemplo ms conocido es:
Transposh WordPress Translation
http://wordpress.org/plugins/transposh-translation-filter-for-wordpress/
D. Varias instalaciones de WordPress en un entorno multisitio
Es decir, instalamos varios sitios web idnticos excepto por el idioma y los hacemos conectar
mediante un plugin, como por ejemplo:
Multisite Language Switcher
http://wordpress.org/plugins/multisite-language-switcher/
Multilingual Press Free
http://wordpress.org/plugins/multilingual-press/
Si deseamos investigar ms extensamente las funcionalidades que nos ofrecen otros plugins en
torno al tema de la traduccin de sitios web, podemos echar un vistazo en el directorio oficial
de plugins de WordPress: http://wordpress.org/plugins/search.php?q=multilingual
4.6 Plugins para comercio electrnico

La aparicin de nuevas versiones de plugins de comercio electrnico en los ltimos aos
ha propiciado que WordPress haya alcanzado la madurez suficiente como para ofrecer una
alternativa seria a plataformas especficas como Prestashop, Shopify o Magento.
Cuando proyectamos montar un pequeo negocio, con un presupuesto inicial no demasiado
abultado y con un nmero no demasiado alto de artculos a la venta, WordPress es la opcin
ideal, mientras que si nuestro proyecto es ms ambicioso y planeamos vender miles de productos
es buena idea utilizar para ello una aplicacin especfica de comercio electrnico.
Para hacernos una idea, si regentamos una firma internacional de tecnologa con miles de artculos
y accesorios no los pondramos a la venta en una pequea tienda de 80 metros cuadrados, y si
tenemos una pequea tienda de ropa y complementos no alquilaramos un local comercial de
varias plantas.
157
Aula Mentor
No es recomendable utilizar WordPress si creemos que vamos a generar un gran nmero de

transacciones diarias. Tampoco obtendremos con WordPress informes de actividad tan completos
y detallados como otras plataformas que estn construidas desde su misma base para su uso en
el comercio electrnico.
Sin embargo, pese a que estas plataformas especiales, como Magento o Prestashop, pueden
instalarse en servidores compartidos, una vez empiezan a llenarse de productos y visitas necesitan
consumir una gran cantidad de recursos del servidor, por lo que tal vez nos veramos obligados
a contratar un servidor dedicado por un precio mensual mucho ms alto si no queremos que
en nuestro sitio web comience a fallar la velocidad de carga y la fluidez de funcionamiento. Son
tambin ms caras de mantener. Si nos vemos en la necesidad de contratar un profesional para
alguna tarea concreta, nos va a costar ms tiempo y dinero conseguir un buen profesional de
Magento que uno de WordPress/WooCommerce.
En general, los plugins que aaden a WordPress la funcionalidad de comercio electrnico
ofrecen todos una serie de caractersticas comunes:
158
- Al aadir un artculo, se redirige al usuario a la pgina de carrito.

- Se permite el registro de invitados en la pgina de pago.
- Uso de SSL en el proceso de pago.
- Se permite la creacin y gestin de cupones de descuento.
- Se ofrece un rea especifica para gestionar el inventario.
- Se permite introducir informacin relativa a los impuestos aplicables.
- Se ofrecen diversos mtodos de pago (Transferencia bancaria, Cheque, Paypal Standard,
Skrill, contrareembolso) aunque de las pasarelas de pago ms habituales en Espaa tan slo
WooCommerce ofrece Servired.
- Existen extensiones de compaas de logstica como USPS, UPS o FedEx pero ninguna de
compaas espaolas.
- Se ofrecen multitud de extensiones de pago para ampliar su funcionalidad.
Los plugins estrella para el Comercio electrnico en WordPress son WooCommerce y Jigoshop.
Es una buena prctica para el alumno interesado en abrir una tienda online instalar ambos para
compararlos a fondo y decidir cul es su preferido. Adems, existe en Internet una extensa
informacin adicional y comparativas que es buena idea consultar.
WooCommerce - excelling eCommerce
http://wordpress.org/plugins/woocommerce/
Jigoshop
http://wordpress.org/plugins/jigoshop/
Easy Digital Downloads
http://wordpress.org/plugins/easy-digital-downloads/
Este tipo de plugin es particularmente til para la venta de productos digitales que no necesitan
enviarse fsicamente, sino que basta con que el usuario los descargue una vez efectuado el
pago. Ejemplos de productos digitales son el software, los libros electrnicos, etctera. El plugin
es gratuito aunque ofrece un amplio repertorio de extensiones de pago para cubrir diversas
necesidades.
4.6.1 Temas para comercio electrnico

Un aspecto a tener en cuenta cuando planeamos abrir una tienda online con WordPress es que
debemos utilizar un tema o plantilla optimizado para el plugin que vayamos a usar. De manera
que si, por ejemplo, hemos decidido que nuestra opcin preferida es WooCommerce, debemos
buscar temas especficos para WooCommerce. No existe mucha variedad de temas gratuitos para
este tipo de plugins, as que es muy habitual utilizar uno de pago.
WooCommerce
WooCommerce ofrece varios temas gratuitos en su web oficial:
http://www.woothemes.com/product-category/themes/free-themes/
El listado completo de temas a la venta se puede consultar aqu:
http://www.woothemes.com/product-category/themes/
Tambin se ofrece el acceso a todos los temas por un precio de alta ms una cuota mensual:
http://www.woothemes.com/theme-club/
Jigoshop
Jigoshop ofrece un nico tema gratuito en su web oficial:
Skeleton
http://jigoshop.com/product/simplethemes-skeleton/
El listado completo de temas a la venta se puede encontrar aqu:
http://jigoshop.com/product-category/themes/
Tambin podemos encontrar temas para plugins de comercio electrnico en las web de temas
premium de las que hablbamos en el captulo 3.2 de la unidad 4.
159
Aula Mentor
Unidad 6. Configurando WordPress
Llevamos prcticamente todo el mdulo hablando de cmo configurar WordPress, as que debe
de resultar chocante que inauguremos un nuevo captulo para hablar sobre la configuracin. De
qu configuracin estamos hablando y en qu se diferencia de todo lo que hemos aprendido
hasta ahora? Bien, hasta ahora hemos hablado de configurar aspectos concretos de nuestro
sitio web, como su aspecto, mediante la eleccin de un tema, o su funcionalidad, mediante
la instalacin de plugins. Pero ahora vamos a hablar de los ajustes de configuracin global de
nuestro WordPress, que afectan al sitio web en su conjunto y que pueden encontrarse en el
men Ajustes de nuestra rea de administracin.
160
Estas opciones globales estn divididas en varias subsecciones. Algunas nos van a resultar
familiares, pero otras las conoceremos ms adelante. En cualquier caso, vamos a tomarnos ahora
un tiempo para visitar todas estas pginas y configurar las opciones globales de nuestro WordPress
de acuerdo con nuestro proyecto. Si tenemos dudas con alguna opcin, particularmente con
aquellas que hacen referencia a materias que todava no hemos estudiado, podemos dejarlas
para ms adelante.
1. El men Ajustes
1.1 Ajustes Generales
Esta pgina contiene los datos de configuracin ms bsicos de nuestro sitio web. En circunstancias
normales, es decir si no estuviramos siguiendo un curso, es una de las primeras pginas que
configuramos nada ms instalar WordPress. Vamos a ir por partes:
Ttulo y descripcin
Estos son los mismos campos que editamos anteriormente en la unidad 4 captulo 5.1.1. Se trata,
como ya dijimos, del ttulo de la web y la descripcin corta que sirve para resumir los objetivos
de nuestro sitio, tanto para informar a nuestros visitantes como para que se sirvan de ella los
robots automticos de los motores de bsqueda. Si todava no lo hemos hecho, este es un buen
momento para decidir estos datos de forma ms o menos definitiva, a estas alturas ya tendramos
que tener claro qu escribir aqu.
Mdulo 2. U6 Configurando Wordpress
Direcciones URL
A continuacin tenemos un par de campos importantes que no es recomendable modificar si
somos usuarios inexpertos. La direccin de WordPress y la direccin del sitio son las mismas por
defecto, pero pueden ser diferentes si queremos. La primera define en qu directorio estn los
archivos Wordpress, es decir, el directorio de instalacin, y la segunda define la URL que debe
introducir el usuario para acceder a nuestro sitio web. Por ejemplo, podemos haber instalado
nuestro WordPress en la carpeta llamada wordpress, pero aun as visitar nuestra web en
la direccin http://localhost. Pero, por desgracia, no basta con modificar las URLs para que
el cambio surta efecto, no todo iba a ser tan fcil con WordPress. En este caso habra que
efectuar una serie de cambios en la ubicacin de algunos archivos y editar algunas lneas
de cdigo, algo que excede los objetivos de este curso. Podemos encontrar una explicacin
pormenorizada de cmo lograrlo en la siguiente direccin en ingls: http://codex.wordpress.
org/Giving_WordPress_Its_Own_Directory.
Direccin de correo
La direccin de correo electrnico que hay a continuacin es la que WordPress utiliza para
enviarnos algunos avisos, por ejemplo cuando se registra un nuevo usuario o cuando hay un
comentario a la espera de moderacin (siempre y cuando esta opcin est activa). Aqu aparece
por defecto el email que introdujimos al instalar WordPress, o sea nuestro email, as que en
principio no deberamos cambiarlo a no ser que, por algn motivo, decidamos usar otra cuenta
para esta funcin.
Una cosa ms, hay que tener en cuenta que este email y el email del usuario admin son cosas
diferentes aunque en este caso coincidan.
Fecha y hora
Hay una serie de ajustes relativos a la fecha y hora. Debemos seleccionar nuestra zona horaria,
el formato en el que queremos que se visualicen las fechas y las horas en nuestro sitio web y
qu da de la semana debe mostrarse el primero en los calendarios.
161
Aula Mentor
Idioma del sitio

Por ltimo, podemos especificar el idioma de nuestro WordPress en el desplegable.
No debemos olvidar hacer clic en Guardar cambios para conservar los nuevos ajustes.
1.2 Ajustes Escritura

Mediante los ajustes de escritura se pueden controlar algunas opciones en torno a la interfaz
grfica en la que escribimos nuestros posts.
162
Formato
Tenemos dos opciones de formato. La primera sirve para convertir automticamente emoticonos
y la segunda activa una funcin para corregir el cdigo XHTML que introduzcamos en nuestras
pginas y entradas. Si vamos a usar XHTML podemos activar esta casilla, puesto que un cdigo
invlido podra dar lugar a errores en nuestra web, pero hemos de tener en cuenta que, a veces,
activar esta caracterstica puede hacer que algunos plugins funcionen incorrectamente.
Categora predeterminada y formato de entrada

Todava no hemos aadido categoras a nuestro sitio web. Cuando lo hagamos, deberemos
volver a esta pgina si queremos que nuestras entradas pertenezcan por defecto a alguna de
nuestras categoras, que aparecern en el men desplegable.
Tambin podemos elegir cul ser el formato de entrada que se muestre por defecto en el
formulario de creacin de entradas. Aprenderemos ms sobre los diferentes formatos disponibles
en un mdulo posterior.
Publicar esto
A continuacin aparece una pequea aplicacin que podemos encontrar tambin en Herramientas
Herramientas disponibles y cuyo funcionamiento explicaremos un poco ms adelante.
Publicar por correo electrnico

Esta utilidad de WordPress permite publicar directamente una entrada que haya sido enviada
a determinada direccin de correo. Sin embargo, el Codex de WordPress informa de que esta
funcin dejar de formar parte de la instalacin de WordPress en futuras actualizaciones, por
lo que recomienda usar un plugin en su lugar si queremos servirnos de esta caracterstica. Por
ejemplo, cualquiera de los siguientes:
Post By Email Plugin: http://wordpress.org/plugins/post-by-email/
Post by Mail in Jetpack: Forma parte del plugin Jetpack que instalamos en un captulo anterior.
Postie Plugin: http://wordpress.org/plugins/postie/
163
Aula Mentor
Servicios de actualizacin
Por ltimo, los servicios de actualizacin son herramientas web a las que enviamos un ping
automticamente para informar de que hemos actualizado nuestro blog. La mayora de la gente
utiliza Ping-o-matic, que es el que aparece por defecto en la caja de texto, pero hay muchos
otros disponibles que podemos aadir, uno en cada lnea. Estos servicios de actualizacin
informan de nuestro ping a otros muchos servicios, de manera que las personas que visitan
Technorati o Sphere pueden encontrar all nuestros nuevos posts. De momento, est bien que
dejemos el servicio por defecto, tal y como aparece en la siguiente imagen.
Para que podamos ver el campo de formulario de la imagen superior, es preciso que permitamos
a los buscadores rastrear nuestra web en Ajustes Lectura (Ver 1.3), algo que no es necesario
en absoluto cuando estamos trabajando en local desarrollando nuestra web. En caso contrario
veremos esto:
164
Por ltimo, no hay que olvidarse de pulsar Guardar cambios para que la nueva configuracin
surta efecto.
1.3 Ajustes Lectura

Los ajustes de lectura nos van a permitir configurar ciertas opciones para mostrar el contenido
de nuestra web.
Pgina frontal
Ya hemos tenido acceso a esta configuracin en Apariencia Personalizar (Ver Unidad 4
captulo 5.1.1), pero tambin podemos definirla aqu si lo deseamos. Como ya sabemos, se trata
de decidir qu queremos que se muestre en nuestra pgina principal. En general, si nuestro
proyecto es un blog o similar, seguro que nos interesa mostrar nuestras ltimas entradas, pero si
planeamos hacer otro tipo de web tal vez nos interese que aparezca una pgina esttica normal,
que podemos seleccionar en el primer men desplegable, o quizs prefiramos una pgina de
entradas, que podemos seleccionar del segundo desplegable. Este ltimo tipo de pginas estn
disponibles slo si las incluye nuestro tema.
Nmero mximo de entradas

Permite decidir cuntas entradas mostrar en los listados. Por ejemplo, si hemos decidido mostrar
en la pgina principal nuestras ltimas entradas, este nmero define el nmero mximo a
mostrar por pgina. Nuestros visitantes podrn acceder a pginas anteriores mediante un enlace
Ver anteriores.
Feeds
Hablaremos de los feeds en otro mdulo. Podemos configurar algunas opciones aqu.
165
Visibilidad para los buscadores

Puede que esta caracterstica nos suene, ya que hemos hablado de ella en el captulo inmediatamente
anterior (Ver 1.2). Cuando la seleccionamos, adems de que dejan de enviarse pings cada vez que
actualizamos un post, se cambian una serie de datos en el cdigo para pedir a los buscadores que
ignoren este sitio web y que se abstengan de hacerlo aparecer en sus listados.
Puede ser til seleccionar esta opcin cuando estamos en la fase de desarrollo de nuestro
sitio web y no queremos que aparezcan en Google, por ejemplo, pginas o entradas a medio
terminar. Claro que es muy importante acordarnos de desactivarla una vez publiquemos nuestro
sitio web de forma definitiva.
Tambin puede utilizarse cuando, por alguna razn, queremos que nuestra web se mantenga en
un mbito privado, aunque hay que tener en cuenta que eso no impide que cualquier usuario
acceda a nuestro sitio y lo visite libremente, puesto que puede habernos encontrado por otros
medios diferentes de los buscadores. Es decir, nuestra web seguir siendo pblica.
Para finalizar, hacemos click en Guardar cambios.
Aula Mentor
1.4 Ajustes Comentarios

En esta pgina podemos configurar todas las opciones que afectan a los comentarios de nuestras
entradas y pginas.
Una caracterstica muy relacionada con los comentarios son los pingbacks y los trackbacks. Los
trackbacks fueron desarrollados muy temprano en la historia de los blogs por los creadores
de MovableType y los pingbacks fueron creados muy poco tiempo despus para solucionar
algunos problemas que la gente encontraba en los trackbacks. Ambos se diferencian muy poco,
vamos a intentar explicar en qu consisten con un ejemplo:
Supongamos que tenemos un blog sobre recetas de cocina y que, adems, somos asiduos
lectores de otros blogs del mismo tema. Un da leemos en un blog una entrada que explica una
receta de pescado al horno. Nosotros conocemos una versin de esa receta para microondas
y nos gustara decrselo al autor del blog. Naturalmente, tenemos la opcin de hacerlo en los
comentarios de su entrada, pero nos gustara que los visitantes de nuestro propio blog pudieran
enterarse tambin. Por lo tanto, lo que hacemos es escribir en nuestro propio blog una entrada
explicando la receta de pescado al microondas mencionando, claro est, que se trata de una
versin de otra receta. Ahora viene lo importante, para avisar al otro bloguero de que hemos
escrito esta entrada enviamos un trackback, que aparece como un comentario en la entrada
original con un enlace a nuestra propia entrada.
166
Los pingbacks sirven exactamente para lo mismo, slo que se envan de forma automtica. Es
decir, para seguir con nuestro ejemplo, nos hubiera bastado con escribir en nuestra entrada el
enlace a la receta original. WordPress se encarga de leer el enlace y escribir automticamente un
comentario en la entrada de pescado al horno para avisar a su autor de que ha sido mencionada
en otro blog. Nosotros no tenemos que hacer nada, excepto configurar nuestro Wordpress para
que los pingbacks se enven automticamente.
Este sera el aspecto de un trackback o un pingback en el rea de comentarios. Como
vemos, WordPress copia automticamente un poco de texto de la entrada y lo muestra entre
corchetes [...].
Los trackback y los pingbacks fomentan la interactividad entre blogs, los ponen en comunicacin,
favorecen la creacin de comunidades en torno a muy diversos temas y contribuyen a sentar las
bases de lo que conocemos como blogosfera.
Ajustes por defecto de las entradas

- La primera casilla da permiso a WordPress para que enve un pingback a los blogs mencionados en nuestras entradas, tal y como explicbamos.
- La segunda permite que recibamos notificacin cuando otros sitios web aaden enlaces a
nuestro sitio, es decir, permite que recibamos pingbacks y trackbacks.
- La tercera permite que la gente escriba comentarios en nuestras entradas.
Podemos modificar estas tres opciones en cada entrada en particular. Es decir, es posible prohibir
comentarios en una entrada concreta.
Otros ajustes de comentarios

A continuacin se muestran algunas opciones aadidas para comentarios. Si no tenemos muy
claro qu opciones escoger podemos esperar a hacerlo ms adelante, una vez que estemos
recibiendo comentarios reales de nuestros usuarios y nos podamos hacer una idea ms realista
de nuestras verdaderas necesidades o de lo que nos resulta ms cmodo.
167
Moderacin de comentarios
Cada vez que un visitante quiere aadir un comentario, WordPress lleva a cabo una serie de
comprobaciones antes de publicarlo en nuestro sitio web. Si ese comentario no cumple con
los requisitos que especificamos en esta pgina, ser enviado a una cola de moderacin, para
que nosotros, como administradores de la web, decidamos de forma manual si aprobamos o
denegamos su publicacin. La moderacin de comentarios, adems, es muy til para detectar
spam.
Las opciones de moderacin nos permiten establecer unas reglas generales bien para enviar
comentarios automticamente a la cola de moderacin, o bien para marcarlos directamente
como spam, mediante el uso de una lista negra.
Aula Mentor
Como decamos antes, podemos dejar las opciones por defecto hasta que adquiramos experiencia
con los comentarios de nuestros usuarios.
168
Avatares
Un avatar es la imagen que aparece junto a nuestro nombre cuando, por ejemplo, escribimos un
comentario en un blog. Por defecto, Wordpress utiliza Gravatar (Globally Recognized Avatars),
que es un servicio que permite que podamos usar el mismo avatar en cualquier pgina web.
En esta pgina podemos tambin configurar las opciones para los avatares. Puede ocurrir que el
tema que tenemos instalado no permita el uso de avatares, por lo que no apareceran aunque
aqu especificsemos lo contrario.
Al finalizar, pulsamos el botn Guardar cambios.
1.5 Ajustes Medios

Los ajustes de medios hacen referencia a los archivos que subimos a nuestro sitio web.
Tamao de las imgenes
Cuando subimos una imagen a nuestra web, WordPress crea automticamente tres diferentes
versiones de distinto tamao (grande, medio y miniatura) para usar en distintos lugares segn
sea oportuno. En esta pgina podemos definir estos tamaos, con frecuencia para adaptarlos a
las dimensiones particulares de nuestro tema.
Si no tenemos experiencia en la edicin de imgenes digitales o no estamos seguros de los
tamaos que necesita nuestro tema, lo mejor es dejar las opciones por defecto.
Subida de archivos
Seleccionando esta casilla permitimos a WordPress que ordene nuestros archivos segn la fecha
en la que los subimos. WordPress guarda los archivos en el directorio wp-content/uploads/
por lo que, por ejemplo, un archivo subido el 19 de enero de 2014 estar en wp-content/
uploads/2014/01/.
Si no tenemos una buena razn para cambiar esta opcin, es buena idea dejarla como est.
Como siempre, al terminar hacemos clic en Guardar cambios.
1.6 Ajustes Enlaces permanentes

Supongamos que en la pgina principal de un peridico online se muestra una noticia sobre
una pelcula en la que tenemos un inters particular. Si queremos incluir un enlace a esa noticia
en nuestro sitio web no debemos usar la direccin de la pgina principal del diario, digamos
http://www.diariodecine.com, porque en un par de semanas la portada mostrar noticias
completamente distintas. Debemos, en su lugar, dirigirnos a la pgina individual de la noticia y
copiar su direccin, por ejemplo http://www.diariodecine.com/una-pelicula-genial/. Este sera
su enlace permanente, es decir, al hacer clic en l vamos a ser conducidos siempre al mismo
contenido.
Por tanto, un enlace permanente o permalink es la direccin a un contenido especfico de
nuestra web.
169
Aula Mentor
WordPress nos permite configurar la estructura de nuestros enlaces permanentes. La estructura

por defecto (http://localhost/wordpress/?p=123) no nos ofrece demasiadas pistas sobre el
contenido de la pgina que vamos a visitar, pero existen otras opciones que son amigables con
el usuario y que s que nos dan una idea de la pgina a la que conducen, es lo que se llama
pretty permalinks o enlaces permanentes amigables. Por ejemplo, podemos especificar que
las direcciones de nuestras pginas estn basadas en el ttulo de la entrada, http://localhost/
wordpress/pagina-ejemplo/.
El uso de este tipo de enlaces amigables es muchsimo ms crucial de lo que nos puede parecer
a simple vista porque es de capital importancia para la optimizacin de nuestra web para
buscadores (SEO). Por lo tanto, es recomendable que cambiemos estos ajustes ahora mismo y
que escojamos cualquier opcin excepto la predeterminada.
170
Importante: Para que los enlaces permanentes amigables puedan funcionar en nuestra web, es
necesario que nuestro servidor web est correctamente configurado, en concreto es preciso que
nuestro servidor Apache tenga activo el mdulo mod_rewrite. Las instalaciones de WampServer
y MAMP lo activan por defecto, as que no deberamos tener problemas en nuestro servidor
local. Cambiar estas opciones sin mod_rewrite activo da lugar a un Error 500 - Internal Server
Error. Otras veces nos encontramos con que el archivo .htaccess que tenemos en el directorio
principal de WordPress no cuenta con derechos de escritura. Eso significa que deberemos aadir
manualmente el pequeo cdigo que aparece en esta misma pgina siguiendo las instrucciones
que nos indican.
Ajustes opcionales
De forma opcional, podemos definir estructuras personalizadas para las pginas que muestran
listados de todas las entradas pertenecientes a una determinada categora o una determinada
etiqueta.
Al terminar hacemos clic en Guardar cambios.
2. El men Herramientas
El men Herramientas rene unas cuantas funciones que nos pueden resultar de utilidad.
Destacan particularmente los importadores de contenido desde otras plataformas y el exportador
de contenido de nuestro sitio.
2.1 Herramientas Herramientas disponibles

En WordPress contamos con una herramienta para publicar de forma rpida contenido que
encontramos mientras navegamos por Internet. Se trata del enlace Publicar esto, que podemos
arrastrar a la barra de marcadores de nuestro navegador o a nuestra lista de favoritos para tenerlo
siempre a mano.
Para instalarlo arrastramos el enlace Publicar esto hasta la barra de marcadores y luego soltamos.
171
Al hacerlo, aparecer un nuevo botn en nuestra barra que podemos pulsar cada vez que
encontremos contenido interesante para publicar.
Aula Mentor
Cuando hacemos clic en el botn, se abre una ventana con un formulario que nos permite
publicar nuestra noticia directamente, aunque un uso muy habitual es guardarla como borrador
para terminar de redactarla ms adelante con calma.
172
Otra herramienta que se resea en esta pgina, aunque aparece como listado en la siguiente, es
el conversor de etiquetas y categoras que, como su propio nombre indica, convierte nuestras
categoras en etiquetas y viceversa. Para ello es necesario instalar un plugin siguiendo las
instrucciones que nos aparecen en la pgina.
2.2 Herramientas Importar

Estas herramientas son muy tiles cuando estamos migrando desde otra plataforma y tenemos
gran cantidad de datos que necesitamos insertar en nuestro nuevo sitio. Como vemos en la
pgina, es posible importar datos de Blogger, LiveJournal, Movable Type, TypePad y Tumblr.
En muchas ocasiones es posible importar entradas, comentarios, pginas, categoras, etiquetas y
usuarios. Tambin podemos importar RSS y enlaces en formato OPML.
Tal vez no vayamos a usar estas herramientas de forma habitual, pero lo que probablemente
usaremos ms tarde o ms temprano es el importador de datos de WordPress. Se suele utilizar
para copiar datos entre distintas instalaciones de WordPress del mismo proyecto. Por ejemplo,
entre una instalacin en un servidor web y otra en un servidor local y viceversa.
Para utilizar todas estas herramientas es necesario instalar antes el plugin correspondiente.
Por ejemplo, para importar desde un archivo de exportacin de WordPress a otro sitio WordPress
hay que seguir los siguientes pasos:
1. En la pgina Herramientas Importar hacer clic en WordPress.
2. Instalar el plugin WordPress Importer, si an no est instalado, haciendo clic en el
botn Instalar ahora (si ya est instalado, pasar directamente al paso 4).
3. Seguir el proceso pulsando el enlace Activar plugin y comenzar importacin.
4. Subir el archivo de exportacin con extensin .xml a travs del formulario.
5. Nos preguntarn si queremos asignar los autores del archivo de exportacin a algn
usuario de nuestro blog. Podemos asignarles un usuario existente o crear uno nuevo.
6. A continuacin WordPress comenzar la importacin.
2.3 Herramientas Exportar

En esta pgina podemos crear un archivo de exportacin XML para guardar en nuestro ordenador
el contenido de nuestra web, incluyendo entradas, pginas, comentarios, campos personalizados,
categoras, etiquetas y usuarios. Este archivo puede ser importado ms tarde por otra instalacin
de WordPress desde la pgina Herramientas Importar.
El proceso de exportacin es muy sencillo, tan slo hay que definir lo qu queremos exportar
aplicando los filtros que aparecen y pulsar Descargar el archivo de exportacin.
173
Mdulo 3.
Unidad 7. La creacin de contenido
Unidad 8. La edicin de textos en WordPress
Unidad 9. Contenido audiovisual
Unidad 10. Categoras, etiquetas, pginas y mens
Aula Mentor
Unidad 7. La creacin de contenido
Si existe una receta que garantice el xito de un sitio web, no cabe duda de que su principal
ingrediente es el contenido, todo lo dems es un complemento. El diseo, la funcionalidad, las
estrategias SEO, la interconexin con las redes sociales son importantes puesto que facilitan, o
deberan hacerlo, el acceso del usuario al contenido. Pero una web con un contenido pobre,
irrelevante o mal estructurado est destinada al fracaso por muchos artificios de los que queramos
dotarla.
Esto es as porque lo que de verdad buscamos los usuarios en Internet es el contenido, es decir,
textos, imgenes, vdeo o audio, cualquier elemento que podamos leer, ver o escuchar. Si nuestro
contenido es interesante y de calidad, est bien estructurado y es de fcil acceso para el
usuario que visita nuestra web es mucho ms probable que la gente enlace con nuestro
sitio, lo que se traduce en un mejor nivel de SEO y una mejor posicin en los buscadores.
176
Y sin embargo, a menudo nos volcamos tanto en los aspectos tcnicos y visuales del desarrollo
de nuestra web que relegamos la creacin de contenidos y, particularmente, la redaccin de
textos a un puesto de menor importancia.
En el desarrollo de los sitios web profesionales puede haber muchas personas implicadas, por un
lado estn los clientes y por otro lado un equipo que puede incluir programadores, diseadores y
creadores de contenido, como por ejemplo redactores, fotgrafos o editores de vdeo. En los sitios
web de menor presupuesto encontramos a menudo que detrs de todas esas figuras hay una sola
persona. Cuando estamos solos en esto, un sitio web WordPress asume con solvencia las
figuras del programador y del diseador, pero no puede reemplazar a los creadores de
contenido, que desempean una labor crucial. Parece que cuando instalamos un tema ya tenemos
todo hecho, pero lo cierto es que no hemos hecho ms que empezar. Para poner en marcha nuestro
proyecto con ciertas garantas de xito necesitamos convertirnos en buenos creadores de contenido.
Existen abundantes manuales y cursos que explican cmo crear pginas web, pero son menos
los que, adems, explican cmo dotar al sitio web de contenido relevante, tal vez porque se
asume que la creacin de contenidos es tarea particular del promotor de la web. Esto es cierto
en parte, pero hay muchas cosas que podemos hacer para mejorar nuestros contenidos y en este
curso vamos a tratar de aprenderlas.
1. Conceptos clave en la creacin de contenido

Para que un sitio web tenga xito debe albergar contenido de calidad, del mismo modo que
para cocinar un plato delicioso es necesario contar con buena materia prima. Pero no todos los
cocineros tienen la misma pericia, ni todos los sitios web logran obtener ese toque que los hace
verdaderamente especiales y valiosos.
Mdulo 3. U7 La creacin de contenido
Un sitio web debe estar vivo, ser cambiante y lo suficientemente flexible como para
adaptarse con elegancia al medioambiente de progreso vertiginoso que es Internet hoy en da.
Los usuarios son capaces de percibir esa sensacin de vitalidad y frescura en los sitios web
que la poseen y es esa sensacin lo que hace que la gente vuelva una y otra vez y que quiera
colaborar, contribuir, ser parte de ello. Son sitios que sirven de referencia en su sector y que
crean comunidades de personas en torno suyo.
1.1 El cliente es lo primero

Nuestro sitio web no es para nosotros, sino para nuestros usuarios. Nuestra labor es crear
contenido que les resulte de utilidad, es decir:
- que les sirva para solucionar un problema,
- que responda a sus dudas o a las preguntas que se hacen sobre determinado tema, o
- que satisfaga sus necesidades.
Nuestra tarea es tambin estructurar ese contenido de forma que puedan acceder a l de forma
rpida, cmoda y satisfactoria.
Estos principios pueden parecer algo obvio, pero es sorprendente el nmero de sitios web que
no los ponen en prctica. Por ejemplo, no es raro que en las reuniones de una empresa con los
desarrolladores de su web surjan este tipo de comentarios:
- Queremos destacar en nuestra web muestro proceso de produccin poniendo nfasis en la
descripcin detallada de nuestra maquinaria.
- No queremos que aparezca el precio de nuestros productos para as forzar a los usuarios a
que se pongan en contacto con nosotros.
- En el formulario de contacto vamos a pedir que rellenen una serie de preguntas y datos muy
detallados que nos ayuden a llevar a cabo una venta.
El problema de este tipo de enfoque es que no est orientado a las necesidades del usuario
sino a las necesidades de la empresa. Cualquier usuario seguramente est ms interesado en el
precio del producto que en cmo se produce, y si tuviera que rellenar un enorme formulario
para solicitar informacin no tardara ms de un segundo en abandonar la pgina para ir a la de
la competencia a toda velocidad.
Por eso, cuando estemos creando el contenido de nuestra web debemos ponernos
siempre en la piel del usuario, pensar en qu tipo de informacin estara interesado y en
cmo lograr que tenga fcil acceso a esa informacin.
1.2 Es bueno ser previsible

Los estudios del experto en usabilidad web Jakob Nielsen sugieren que la gran mayora de los
usuarios de Internet escanean con la mirada las pginas web para encontrar informacin til tan
rpido como sea posible.
Cada vez que un usuario visita una pgina nueva, debe hacerse un plano mental de su
funcionamiento con el objeto de encontrar lo que busca, por eso es muy recomendable seguir
ciertos estndares en cuanto a la distribucin de la informacin. Por ejemplo, se suele acceder
177
Aula Mentor
a la informacin de contacto a travs de un enlace visible en la parte superior de la pgina, en

el men de navegacin o en el pie de pgina. Si situamos ese enlace en un sitio fuera de lo
comn se lo estamos poniendo difcil al usuario, se sentir frustrado si no lo ve a primera vista
y es posible que pierda la paciencia y se marche antes de encontrarlo.
Utilizar los trminos ms habituales para los nombres de nuestras pginas y secciones tambin
ayudar al usuario a encontrar rpidamente lo que busca. Por ejemplo, todos sabemos a qu
conducen las secciones Inicio, Productos, Servicios, Noticias, Quines somos, Contacto,
etctera. Un usuario que trata de buscar la palabra Contacto puede pasar por alto un ttulo tan
poco apropiado para esa seccin como Comunicaciones.
Tambin, es importante limitar el men a 6-8 elementos por nivel. Un men con demasiados
elementos va a dificultar al usuario encontrar lo que busca.
2. Cmo redactar textos de calidad para nuestra web

Es importante comprender que el texto de un sitio web es primordial incluso en aquellos casos
en los que la mayor parte del contenido sea audiovisual. Puede parecer que, para proyectos
como la web de un fotgrafo, un artista o muchos otros, las imgenes deberan ser el mejor
argumento. Y seguramente lo son, pero incluso en esos casos vamos a necesitar cierta
cantidad de texto que permita posicionar nuestra web en los buscadores. En efecto, el
texto es importante no slo porque ofrece a los usuarios una forma de comunicacin lingstica
sino porque para Google una web sin texto es casi como si fuera invisible.
178
Redactar textos para la web no es lo mismo que redactarlos para impresin. El lector de una
pgina web no la lee de la misma forma a como leera un libro, sino que ojea la pgina
buscando informacin de su inters, presta ms atencin a los ttulos y a los destacados, lee
unas pocas palabras de cada prrafo con el objeto de hacerse una idea de su contenido y pasa
de forma abrupta al siguiente prrafo o a cualquier otra rea de la pgina.
Por lo tanto, el xito en la redaccin del texto de una web depende de que los textos
sean concisos, objetivos y fcilmente escaneables.
Textos claros y concisos
En la web no sirve de mucho andarse por las ramas, usar palabras rebuscadas o adjetivar en
exceso. Es mejor exponer claramente la informacin y redactarla con la mitad de palabras (o
menos) que usaramos en la escritura convencional.
Ser sinceros y dejarnos ver tal y como somos
Los usuarios odian la palabrera asociada al marketing y la detectan a la legua. Tenemos que
evitar los textos institucionales o la jerga del mundo empresarial. Es preferible redactar nuestros
textos en lenguaje coloquial, ya que favorecen la cercana con el visitante.
Crear contenidos propios
Escribir nuestros propios textos en vez de copiarlos es importante porque enriquece Internet y
aumenta la cantidad de datos disponibles en nuestra lengua materna. Pero adems, Google reconoce
y penaliza a los que copian hasta el punto que la calidad del contenido y que ste sea de creacin
propia son los principales factores que inciden en el ndice SEO. Por todas estas razones, debemos
abstenernos de plagiar. Para escribir textos originales es preciso concentrarnos en nuestras propias
ideas y opiniones para dar con nuestro punto de vista nico sobre cualquier tema.
Existen varias herramientas online que permiten detectar los plagios en los textos. Podemos usar
por ejemplo http://www.plagium.com para comprobar que nuestros textos son considerados
originales.
La credibilidad es importante
Los usuarios no conocen quin est detrs de la informacin en Internet y no tienen la certeza
de que pueden confiar en nuestra web. Podemos hacer que nuestra pgina trasmita credibilidad
mediante un diseo cuidado que preste atencin a los detalles. En cuanto a los textos, deben
estar bien redactados, bien estructurados y no contener faltas de ortografa, debemos usar un
corrector automtico si es necesario.
Por otra parte, debemos ser francos y objetivos. Evitar las exageraciones, ya que despiertan
desconfianza. El lenguaje grandilocuente aviva fcilmente suspicacias. Evitar las burlas y las
descalificaciones gratuitas a la competencia. Demostremos nuestra profesionalidad.
Es preferible que la seccin Quines somos sea sencilla y sincera y, si nos sentimos cmodos
con ello, podemos aadir un tipo de informacin de ndole ms personal aunque no tenga que
ver con el tema del sitio web, por ejemplo nuestros gustos, aficiones, sueos u objetivos. Esto
ayudar al usuario a conocer y empatizar con la persona real que est tras nuestro sitio.
Emplear ttulos y destacados
Los ttulos y subttulos ayudan al usuario a obtener informacin rpida de lo que va a encontrar
en el texto, por lo que estos titulares deben ser descriptivos y estar cargados de significado.
Es preciso escogerlos con mucho cuidado, es mejor que sean cortos y, si queremos, podemos
hacerlos impactantes para as llamar la atencin del usuario.
Texto en pirmide invertida
El usuario de Internet lee las primeras lneas de los textos y enfoca su atencin en otra cosa si no
conseguimos mantener su inters, por lo tanto es conveniente estructurar el texto presentando
los datos de mayor a menor importancia, del mismo modo como se redactan las noticias
periodsticas. Esta forma de organizar la informacin se llama en pirmide invertida y en ella se
trata de dar respuesta, por este orden, al qu, quin, cundo, dnde, por qu y cmo.
Una idea por prrafo
Si los usuarios no encuentran respuesta a lo que buscan en el primer prrafo despus de leer las
primeras lneas, saltan al siguiente. Esto sugiere que en cada prrafo debemos desarrollar una
idea nueva, puesto que si seguimos redundando en el tema del primer prrafo es mucho ms
probable que el usuario abandone la lectura.
Listas de vietas
Si debemos exponer varios puntos sobre un tema es preferible enumerarlos en una lista de
vietas que desarrollarlos en el texto, ya que permite al usuario asimilar la informacin de un
vistazo.
Resaltado de conceptos clave
Los expertos defienden el resaltado de palabras clave dentro del texto mediante variantes de
estilo, por ejemplo negritas. No es aconsejable resaltar palabras o frases mediante el cambio de
color del texto porque podran confundirse fcilmente con enlaces.
179
Aula Mentor
3. Usabilidad y Experiencia de Usuario (UX)

La experiencia de usuario (UX) es una disciplina que estudia la interaccin de un usuario con un
determinado producto y examina los factores, tanto objetivos como subjetivos, que influyen para
que esa interaccin sea satisfactoria. Los factores de los que depende la experiencia de usuario
en un sitio web incluyen un amplio abanico de reas: el software empleado, el diseo visual, la
usabilidad, el diseo de interaccin, la calidad de los contenidos y un largo etctera. El estudio
de la experiencia de usuario tiene tambin en cuenta ciertos aspectos subjetivos, como los que
hacen referencia a las emociones, los sentimientos o la sensacin de confianza que se inspira.
La usabilidad es uno de los factores ms importantes que influyen en la experiencia de usuario.
Segn Jakob Nielsen, considerado el padre de la usabilidad web, la usabilidad es un atributo de
calidad que mide la facilidad de uso de las interfaces web. Es decir, nuestro sitio web es ms
usable cuanto ms fcil y rpidamente pueda alcanzar el usuario sus objetivos en l. La palabra
usabilidad tambin se refiere a los mtodos para mejorar la facilidad de uso durante el proceso
de diseo.
La oferta de sitios web en Internet es amplsima, por lo que si no somos capaces de explicar
claramente quines somos y lo que ofrecemos, si nuestra web es difcil de usar y nuestros textos
difciles de leer, el usuario simplemente se ir a otro sitio. Por eso el estudio de la usabilidad de
nuestra web es crucial.
180
Hay una serie de conceptos UX que es conveniente conocer para desarrollar un sitio web. Algunos
de ellos nos han sido dados de antemano al elegir nuestro tema, pero hay otros que podemos
poner en prctica ahora que vamos a empezar a crear y a estructurar nuestros contenidos.
Estas tcnicas y conceptos para mejorar la experiencia de usuario en general y la usabilidad en
particular son demasiadas como para poder extendernos en ellas tanto como quisiramos pero,
en todo caso, vamos a enumerar algunas ideas en las que debemos reflexionar y algunas buenas
prcticas que no debemos olvidar:
Facilidad
Entienden nuestros usuarios fcilmente la interfaz de nuestro sitio web?
Eficiencia
Una vez que han comprendido la interfaz, cunto tardan en cumplir las tareas bsicas? Por
ejemplo, suscribirse a nuestro boletn, usar el formulario de contacto, comprar un artculo o
cualquier otro objetivo que hayamos definido previamente.
Recordabilidad
Al volver a nuestra web pasado un tiempo, les resulta fcil recordar la interfaz y los pasos a
seguir para efectuar acciones?
Efecto sorpresa
Utilizamos alguna tcnica para impresionar a nuestros usuarios con el objeto de que permanezcan
en nuestra web o vuelvan a ella con frecuencia?
Satisfaccin
Se sienten cmodos los usuarios usando nuestra web o les genera impaciencia o frustracin?
Utilidad
Consigue el usuario cumplir sus objetivos en nuestro sitio web?
Legibilidad
Un texto legible se lee ms rpidamente y es ms fcil de comprender. Estos son algunos
consejos para mejorar la legibilidad de nuestros textos:
- Para el texto corrido es recomendable utilizar una tipografa que haya sido especialmente diseada para un medio digital, como las pantallas de los ordenadores. Por ejemplo Arial, Verdana, Trebuchet, Times New Roman, Georgia o Courier New.
- Limitar el uso de fuentes externas.
- Utilizar un tamao de fuente igual o superior a 12px.
- Evitar el uso de la alineacin justificada.
- Encontrar un valor adecuado para el interlineado. No dejar las lineas demasiado juntas
ni demasiado separadas.
- Procurar que no haya ms de 20 palabras por lnea, alrededor de 500px de anchura.
- Dejar suficientes mrgenes alrededor de los textos, particularmente el margen izquierdo
que es donde comienza la lectura (o el margen derecho en idiomas en los que se escribe de
derecha a izquierda (RTL))
- Elegir el color de los enlaces de forma que destaque lo suficiente con respecto al resto
del texto y al fondo.
4. Algunas ideas para la creacin de contenido

Todos hemos sufrido alguna vez el sndrome de la pgina en blanco, ese bloqueo psicolgico
que ocurre a veces cuando tratamos de empezar algn trabajo desde cero. Nos quedamos
paralizados frente a la pantalla del ordenador mientras nuestra mente se vaca misteriosamente.
No se nos ocurre nada. En Internet hay cientos de consejos para combatir el temido sndrome
que van desde desconectar y darse un paseo, hasta utilizar la tcnica del brainstorming.
Los sitios web que deben actualizarse con frecuencia, como los blogs, nos obligan a estar siempre
discurriendo cul ser el siguiente post a publicar, por lo que seguramente necesitaremos echar
mano de algunas ideas.
Los listados
Por lo visto, los usuarios de Internet tenemos una obsesin casi enfermiza por las listas. Con
ttulos del tipo Las 100 mejores pelculas de ciencia ficcin de todos los tiempos o Las 10 cosas
que no pueden faltar en una fiesta, las entradas que contienen listados son un xito de visitas
en innumerables webs. Podemos ir pensando en ideas para elaborar las nuestras.
Noticias de actualidad
En Internet no faltan noticias generalistas, pero puede que las que se refieren exclusivamente
a nuestro sector o a nuestro nicho de mercado no sean tan abundantes, por lo que podemos
aumentar el trfico y la reputacin de nuestra web si las publicamos con regularidad.
Recopilacin de recursos
Si andamos cortos de ideas, podemos compartir con nuestros usuarios colecciones de recursos
de los temas que conocemos a fondo. Por ejemplo, Las mejores apps para viajar o Tipografas
gratuitas de fantasa.
Compartir nuestras experiencias
Publicar nuestros xitos o fracasos en diversas actividades puede ser una informacin de
mucho inters para otros usuarios que buscan datos especficos para llevar a cabo esas mismas
181
Aula Mentor
actividades. Ejemplos de este tipo de artculos seran Cmo instalar RAM en un porttil o
Errores comunes al hacer dieta.
Selecciones temporales Lo mejor de
Alrededor de diciembre proliferan las selecciones de lo mejor o lo peor del ao en muy distintas
reas, as que podemos realizar nuestra contribucin particular de los temas que dominamos.
Contenidos intemporales
Para paliar el hecho de que los contenidos de nuestra web se vayan desfasando con el paso del
tiempo, conviene crear una serie de contenidos independientes del tiempo y de las modas, de
manera que sigan siendo tiles en los aos por venir.
Encuestas
Cada cierto tiempo, podemos lanzar encuestas entre nuestros lectores cuyos resultados podemos
publicar ms tarde, tal vez con datos interesantes para personas con intereses similares a los
nuestros.
Reutilizar nuestros textos
Despus de haber trabajado para redactar un texto interesante, atrayente y conciso es una pena
no reutilizarlo, por ejemplo en nuestro boletn electrnico.
182
Mdulo 3. U8 La edicin de textos en WordPress
Unidad 8. La edicin de textos en WordPress
Al principio del manual hablbamos de cmo un blog giraba en torno a la idea de un conjunto
de entradas que se muestran en orden cronolgico inverso. Estas entradas, junto con las pginas
estticas, son los principales medios de incorporar textos a nuestra web.
Aadir textos, en su forma ms sencilla, apenas requiere de ninguna explicacin. Para crear
una entrada simplemente tenemos que ir a Entradas Aadir nueva, rellenar los campos en
blanco y pulsar Publicar. Nuestra entrada aparecer reflejada en nuestra web inmediatamente
despus.
183
Sin embargo, ocurre como con cualquier otra utilidad de WordPress, est diseada para que su
uso resulte lo ms sencillo y natural posible pero, sin embargo, es lo suficientemente flexible
como para adaptarse a los usos ms complejos. Por lo tanto, vamos a profundizar un poco ms
en esta excelente herramienta para descubrir cunto puede dar de s y qu puede hacer por
nosotros.
Aula Mentor
1. Las entradas o posts

Como habremos comprobado al echar un vistazo general a la pgina para crear entradas, adems
de un campo para introducir nuestro texto hay una serie de datos que podemos configurar,
como el formato, las categoras a las que pertenece la entrada, las etiquetas asociadas y una
imagen destacada.
Pero estos datos no son los nicos que podemos asignar a una entrada, hay algunos que no
aparecen por defecto para evitar confusiones por exceso de informacin, pero que podemos
mostrar si lo deseamos al activarlos en Opciones de pantalla.
Estos otros datos ocultos por defecto son Extracto, Enviar trackbacks, Campos
personalizados, Comentarios, Slug y Autor.
Vamos a estudiar en detalle todas estas opciones.
184
Ttulo
Aqu debemos introducir, obviamente, el ttulo de nuestra entrada. Podemos usar cualquier
carcter, incluyendo signos de puntuacin y smbolos de interrogacin o exclamacin, por
ejemplo La primera entrada de mi blog sobre arte, diseo y comunicacin. Por fin!
Un detalle a tener en cuenta es que WordPress genera automticamente un enlace permanente
basndose en el ttulo de la entrada, pero eliminando del mismo los caracteres no compatibles
con una URL. En nuestro ejemplo el enlace permanente sera http://localhost/wordpress/laprimera-entrada-de-mi-blog-sobre-arte-diseno-y-comunicacion-por-fin. El nombre generado por
WordPress al hacer el ttulo compatible con la URL es lo que se conoce como slug, es decir el
slug en este caso sera la-primera-entrada-de-mi-blog-sobre-arte-diseno-y-comunicacion-por-fin.
Como vimos en un captulo anterior, este tipo de enlace permanente es amigable con el usuario
puesto que permite dar una pista del contenido al que conduce, al contrario que otros enlaces
que contienen variables y cdigos alfanumricos ininteligibles para el lector. Y adems, favorece
el posicionamiento de la entrada en los buscadores.
Si lo creemos necesario, podemos editar el slug haciendo clic en Editar.
Editor de textos
En esta rea es donde vamos a introducir nuestros textos o cualquier otro contenido que
queramos aportar a nuestra entrada. Hablaremos en profundidad de su uso en un captulo
exclusivo un poco ms adelante.
Bloque de publicacin
Esta rea contiene los botones y enlaces que controlan el estado de nuestra entrada. Ya
conocemos la funcin del botn Publicar que, como su nombre indica, publica la entrada
directamente en nuestra web. El botn Guardar borrador nos permite guardar entradas que
todava no estn listas para su publicacin, y el botn Vista previa nos muestra el aspecto
que tendr la entrada en nuestro sitio web una vez publicada.
Adems, podemos desechar nuestra entrada pulsando en el link Mover a la papelera.
Hablemos ahora sobre los estados. Nuestra entrada permanece en el estado Borrador hasta
que la publicamos. Al hacerlo, pasa al estado Publicada.
185
Aula Mentor
El estado Pendiente de revisin es til cuando trabajamos en un entorno editorial en el que

otra persona se encarga de revisar y publicar nuestras entradas. Aunque si trabajamos nosotros
solos tambin podemos utilizar este estado como recordatorio. Podemos asignar este estado a
nuestra entrada pulsando en el enlace Editar junto a la definicin del estado.
Al cambiar el estado a Pendiente de revisin el botn Guardar borrador se convierte en

Guardar como pendiente. Es el que tenemos que pulsar para guardar la entrada con ese estado.
Otro factor que podemos editar es la visibilidad de nuestra entrada. Podemos hacerla pblica,
privada o protegida con contrasea. Si la entrada es pblica podemos hacer que aparezca siempre
en la parte superior de la pgina principal de entradas si seleccionamos Fijar esta entrada en la
pgina. Los alumnos acostumbrados a la jerga de los foros seguramente conocern esta opcin
con el nombre de Sticky Post o Sticky Thread.
186
Tambin podemos programar la publicacin de una entrada para una fecha futura si hacemos
clic en el enlace Editar de la seccin Publicar inmediatamente. Al introducir una fecha
futura, el botn Publicar se convierte en el botn Programar, que debemos pulsar para
confirmar la publicacin diferida. En esta seccin podemos tambin asignar una fecha pasada a
una entrada si lo necesitramos por alguna razn legtima.
Bloque de formato
Este bloque permite que definamos nuestra entrada segn ciertos formatos predefinidos. Esto
posibilita que podamos mostrar cada formato con una plantilla diferente diseada especficamente
para ello. Sin embargo, es importante sealar que estas plantillas pueden existir o no dependiendo
del tema que hayamos elegido. Es decir, a veces es posible que aunque sealemos una entrada
con formato de vdeo, por poner un ejemplo, esta se visualice con el mismo diseo de cualquier
entrada normal porque la plantilla predeterminada para vdeo no existe en el tema que tenemos
activo.
187
Bloque categoras
En este bloque podemos asignar nuestra entrada a una o varias de las categoras que hayamos
creado para nuestro sitio web. Podemos tambin crear nuevas categoras haciendo clic en en
enlace + Aadir nueva categora.
Aula Mentor
Bloque etiquetas
En este bloque podemos asignar a la entrada nuevas etiquetas o seleccionarlas de entre las ms
utilizadas.
188
Imagen destacada
Una entrada puede contener tantas imgenes como queramos, pero este bloque permite que
definamos una de ellas como imagen destacada. Sera algo as como la imagen principal de
la entrada que a menudo se visualiza de forma especial dependiendo del tema que hayamos
elegido. Al hacer clic en Asignar imagen destacada se abre la librera multimedia de nuestro
sitio web, que aprenderemos a gestionar un poco ms adelante.
Extracto
El extracto es un resumen introductorio de la entrada que se usa en nuestro sitio web en
lugares en los que es preferible mostrar una breve descripcin en vez del contenido completo.
Estos lugares, dependiendo del tema que tengamos activo, suelen ser los archivos mensuales,
los listados por autor o por categora, los resultados de la bsqueda o los feeds RSS cuando lo
hayamos especificado en las opciones correspondientes.
No hay lmite en la extensin que podemos dar a un extracto, pero lo ms habitual es utilizar
dos o tres frases, ya que se trata de resumir brevemente el contenido completo de la entrada.
Si lo deseamos, no hay ningn problema en dejar este campo vaco. El extracto del que estamos
hablando aqu es un extracto manual opcional, pero WordPress tiene adems otros dos mtodos
para crear extractos en ausencia de este ltimo.
- Extracto automtico: Si no hemos redactado ningn extracto, WordPress utiliza las 55 primeras palabras de nuestra entrada para crear uno.
- Avance o teaser: A veces podemos incluir manualmente en nuestra entrada una etiqueta
More o Leer ms (ver unidad 8, captulo 2.2) en el lugar del texto que prefiramos. En algunos casos, el texto anterior a esa etiqueta es el que se usa como extracto.
Enviar trackbacks
Tal y como explicbamos en el captulo 1.4 de la unidad 6, podemos enviar trackbacks a los
sitios web que mencionamos en nuestra entrada o a quienes, por alguna razn, queremos
informar de que hemos escrito un post que les puede interesar. Tendramos que hacerlo en
este bloque, separando todas las direcciones con espacios, pero hay que tener en cuenta que,
para avisar a sitios WordPress modernos, tan slo es necesario aadir los enlaces en el texto de
la entrada, ya que WordPress se encarga de hacerlo automticamente mediante pingbacks. Es
por ello que ltimamente los trackbacks estn cayendo en desuso y slo usaremos este bloque
cuando sepamos con certeza que el sitio al que queramos avisar utiliza un sistema antiguo.
189
Aula Mentor
Campos personalizados
Los campos personalizados son una caracterstica utilizada principalmente por los creadores de
temas y de plugins para aadir cierta informacin o funcionalidad a los sitios web. Podremos
hacer tal vez uso de ellos cuando nos convirtamos en usuarios avanzados.
190
Comentarios
Este bloque permite personalizar las preferencias referentes a los comentarios para cada entrada
particular. Las opciones seleccionadas aqu prevalecen sobre las especificadas en Ajustes
Comentarios.
Y cuando la entrada contenga comentarios de nuestros usuarios, podremos administrarlos de

forma rpida desde aqu.
Slug
Como hemos dicho antes, el slug es el nombre utilizado por WordPress en la URL para acceder
a la entrada a travs de un enlace permanente amigable. El slug se genera automticamente al
introducir el ttulo de la entrada, aunque podemos utilizar el que queramos siempre que cumpla
con los requisitos de formato de una URL. Lo usual es utilizar slo caracteres en minsculas y
guiones, evitando tildes y caracteres especiales como la ee.
Autor
Mediante este despegable podemos asignar a la entrada el autor que deseemos de entre los que
se encuentran registrados en nuestra web.
1.1 Autoguardado y revisiones

WordPress guarda de manera automtica los cambios que realizamos en nuestras entradas cada
pocos minutos, de manera que podamos recuperar el trabajo realizado en caso de existir algn
problema con nuestro ordenador o nuestra conexin o de habernos olvidado de guardar los
cambios nosotros mismos.
Tambin guarda automticamente las distintas revisiones que se hacen a las entradas publicadas.
Se puede acceder a este sistema en el bloque Publicar, siempre y cuando haya habido alguna
revisin de la entrada. Al hacer clic en en enlace Explora se abre una pgina especial donde
podemos comparar la versin actual de la entrada con las anteriores. Existe tambin una funcin
para restaurar cualquier versin anterior.
191
Aula Mentor
2. El procesador de textos
El campo de formulario donde se introduce el texto de nuestras entradas es muy similar a
cualquier procesador de textos que estemos acostumbrados a usar normalmente en nuestro
ordenador. Podemos aplicar negritas, cursivas, subrayados y otros estilos de uso comn. Pero
adems, podemos aplicar estilos y caractersticas propios de HTML.
2.1 Conceptos bsicos de HTML

El editor de textos de WordPress crea automticamente el cdigo HTML que sea necesario para
mostrar los textos correctamente en nuestra web, as que no necesitamos aprender HTML. Pero
para obtener el mayor rendimiento y flexibilidad del editor es buena idea conocer al menos los
rudimentos de este lenguaje de programacin.
La estructura bsica de un texto HTML se vale de lo que llamamos etiquetas (o tags) dentro
de corchetes angulares (< y >), que sirven para rodear fragmentos de texto y, de esta forma,
otorgarles cierto significado.
Por ejemplo, para enfatizar un texto podemos rodearlo de las etiquetas <strong></strong>.
<strong> es la etiqueta de inicio y </strong> es la etiqueta de cierre. De manera que este cdigo
HTML:
192
Mostrara este texto en el navegador:
Si quisiramos aprender HTML, tendramos que conocer cmo estructurar un documento HTML
y aprendernos los nombres de las etiquetas y sus funciones. Es mucho ms sencillo de lo que
pueda parecer, pero en este curso tan slo vamos a tratar las etiquetas ms comunes para que
nos resulten familiares a la hora de trabajar con el editor de textos.
Prrafos: <p></p>
Normalmente dividimos los textos en prrafos. Si queremos escribir un nuevo prrafo, en el
editor de texto tan slo tendramos que pulsar la tecla intro. En HTML, sin embargo, tendramos
que rodear cada prrafo con los tags <p></p>.
Encabezamientos: <h1></h1> ... <h6></h6>
Los encabezamientos son los ttulos que damos a los diferentes captulos, apartados, y
subapartados de nuestro texto, siendo <h1> el ttulo de mayor nivel y <h6> el de menor.
<h1> slo puede ser utilizado una vez en cada pgina, puesto que se considera el ttulo de la
misma. El resto de encabezamientos podemos usarlos cuantas veces queramos, siempre teniendo
en cuenta el orden de niveles. Por ejemplo, <h3> es una subseccin de <h2> que, a su vez, es
una seccin de <h1>.
Listados: <ul></ul> y <ol></ol>

En HTML hay tres tipos de listados, aunque aqu slo vamos a tratar dos de ellos: la lista
numerada y la no numerada.
La lista no numerada se muestra por defecto como una lista de vietas y tiene la siguiente
estructura:
Las listas numeradas tienen la misma estructura y tan slo debemos cambiar ul por ol.
193
Aula Mentor
Enlaces: <a></a>
Algunas etiquetas pueden contener ciertos atributos. Es el caso de los enlaces, en los que no
slo basta con rodear texto sino que, adems, debemos especificar a dnde conduce el enlace.
Para eso emplearemos el atributo href.
El atributo title permite que se muestre un texto al pasar el ratn por encima del enlace, suele
servir para dar pistas a nuestros usuarios del lugar al que conduce el link.
Si queremos que el enlace se abra en una ventana nueva nos serviremos del atributo target de
la siguiente forma:
Imgenes: <img>
La etiqueta <img> se usa para aadir una imagen de la siguiente forma:
194
No todas las etiquetas en HTML tienen inicio y fin. Algunas, como <img>, son autoconclusivas. Para
cumplir con los estndares, las etiquetas autoconclusivas contienen una barra de cierre al final.
El atributo src sirve para definir la ubicacin del archivo de imagen que queremos mostrar.
Los atributos width y height sirven para definir respectivamente la anchura y la altura de
la imagen. Por ltimo, el atributo alt sirve para dar una descripcin alternativa de la imagen.
Esto es muy til en trminos de accesibilidad porque permite dar informacin a los usuarios que
no pueden ver la imagen, por ejemplo personas con alguna discapacidad visual.
2.2 Dominar el editor de textos

El editor de texto de WordPress es una herramienta JavaScript de cdigo abierto llamada
TinyMCE. Se divide en dos partes fundamentales, la parte visual y la parte texto.
La parte de texto nos va a permitir editar cdigo HTML, pero en este curso vamos a ocuparnos
sobretodo de la parte visual, que nos va a permitir editar nuestro texto mientras vemos cmo
se mostrar visualmente en nuestra web. Por eso decimos que TinyMCE es una herramienta
WYSIWYG (What You See Is What You Get)
Los iconos de la parte superior del editor visual son herramientas con las que podemos dar estilo
a nuestros textos y aplicar funciones propias de HTML. Reconoceremos muchas de ellas por ser
similares a las que usamos en nuestro procesador de textos habitual aunque, si no reconocemos
alguna, basta con pasar el ratn por encima para que se muestre su funcin y el atajo de teclado
que la activa.
Vamos a verlas en detalle:
Estilos bsicos
Lo usamos cuando queremos dar al texto un fuerte nfasis. Se suele mostrar en negrita.
Otro tipo de nfasis. Generalmente se muestra como cursiva.
El texto con este estilo se considera como borrado del post. Normalmente aparece tachado.
Crea respectivamente listas de vietas y numeradas.
Define el texto seleccionado como una cita.
Alinea el texto a izquierda, centro o derecha.
Crear enlaces
El primero de los dos iconos sirve para crear un enlace en el texto seleccionado y el
segundo para borrarlo. Cuando hacemos clic para crear el enlace aparece una ventana flotante
que nos pide que introduzcamos los datos necesarios.
195
Aula Mentor
Si queremos crear un enlace a una de las entradas de nuestra propia web, podemos seleccionarla
en el listado de la parte inferior. Pero si el enlace es a una direccin externa, entonces debemos
rellenar los campos de la parte superior:
- La URL de destino es la direccin a la que queremos que conduzca el enlace.
- El ttulo del enlace corresponde al atributo HTML title que, como ya dijimos, hace que se
muestre al pasar el ratn por encima del enlace.
- Tambin podemos elegir que el enlace se abra en una ventana nueva.
La etiqueta More
Mencionbamos antes la etiqueta More cuando hablbamos de los distintos tipos de
extractos, o resmenes de la entrada, de los que podemos disponer en WordPress. Decamos
que haba tres tipos: uno manual que se aada en el bloque Extracto, otro automtico en el
que WordPress seleccionaba las 55 primeras palabras de la entrada y un tercero que se creaba
con la etiqueta More.
Esta etiqueta crea automticamente un enlace Sigue leyendo en el lugar del texto donde la
insertemos. De manera que cuando nuestra entrada aparezca, por ejemplo, en nuestra pgina
principal, slo se mostrar el texto anterior y deberemos pulsar en el enlace para poder leerla
al completo.
196
Modo de escritura sin distracciones

Esta herramienta permite quedarnos a solas con nuestro texto, sin formulario, bloques o
ningn otro elemento que pueda hacernos perder nuestra concentracin. Tal slo se conserva
una seleccin de herramientas imprescindibles en una barra que podemos mostrar al acercarnos
con el puntero del ratn a la parte superior de la pgina.
Mostrar/Ocultar Opciones avanzadas
Ya hemos visto las herramientas que utilizaremos ms a menudo, pero al hacer clic en este
icono aparece otra fila de herramientas muy tiles, pero de uso menos habitual.
Formatos
Mediante este desplegable podemos aplicar a nuestro texto algunos de
los formatos HTML que hemos aprendido en el captulo anterior. El formato por defecto es
Prrafo, aunque tambin podemos usar Direccin cuando se trate de direcciones postales,
Preformateado cuando escribamos cdigo y distintos niveles de Ttulos.
Subrayado
Es posible que alguna vez necesitemos subrayar texto, pero hay que tener en cuenta que
en Internet es posible que el usuario confunda con facilidad el texto subrayado con un enlace,
por eso el subrayado es algo que un experto en usabilidad seguramente desaconsejara.
197
Justificacin completa
La alineacin justificada es otro de los estilos que no aconsejan los expertos en usabilidad
web ya que, segn defienden, dificulta la lectura del texto.
Elegir color de texto
Podemos escoger el color del texto entre varias paletas que se muestran en el desplegable.
Como en el caso del subrayado, un texto de otro color podra confundirse fcilmente con un
enlace. Adems, demasiada profusin de colores en el texto dificulta la legibilidad y, segn
cmo se apliquen, la pgina puede perder su aire de profesionalidad. Por todas estas razones,
conviene usar esta herramienta sabiamente o no usarla en absoluto.
Pegar como texto plano
En muchsimas ocasiones vamos a necesitar pegar texto que hemos copiado de alguna
otra parte. Aunque no seamos conscientes, este texto contiene muchas veces los estilos del
lugar de donde fue copiado, lo que puede degenerar al pegarlo en WordPress en un cdigo
farragoso que ocupa ms espacio del que debiera y que puede dar lugar a problemas. Por eso,
si queremos eliminar de un plumazo todos los estilos que contiene el texto que vamos a pegar
podemos hacerlo a travs de esta til herramienta.
Aula Mentor
Pegar desde Word

Muchas personas escriben sus entradas en Word y luego las pegan en el editor de WordPress. Si
queremos pegar texto enriquecido de Microsoft Word no es necesario que activemos la herramienta
texto plano o ninguna otra. El editor va a limpiar el texto pegado desde Word de forma automtica.
En teora, al pegar un texto copiado desde Word se conservar su formato y estilos (negritas,
cursivas, etctera), aunque conviene repasarlo por si se da alguna incidencia en el proceso de
conversin.
Eliminar formato
Sirve para eliminar estilos de un texto seleccionado. Hay que tener en cuenta que no
borrar ciertos estilos, como direcciones, citas, etctera. Sirve ms bien para borrar estilos como
negritas y cursivas.
Insertar carcter especial
Como su propio nombre indica sirve para insertar caracteres especiales que no son
fcilmente accesibles desde nuestro teclado.
Disminuir o aumentar margen
198
Aumenta o disminuye el margen izquierdo 30px cada vez.

Deshacer y rehacer
Estas son las clsicas herramientas deshacer y rehacer que nos libran de problemas
diariamente en el trabajo con ordenadores, pero aplicadas al editor de texto.
Ayuda
Si todava tenemos dudas sobre algo siempre podemos acudir a la ayuda que nos
proporciona WordPress.
2.3 Plugins de utilidad para trabajar con el editor de textos

TinyMCE Advanced
http://wordpress.org/plugins/tinymce-advanced/
Se trata de un plugin que permite activar las funciones avanzadas de TinyMCE en nuestro
WordPress.
Ultimate TinyMCE
http://wordpress.org/plugins/ultimate-tinymce/
Lo mismo que el anterior, permite activar alrededor de 40 botones ms en nuestro editor de
texto.
TablePress
http://wordpress.org/plugins/tablepress/
Permite la creacin y edicin de tablas en nuestro editor sin necesidad de escribirlas en HTML.
Autolink URI
http://wordpress.org/plugins/sem-autolink-uri/
Convierte automticamente en enlaces las URLs que escribimos en nuestras entradas, pginas,
extractos y textos de widgets.
199
Aula Mentor
Unidad 9. Contenido audiovisual
El contenido audiovisual es un elemento de gran importancia en la publicacin de webs. Las

imgenes transmiten muy vivamente conceptos que refuerzan los textos que tanto cuidado
hemos puesto en redactar. No hay como colocar una imagen impactante en un lugar clave
para atraer con gran eficacia la mirada de nuestros usuarios. De hecho, este es un recurso
ampliamente utilizado en publicidad, captar la atencin del usuario mediante una imagen que
despierte vivamente su curiosidad y que le incite a seguir leyendo.
Pero debemos hacer un uso adecuado y racional del contenido audiovisual en nuestra web. No
sirve de mucho usar imgenes sin ton ni son, que no tengan relacin alguna con el tema de que
se trata. Tampoco es aconsejable abusar del nmero de imgenes o vdeos porque corremos
el riesgo de confundir ms que comunicar. Recordemos que debemos ponernos en la piel del
usuario y publicar informacin pertinente, inteligible y de fcil acceso.
200
En este captulo vamos a explicar las bases de la publicacin de contenido audiovisual (imgenes,
vdeo y audio) en nuestro sitio web WordPress.
1. Las imgenes
Hoy en da todos hemos tenido al menos algn contacto con las imgenes digitales, bien por
cmaras fotogrficas, por imgenes que encontramos en Internet o incluso por las que creamos
nosotros mismos en el ordenador. Por lo tanto, seguramente nos resultarn familiares algunos
de los conceptos que trataremos a continuacin.
1.1 Conceptos bsicos de imagen digital

Si queremos publicar en nuestra web imgenes de calidad desde el punto de vista tcnico sin
comprometer la velocidad de carga de nuestra pgina ni la integridad del diseo, debemos
antes conocer conceptos como el tamao, la resolucin, el espacio de color, la compresin y
los formatos disponibles.
1.1.1 Tamao y resolucin

Las imgenes digitales estn formadas por una rejilla de pequeos puntos de distintos colores
que se llaman pxeles. Cuantos ms pxeles tenga, mayor ser la resolucin y de forma ms
ntida seremos capaces de apreciar una imagen.
Mdulo 3. U9 Contenido audiovisual
En el entorno del diseo y publicacin de webs, definimos el tamao de una imagen por el
nmero de pxeles que tiene de ancho y de alto. Por ejemplo, si decimos que una imagen tiene
un tamao de 800x600 pxeles quiere decir que tiene 800 pxeles de anchura y 600 de altura.
Cuando queramos preparar una imagen para su publicacin en web, el principal dato que debemos
tener en cuenta es su tamao en pxeles. Si nuestro tema tiene definida una anchura fija de 600
pxeles para nuestros posts, cualquier imagen de mayor tamao podra afectar al diseo de nuestra
web y descolocar las diferentes secciones. Adems, las imgenes de mayor resolucin pesan ms
y ocupan un mayor espacio en nuestro servidor web. Puede que al principio esto no nos parezca
importante porque tal vez dispongamos de espacio de sobra, pero si utilizamos muchas imgenes
y aadimos informacin con frecuencia, podemos encontrarnos con dificultades al cabo de cierto
tiempo. Y, por supuesto, denota muy poca profesionalidad hacer que nuestra pgina web se cargue
de forma ms lenta por usar imgenes con resoluciones mayores de lo estrictamente necesario.
Por lo tanto, es responsabilidad nuestra restringir el tamao de las imgenes para que no superen
el ancho mximo que determina nuestro tema. Como veremos ms tarde, existen plugins que
efectan esta labor de forma automtica, pero si queremos tener mayor control sobre cmo
se van a visualizar nuestras imgenes podemos hacerlo nosotros mismos en un programa de
edicin de imgenes. Si no tenemos Photoshop, podemos descargar de forma gratuita Gimp o
utilizar la herramienta online Pixlr.
A continuacin vamos a mostrar cmo modificar el tamao de una imagen en Photoshop. Es
importante resaltar que los siguientes pasos explican cmo reducir el tamao de una imagen.
Ampliarla no es nada recomendable y no conseguiremos con ello sino empeorar su apariencia.
Si nuestra imagen original es menor que el tamao deseado y no tenemos forma de conseguir
una versin mayor, lo mejor es dejarla como est.
1. Abrimos la imagen con Photoshop y vamos al men Imagen Tamao de imagen.
2. Editamos su anchura en pxeles introduciendo el valor deseado. La altura se modificar
automticamente de forma proporcional.
3. Por convencin, definimos una resolucin de 72 pxeles por pulgada.
4. Debemos tener seleccionada la opcin Remuestrear la imagen. Podemos elegir del
men desplegable nuestro mtodo preferido de remuestreo o dejar el modo por defecto
si no estamos seguros.
5. Pulsar Ok para hacer efectivos los cambios.
201
Aula Mentor
1.1.2 Espacio de color

Las imgenes que vamos a preparar para su publicacin en web deben estar definidas segn
el modelo de color RGB (Red, Green, Blue), que construye su gama de colores mediante la
mezcla aditiva de los colores primarios rojo, verde y azul. El modelo de color RGB es el que se
usa para la representacin visual de las imgenes en dispositivos electrnicos, como televisores,
monitores de ordenador y fotografa digital.
En Photoshop, podemos comprobar el modelo de color de nuestra imagen en el men Imagen
Modo. Si nuestra imagen est en otro modelo de color diferente, deberemos convertirlo a RGB.
202
1.1.3 Compresin y formatos

La compresin es una tcnica que consiste en reducir el peso de las imgenes con el objeto de
que consuman menor espacio de almacenamiento y, ms importante para nuestros propsitos,
que se carguen en las pginas web ms rpidamente. Los diferentes formatos de imagen usan
distintos mtodos de compresin, por lo que usaremos un formato u otro dependiendo de las
caractersticas de la imagen que queramos comprimir.
Hay que entender que optimizar una imagen para Internet no consiste meramente en aligerar
su peso, sino en hacerlo sin que exista prdida de calidad apreciable.
- El JPEG comprime la imagen mediante un algoritmo matemtico que conlleva una ligera
prdida de calidad, que ser mayor cuanto ms compresin apliquemos. Generalmente,
deberemos usar este formato de compresin en fotografas.
- El GIF mantiene los colores de la imagen original pero no puede utilizar ms de 256 colores para ello.
Cuantos menos colores usemos, menos pesar la imagen. Los GIFs permiten tambin que cualquier
pxel de la imagen sea transparente. Pueden asimismo utilizarse para animaciones sencillas (GIFs
animados). Se suelen usar para imgenes con colores slidos, como logotipos o iconos.
- El PNG-24 es parecido al GIF, pero permite 16 millones de colores y adems un canal alfa, es
decir, que cada pxel puede tener cierto porcentaje de transparencia, no como ocurre con los
pxeles de los GIFs que o bien son transparentes o bien son slidos. Se pueden usar para un
rango de imgenes muy amplio, aunque las imgenes de calidad fotogrfica tienden a ser un
poco ms pesadas en PNG que en JPEG y, definitivamente, son una opcin muy aconsejable
para reemplazar a los GIFs. La nica pega es que no estn plenamente soportados por los
navegadores ms antiguos, pero cada vez se usan con ms frecuencia en las web actuales.
1.1.4 Pantallas Retina

Las pantallas Retina, o de alta densidad, precisan que las imgenes que usemos en nuestra
web tengan el doble de resolucin para que se visualicen ntidamente.
Los diseadores web que desarrollan sus trabajos para que sean compatibles con Retina
Display utilizan un script que carga diferentes versiones de la misma imagen dependiendo de
la pantalla del usuario.
En el captulo en el que hablbamos de los temas dijimos que, para que nuestra web fuera
compatible con estas pantallas, era preciso que nuestro tema fuera Retina-Ready. Sin embargo,
no debemos olvidar que las imgenes que subamos a nuestra web deben tener tambin una
resolucin el doble de la habitual y, adems, subir tambin una versin de la imagen en
resolucin normal para las pantallas comunes.
Por suerte, disponemos de varios plugins que nos facilitan esta tarea, entre los que destacamos
el siguiente:
WP-Retina 2x
http://wordpress.org/plugins/wp-retina-2x/
1.2 Optimizacin de imgenes

Existe una herramienta excelente en Photoshop para optimizar las imgenes para su publicacin
en web. De hecho, mediante esta herramienta es posible definir el tamao de nuestra imagen,
el espacio de color, el formato y la compresin que queremos aplicar, todo ello en un solo
paso. Podemos acceder a ella abriendo nuestra imagen en Photoshop y seleccionando el men
Archivo Guardar para web
En la parte superior de la columna derecha podemos escoger el formato en el que queremos
guardar nuestra imagen.
203
Aula Mentor
Inmediatamente debajo podemos asegurarnos de que nuestra imagen se convierte a un espacio

de color adecuado tan solo dejando seleccionado Convertir en sRGB.
Y justo debajo podemos ajustar el tamao de nuestra imagen seleccionando para ello el mtodo
de remuestreo de nuestra eleccin.
204
Las imgenes optimizadas a travs de esta herramienta de Photoshop estarn listas para subir
a nuestra web aunque, como hemos apuntado antes, si preferimos no utilizar un editor de
imgenes tenemos la alternativa de utilizar un plugin de WordPress que optimice de manera
automtica las imgenes, bastar para ello con configurarlo de la forma adecuada. Proponemos
el siguiente plugin de ejemplo, pero no es el nico que se puede encontrar en el repositorio de
WordPress:
EWWW Image Optimizer
http://wordpress.org/plugins/ewww-image-optimizer/
Optimiza el tamao de las imgenes que subimos a nuestra web sin prdida apreciable de
calidad.
1.3 Cmo publicar imgenes en nuestra web

La gran mayora de las veces publicaremos nuestras imgenes en una entrada o en una pgina,
bien insertndolas en el rea de texto o bien como imagen destacada. Para insertar una imagen
iremos a la pgina de edicin de la entrada donde vamos a publicarla y seguiremos estos pasos:
1. Colocamos el cursor en el lugar donde queremos insertar la imagen y pulsamos el botn

Aadir objeto, aunque tambin podemos arrastrar y soltar las imgenes desde el escritorio de
nuestro ordenador.
2. Al hacerlo, se abre la librera multimedia que, como veremos ms tarde, alberga un listado
de todos los archivos que hemos subido previamente a nuestra web. Si es el primero que
subimos, la librera multimedia se mostrar vaca. Para subir nuestra imagen podemos bien
arrastrarla desde nuestro escritorio a la ventana o bien pulsar en el botn Selecciona archivos
para seleccionar nuestra imagen en el navegador de archivos de nuestro ordenador.
205
Aula Mentor
3. Nuestra imagen se habr subido correctamente si aparece reseada tal y como se muestra
en la imagen a continuacin.
4. En la columna derecha podemos editar una serie de datos y varios ajustes.
206
- Ttulo: El ttulo de la fotografa, que aparecer en el atributo title de la etiqueta HTML

<img>.
- Leyenda: El pie de foto, caso de haberlo.
- Texto alternativo: El texto que aparecer en caso de no cargarse la imagen. Como ya vimos,
sirve tanto para favorecer el posicionamiento de nuestra web y nuestra imagen en buscadores como para facilitar informacin suficiente sobre la imagen a personas que tienen disminuida su capacidad visual.
- Descripcin: Para uso personal nuestro como autores de la web.
Tambin podemos ajustar la alineacin de la imagen, el tamao al que queremos que se
visualice y a qu queremos enlazarla.
El enlace permanente a la imagen puede sernos til en alguna ocasin, as que se nos muestra
en un campo de texto.
5. Al pulsar el botn Insertar en la entrada comprobamos que la imagen aparece en el editor,

donde podemos ajustar su tamao mediante los manejadores oportunos.
Si queremos editar alguna opcin adicional, basta con seleccionarla y pulsar el icono de la
izquierda.
207
Algunas de las opciones que se muestran al hacerlo parecen las mismas que acabamos de
editar en el paso anterior, como el ttulo, ttulo alternativo, etctera. Pero en realidad se
trata de los valores que deseamos para esta insercin de imagen en particular. Es decir,
supongamos que vamos a utilizar la misma imagen en distintas entradas. Al hacerlo, esa
imagen se insertar con los ajustes que hemos definido por defecto, pero mediante ese icono
podemos sobreescribir esos valores y utilizar diferentes para cada caso concreto.
Aula Mentor
Adems, las opciones avanzadas nos permiten asignar a la imagen determinados estilos, como
un borde, o un espaciado horizontal o vertical. Si adems conocemos algo de CSS, podemos
asignar a nuestra imagen las clases que queramos separadas por espacios o editar las que tiene
asignadas en la actualidad.
Y tambin tenemos la posibilidad de definir de forma ms personalizada los distintos atributos
del enlace a donde conduce nuestra imagen.
208
Tambin es posible la creacin de galeras de imgenes de forma nativa. Vamos a ver cmo:
1. Creamos una nueva entrada, le damos el ttulo que deseemos y le damos el formato de
Galera.
2. Situamos el punto de insercin en el lugar de la entrada donde queramos que se muestre la
galera y pulsamos Aadir Objeto
3. En la capa emergente, hacemos clic en la seccin Crear galera
4. Arrastramos a la ventana las imgenes que queramos aadir a la galera.
209
5. Los archivos son subidos a nuestra rea de administracin, donde podemos asignarles datos
como ttulo, descripcin, etctera. Una vez aadidos los datos pulsamos Crear una nueva galera
Aula Mentor
6. En la siguiente ventana podemos ordenar nuestras imgenes arrastando y soltando. Una vez
dispuestas a nuestro gusto podemos pulsar Insertar galera
7. Al hacerlo, se muestra un icono en el editor de texto que podemos volver a editar en cualquier
momento.
210
8. Al guardar la entrada podemos comprobar el aspecto de la galera en nuestra web.
1.3.1 Plugins para imgenes

En el directorio de WordPress podemos encontrar multitud de plugins que nos resultarn
de utilidad para el uso de imgenes en nuestra web. http://wordpress.org/plugins/search.
php?q=images
Tambin podemos recordar la pequea seleccin que hicimos anteriormente en el captulo 4.4.2
de la unidad 5.
2. Vdeo y audio
De forma anloga a las imgenes, los vdeos enriquecen la experiencia del usuario en nuestra
web y es buena idea contar con ellos a la hora de crear contenidos.
Es posible subir archivos de vdeo o audio a WordPress de forma muy parecida a como subimos
imgenes. Sin embargo, la inmensa mayora de los administradores de webs WordPress prefieren
publicarlos en servicios especializados como YouTube o Vimeo para los vdeos o SoundCloud
para los audios y luego incrustarlos en sus webs. En efecto, es la mejor opcin a nuestro alcance,
especialmente para el caso de los vdeos, por varias razones:
- Ahorro en el consumo de transferencia: Publicar vdeos y audios subindolos a nuestro
servidor va a afectar en gran medida a nuestro consumo de cuota de transferencia y, en
general, este consumo ser mayor cuanto mejor sea la calidad del archivo. Recordemos que
las empresas de hosting suelen establecer un lmite mensual de transferencia y que fijan un
precio adicional por cada gigabyte por encima del lmite del contrato. Sin embargo, cuando
publicamos en YouTube, Vimeo, o SoundCloud estamos utilizando su ancho de banda y no
el nuestro. De hecho, no slo ahorramos cuota de transferencia sino que evitamos los problemas que pudieran derivarse de un ancho de banda insuficiente en nuestro servidor, que
puede provocar que los usuarios vean nuestro vdeo a tirones o que no lo consigan ver en
absoluto.
- Optimizacin de vdeo: Al subir nuestro vdeo a YouTube o Vimeo, son ellos los que se
encargan de optimizar cada vdeo, creando automticamente varias versiones, desde HD
hasta resoluciones ms bajas para los usuarios con conexiones ms lentas. Estas plataformas
utilizan scripts para detectar el tipo de conexin del usuario y as poder ofrecerle de forma
automtica la mejor opcin de calidad dadas sus circunstancias. Tambin adquirimos soporte
de HTML5 que permite que los vdeos puedan visualizarse en dispositivos mviles sin problemas.
- Mayores posibilidades de compartir nuestro contenido audiovisual: Youtube o Vimeo
nos van a permitir acceder a una audiencia mucho mayor de la que seguramente podemos
aspirar en nuestra web.
- Visibilidad: Siendo YouTube el segundo motor de bsqueda ms popular, subir nuestros
vdeos a YouTube puede atraer a nuestra web un buen nmero de visitas.
Hay quien pone pegas al hecho de que YouTube aade publicidad antes de la reproduccin,
pero en realidad podemos configurar nuestro canal de YouTube para no permitir que se exhiba
publicidad junto a nuestros vdeos. Existen adems otras muchas opciones de configuracin,
tanto en YouTube como en Vimeo, a las que conviene echar un vistazo para poder conformar la
visualizacin a nuestro gusto. Por ejemplo, es posible tener vdeos privados y ocultos o activar
la opcin de obtener ingresos por la publicidad mostrada en nuestros vdeos.
211
Aula Mentor
2.1 Incrustar (embed) vdeos de YouTube o Vimeo

Incrustar vdeos en nuestra web es muy sencillo:
1. Subimos nuestro vdeo a nuestra plataforma preferida, Youtube, Vimeo, Viddler, etctera.
2. Una vez publicado, copiamos la URL del vdeo, volvemos a nuestro sitio web WordPress y
pegamos la URL en el editor en el lugar donde queramos que aparezca el vdeo.
212
Y listo, WordPress se encarga de convertir esa URL en el reproductor oportuno. Podemos

comprobarlo guardando los cambios de la entrada y visitando la vista previa.
2.2 Incrustar audios de SoundCloud

WordPress no activa por defecto el shortcode para incrustar audios de SoundCloud, pero podemos
activarlo, por ejemplo, a travs de una de las utilidades del plugin JetPack by WordPress.com
del que hablbamos en el captulo 2.2 de la unidad 5.
1. Si tenemos instalado y activo JetPack by WordPress.com, vamos al men Jetpack y
activamos la utilidad Shortcodes incrustados.
2. En SoundCloud.com elegimos el archivo que queremos incrustar y hacemos clic en el botn

Share.
3. En la capa emergente vamos a la pestaa Embed y copiamos el contenido del campo de

texto donde pone WordPress Code
213
Aula Mentor
4. Pegamos el shortcode en la entrada donde queramos que se muestre el reproductor y

guardamos los cambios.
5. El reproductor se mostrar tal y como vemos en la imagen a continuacin.
214
2.3 Publicar vdeo o audio alojado en nuestro servidor

En el caso de que, pese a todo lo dicho anteriormente, decidamos subir archivos de audio y
vdeo a nuestro propio servidor, la gran variedad de formatos existentes complica la eleccin
del tipo de archivo. No hay un estndar universal, pero los archivos .mp4 son unos de los ms
compatibles con todo tipo de dispositivos. En cuanto a los codecs, el ms utilizado en vdeo es
el H.264, que proporciona una buena calidad de imagen con un tamao de archivo pequeo.
As mismo, el codec AAC para la pista de audio ofrece gran fiabilidad.
La resolucin vendr determinada por el tamao del vdeo original, pero las de alta definicin,
1280x720 y 1920x1080 pxeles, son las de ms amplia difusin en la actualidad.
Por otra parte, el tamao de archivo vendr determinado por el bitrate del vdeo. Cuanto
mayor sea este, ms pesar el archivo y mejor se ver, por lo que hay que encontrar un
correcto balance entre lo que pese el vdeo por segundo y la calidad de imagen que
busquemos. Como norma general, podramos decir que entre 10 y 20 MB por minuto para
alta definicin puede ser el punto de partida, aunque depende mucho del tipo de vdeo que
vayamos a publicar.
Si necesitamos subir archivos de audio, tanto el .mp3 como el .m4a son ampliamente utilizados,
siendo el ltimo ms eficaz a menos bitrate.
WordPress acepta los siguientes formatos de contenido audiovisual: webm, ogv, mp4/m4v,
wmv, mov/qt, flv, mp3/m4a/m4b, ogg/oga, wma, wav.
El procedimiento para subir estos archivos a nuestro servidor es prcticamente el mismo que
ya aprendimos al subir imgenes. Como ejemplo, vamos a explicar paso a paso cmo subir un
archivo de vdeo, pero podemos seguir estas mismas instrucciones en caso de un archivo de
audio.
1. Creamos una nueva entrada y le damos el ttulo que deseemos.
2. Definimos el formato de la entrada como Vdeo. Este paso no es estrictamente necesario.

Como ya dijimos en el captulo 1 de la unidad 8, la definicin de formato slo tiene efecto
si nuestro tema tiene plantillas especficas para vdeo, aunque si el principal contenido de la
entrada va a ser el vdeo merece la pena asignarle el formato correspondiente por si alguna vez
cambiamos nuestro tema por uno que s disponga de la plantilla necesaria. Por otra parte, si el
vdeo no va a ser el contenido principal de la entrada, por ejemplo si el contenido mayoritario
es texto y el vdeo sirve de complemento, entonces lo mejor es que dejemos el formato Estndar.
215
Aula Mentor
3. En modo visual, situamos el punto de insercin en el lugar donde queramos que se muestre
el vdeo y pulsamos el botn Aadir objeto.
4. En la librera multimedia, vamos a la pestaa para subir archivos.
216
5. Arrastramos el archivo de vdeo sobre la ventana del navegador (o lo seleccionamos mediante

el botn) para que se suba.
6. Una vez subido, editamos los datos del vdeo a nuestro gusto.
7. Podemos elegir entre mostrar el vdeo en un reproductor, enlazar con el archivo o enlazar con
la pgina de adjuntos. Dejamos la opcin por defecto para incrustar el reproductor y pulsamos
Insertar en la entrada
217
8. Al hacerlo, un pequeo cdigo aparece en la entrada. Se trata del shortcode necesario para
que se muestre el vdeo.
Aula Mentor
9. Ya podemos publicar nuestra entrada si lo deseamos, aunque tambin la podemos dejar en

modo borrador hasta estar seguros de que todo funciona correctamente. Hacemos clic en Ver
entrada o en Vista previa, dependiendo de si la hemos publicado o la mantenemos como
borrador.
10. Comprobamos el correcto funcionamiento del vdeo.
218
2.3.1 Plugins para vdeo

En el directorio de WordPress podemos encontrar multitud de plugins para audio o vdeo en las
siguientes direcciones:
- http://wordpress.org/plugins/search.php?q=video
- http://wordpress.org/plugins/search.php?q=audio
Tambin podemos revisar la seleccin que hicimos en el captulo 4.4.3 de la unidad 5.
3. La librera multimedia
Cuando subimos un archivo a nuestra web, bien sea una imagen, un vdeo o cualquier otro tipo de
documento, WordPress los guarda en el directorio wp-content/uploads. Generalmente los almacena
en carpetas basadas en el mes y ao de la fecha en la que se subi, aunque podemos especificar que
no se utilice este mtodo en los ajustes de Medios como ya vimos en el captulo 1.5 de la unidad 6.
Cuando subimos una imagen, WordPress crea automticamente varias versiones de
distintos tamaos de esa imagen, de manera que podemos usarla adecuadamente en lugares
de nuestro tema que requieran que se visualice a tamaos medios o como miniatura.
La librera multimedia, a la que se accede a travs del men Medios Librera multimedia, es
una herramienta que nos sirve para ordenar y categorizar todos esos archivos desde la
comodidad de nuestra rea de administracin.
219
Generalmente, subimos los archivos asocindolos a determinadas entradas y lo hacemos desde
la misma pgina de edicin de la entrada pulsando en el botn Aadir objeto, tal y como
hemos aprendido en captulos anteriores. Si queremos aadir varios archivos multimedia a una
pgina podemos seleccionarlos a la vez pulsando el botn Seleccin mltiple y haciendo clic
en los objetos que queremos seleccionar.

Si queremos subir un archivo sin que est asociado a ninguna pgina o entrada en particular
podemos subirlo directamente a la librera multimedia en el men Medios Aadir nuevo
La librera multimedia permite ver, editar o borrar cualquier archivo que hayamos subido
previamente a nuestra web. Podemos acceder rpidamente a un archivo concreto usando la
herramienta de bsqueda o los distintos filtros disponibles.
La edicin de archivos nos permite cambiar los datos de texto asociados, como el ttulo o la
leyenda. En el caso de las imgenes, existen una serie de herramientas adicionales que nos
Aula Mentor
van a permitir editar la imagen en s sin necesidad de hacer uso de un programa de edicin de
imgenes como Photoshop o Gimp. Veamos cmo:
1. Pulsamos en cualquier imagen de la librera multimedia para acceder a su edicin.
2. Una vez all, pulsamos en el botn Editar imagen
220
3. En la pgina de edicin disponemos de herramientas para recortar, girar o reflejar la imagen.
4. Podemos escalar y recortar la imagen sirvindonos de algunas opciones, como una determinada
relacin de aspecto (por ejemplo 1:1, 4:3 o 16:9) que se hace efectiva al mantener pulsada la
tecla maysculas mientras arrastramos el rea de recorte. Tambin se nos muestra dinmicamente
informacin del tamao en pxeles de dicha rea de recorte.
5. Cuando hayamos terminado con la edicin pulsamos en el botn Guardar.
4. Problemtica legal relacionada con el uso de contenido audiovisual

A menudo, mientras navegamos por Internet, encontraremos la imagen perfecta para acompaar
la entrada que estamos escribiendo, pero debemos ser conscientes de que siempre que queramos
aadir cualquier material que no sea de creacin propia, debemos antes investigar si ese material
est libre de derechos, puede publicarse bajo algn tipo de licencia o si su publicacin no est
permitida bajo ningn concepto. Muchos blogueros se meten en problemas legales por este
tema, y a menudo ni siquiera saban de los derechos de reproduccin de tal o cual imagen. Y es
que no es sencillo averiguar si, por ejemplo, una imagen cualquiera que encontramos en Google
est libre de derechos y se puede publicar sin coste alguno.
Por eso, para evitarnos problemas, lo ms sensato es buscar directamente nuestras imgenes
bien en webs que ofrecen imgenes con licencias no restrictivas o bien abrir una cuenta en una
web comercial que ofrezca imgenes de stock.
Entre las primeras, las ms ampliamente conocidas son las siguientes:
Wikimedia Commons
http://commons.wikimedia.org/
Se trata de la seccin audiovisual de Wikipedia, que cuanta con ms de 6 millones de archivos
con licencias libres.
Bsqueda avanzada de Flickr
http://www.flickr.com/search/advanced/
Flickr cuenta con un modo de bsqueda que permite filtrar las imgenes de forma que se
muestren slo aquellas con licencia Creative Commons.
Bsqueda avanzada de Google
http://images.google.com/advanced_image_search?hl=es
Como en el caso de Flickr, Google tambin dispone de una bsqueda avanzada por tipo de
licencia.
Conviene asegurarnos siempre de las condiciones de la licencia. A menudo se nos permite usar
una imagen libremente siempre que citemos al autor o que reproduzcamos un breve texto junto
a ella.
221
Aula Mentor
Unidad 10. Categoras, etiquetas,

pginas y mens.
A estas alturas del curso, podemos considerar que conocemos los fundamentos de WordPress y
que podemos lanzarnos a probar, experimentar, aadir utilidades y comenzar a pulir nuestra web.
Nos faltan sin embargo por conocer algunos detalles importantes, pero fciles de comprender y
de aplicar, que vamos a tratar en este captulo. Vamos all.
1. Categoras
Cada entrada que creamos en WordPress se guarda bajo una o ms categoras. Esto nos permite
agrupar de forma sencilla las entradas que tratan de temas similares o que tienen algn tipo de
relacin.
222
Cuando instalamos WordPress, se crea una categora por defecto que en espaol se denomina
Sin Categora. Todas las entradas que creamos son asociadas a esta categora a no ser que
especifiquemos lo contrario en la pgina de edicin de cada entrada.
Si lo deseamos, podemos estructurar nuestras categoras segn jerarquas, es decir, categoras
principales y subcategoras. Sin embargo, cada categora debe tener un nombre nico, incluso
aunque pertenezcan a diferentes categoras principales.
Generalmente, crearemos nuestras categoras durante la etapa de desarrollo, escogindolas
de acuerdo con las necesidades de nuestro proyecto, aunque ms adelante, una vez nuestra
pgina comience a crecer y vaya evolucionando, no es extrao que los temas que tratemos se
diversifiquen y tengamos que crear nuevas categoras acorde con ellos.
Accedemos a la pgina principal de las categoras a travs de men Entradas Categoras. En
esta pgina podemos crear nuevas categoras y visualizar, editar o borrar las existentes.
Para aadir una categora debe hacerse en la columna de la izquierda de la pgina, rellenando
los siguientes datos:
- Nombre: El nombre de la categora tal y como queremos que aparezca en nuestra web.
- Slug: Como ya sabemos, es el texto que aparecer en la URL para identificar nuestra categora. Normalmente, el slug es una versin del nombre de la categora pero en minsculas,
sin caracteres extraos ni tildes y sustituyendo los espacios por guiones.
Mdulo 3. U10 Categoras, etiquetas, pginas y mens
- Superior: En este men desplegable podemos seleccionar la categora en la que queremos

incluirla. Si se trata de una categora de nivel superior, no tendremos que seleccionar ninguna.
- Descripcin: Introducir una descripcin es opcional y, de hecho, en la mayora de los temas
no suele mostrarse.
Por ltimo pulsamos en el botn Aadir nueva categora para aadirla.
223
Aula Mentor
En la parte de la derecha contamos con un listado de las categoras activas y enlaces para
editarlas o borrarlas. El borrado de categoras se puede hacer tanto individualmente como a
travs de una accin en lote. Hay que tener en cuenta que al borrar una categora no se borrarn
tambin las entradas asignadas a ella. En su lugar, todas las entradas de la categora borrada
pasarn a formar parte de la categora por defecto.
224
Para mayor comodidad, podemos aadir categoras directamente en la pgina de edicin de las
entradas, en el bloque correspondiente de la columna derecha, pulsando en el link + Aadir
nueva categora
Generalmente, nuestro tema estar diseado para mostrar a los usuarios las categoras a las que
pertenece cada entrada. Por ejemplo, en Twenty Fourteen se muestran encima del ttulo, aunque
la posicin puede variar mucho dependiendo del tema activo.
Al hacer clic en cualquiera de las categoras se abre una pgina que nos muestra un archivo de
todas las entradas pertenecientes a la categora seleccionada.
225
Tambin podemos disponer del widget que nos permite acceder a un listado de las categoras
de nuestra web desde una barra lateral.
Este widget se activa por defecto al instalar WordPress. Recordemos que podemos editar nuestros
widgets en el men Apariencia Widgets. En l podemos ajustar nuestras preferencias de
visualizacin. Podemos hacer que las categoras se muestren como un men desplegable, que
aparezca entre parntesis el nmero de entradas pertenecientes a cada categora o mostrar
tambin la jerarqua, es decir, las subcategoras si las hay.
Aula Mentor
2. Etiquetas
Las etiquetas (no confundir con las etiquetas HTML) son palabras clave que asignamos a un
determinado dato, en el caso de WordPress a una entrada. Se eligen de una forma ms flexible
e informal que otros sistemas de clasificacin y no se pueden jerarquizar.
El uso de etiquetas comenz a extenderse en los inicios de las llamadas webs 2.0. y permiti la
creacin de las populares nubes de palabras, que mostraban a mayor tamao las etiquetas con
mayor nmero de datos asociados.
By ssalonso (Own work) [CC-BY-SA-3.0 (creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons from

Wikimedia Commons
226
La eleccin de las etiquetas asociadas a una entrada determinada es quizs ms subjetiva que
la elaboracin de un sistema jerarquizado de categoras. Mientras las categoras son genricas,
las etiquetas pueden ser ms especficas. Por ejemplo, la palabra Msica podra servir como
categora, mientras que la palabra violn sera ms adecuada como etiqueta.
En WordPress, la creacin y edicin de etiquetas es prcticamente igual a la creacin y edicin
de categoras que hemos aprendido en el captulo anterior. Podemos acceder a la pgina de
etiquetas en el men Entradas Etiquetas.
Tambin se pueden aadir etiquetas en la pgina de edicin de las entradas, en uno de los
bloques de la columna derecha.
En Twenty Fourteen las etiquetas se muestran en la parte inferior de la entrada, pero la posicin
exacta depende de cada tema.
227
Como en el caso de las categoras, tambin existe un widget que nos permite mostrar una
nube de etiquetas en una barra lateral, pero no se activa por defecto al instalar WordPress, por
lo que si queremos usarlo deberemos arrastrarlo nosotros mismos en la pgina de edicin de
widgets hasta la barra lateral en la posicin en la que queremos que aparezca. Sus opciones nos
permiten especificar si la nube se formar con las etiquetas o con las categoras.
Aula Mentor
3. Pginas
Como ya hemos dicho en varias ocasiones, lo que en WordPress conocemos como pginas son
un tipo especial de entrada que se muestra separadamente y que se utiliza para publicar un
tipo muy determinado de informacin de tipo general y que raramente se modifica. Estamos
hablando de pginas tipo Quines somos, Contacto, etctera.
Crear una pgina es incluso ms sencillo que crear una entrada. Podemos hacerlo a travs del
men Pginas Aadir nueva. En principio bastar con introducir un ttulo y cierto contenido
que puede consistir en texto, imgenes y cualquier otro documento audiovisual, tal y como
hemos aprendido a hacerlo en el caso de las entradas.
228
Podemos publicar la pgina, guardarla como borrador o pendiente de revisin, editar su

visibilidad o programar su publicacin diferida.
Tambin podemos subir una imagen destacada para ilustrar nuestra pgina.
El nico bloque que no podemos encontrar en el caso de las entradas es Atributos de pgina.
229
En este bloque encontramos tres opciones:

Superior: Permite organizar la nueva pgina dentro de una jerarqua de pginas. Para ello basta
elegir como superior cualquiera de las pginas que se muestren en el desplegable. Por ejemplo,
podemos crear nuestra pgina Contacto y luego crear bajo ella las pginas Formulario de
contacto y Cmo llegar.
Plantilla: A menudo los temas WordPress poseen plantillas especiales para pginas que van a
permitir que se muestren con un diseo diferente al que utilizamos para las entradas. Si nuestro
tema dispone de tales plantillas, podremos escoger cul usar a travs de este desplegable.
Orden: Las pginas se muestran en los listados o en los mens por orden alfabtico. Pero
podemos especificar aqu nuestro propio orden introduciendo el nmero correspondiente. Por
ejemplo, el nmero 1 si queremos que se muestre la primera.
Aula Mentor
4. Mens de navegacin
Como ya sabemos, un men consiste en una serie de enlaces organizados que nos conducen a
determinadas pginas de nuestro sitio web.
El men es la principal herramienta con la que cuentan los usuarios que quieren acceder a
una informacin concreta de nuestra web. Nuestro men principal debe ser un reflejo de la
estructura de la web y la distribucin de su contenido.
Los expertos en usabilidad recomiendan no usar ms de 6 u 8 elementos por nivel para evitar
abrumar al usuario. Si el nmero de pginas que queremos incluir en el men es mayor, es
preferible agruparlas segn jerarquas, es decir, crear pginas de segundo nivel como en el
ejemplo que ponamos en el captulo anterior (Formulario de contacto y Cmo llegar como
subsecciones de Contacto).
Es importante ser cuidadosos al nombrar los enlaces. Debemos elegir nombres cortos, mejor si
estn formados por una sola palabra, pero lo suficientemente descriptivos del contenido al que
conducen. Es preferible utilizar los nombres de uso ms extendido en Internet para evitar que
los usuarios tengan que perder tiempo deduciendo la utilidad de cada enlace del men. Por
ejemplo, todo el mundo sabe a qu conducen las secciones Quines somos o Contacto.
El tipo de men ms comnmente utilizado es el que suele situarse en la cabecera de la pgina,
pero WordPress nos permite crear varios mens y situarlos en diferentes localizaciones de la web.
230
Cualquiera que sea el tema que hayamos activado en nuestro WordPress, seguramente contendr
un men por defecto. Por ejemplo, el men por defecto de Twenty Fourteen est situado en la
parte superior de la pgina y en l aparecen automticamente todas las pginas que hayamos
creado. En la instalacin por defecto de WordPress se crea una pgina llamada Pgina de
ejemplo, aunque si la hemos modificado anteriormente o hemos aadido alguna ms por
nuestra cuenta, los cambios se habrn hecho efectivos tambin en el men.
A veces este men ser suficiente para nuestros propsitos pero, otras veces, las caractersticas
particulares de nuestra pgina pueden requerir el uso de uno o varios mens personalizados.
La pgina donde podemos crear y administrar nuestros propios mens est en Apariencia
Mens. Esta pgina puede mostrar diferentes opciones dependiendo del tema que tengamos
activo. En este manual vamos a hacer referencia a la que se muestra en una instalacin por
defecto de WordPress con el tema Twenty Fourteen, que tiene el siguiente aspecto:
A continuacin vamos a mostrar paso a paso como crear un nuevo men personalizado en
Twenty Fourteen.
1. Hacer clic en Crea un nuevo men
231
2. Al hacerlo aparece un campo de texto en el que podemos aadir el nombre del nuevo men.
Este nombre no aparecer en nuestra web, por lo que podemos utilizar cualquiera que nos sirva
de utilidad como administradores. Despus pulsamos Crear men.
Aula Mentor
3. Ahora, en la columna de la izquierda, podemos seleccionar los elementos que queremos que
aparezcan en nuestro men. Por defecto, se muestra un listado de nuestras pginas, enlaces o
categoras, aunque en las opciones de pantalla podemos especificar que se muestren tambin
entradas, etiquetas o formatos. En nuestro ejemplo, seleccionamos varias pginas y pulsamos
Aadir al men.
232
4. Tambin podemos escoger categoras. Al hacer clic en este tipo de elemento de men, el
usuario ser conducido a la pgina de archivo de la categora que hayamos seleccionado.
5. Podemos aadir tambin cualquier enlace externo. Por ejemplo, nuestra pgina de Twitter,
Facebook, otras webs asociadas o cualquier otra que estimemos oportuno. Para ello introducimos
la URL, el ttulo que le daremos al elemento de men y pulsaremos en Aadir al men.
6. Una vez aadidos todos los elementos, podemos ordenarlos a nuestro gusto arrastrando y
soltando.
233
Aula Mentor
7. Tambin podemos crear subniveles arrastrando y soltando, pero encajando el elemento en

zonas con margen a la izquierda, tal y como se muestra en la imagen a continuacin.
8. Cada uno de estos elementos contiene ciertas opciones que podemos editar y que se muestran
al hacer click en la flecha que aparece en la parte derecha del elemento.
234
9. Una vez ordenados y editados nuestros elementos podemos configurar nuestro men para
que se aadan a l automticamente todas las nuevas pginas de primer nivel que creemos
en el futuro. Tambin podemos especificar la ubicacin del men. Para confirmar los cambios
pulsamos Guardar men.
10. Twenty Fourteen permite aadir un segundo men en la barra lateral izquierda. Algunos
temas no dispondrn de esta opcin, mientras que otros permitirn el uso de mltiples mens
en muy diversas localizaciones. Vamos a crear un segundo men siguiendo los mismos pasos.
Primero le asignamos un nombre.
11. Luego lo editamos a nuestro gusto y lo guardamos, teniendo cuidado de especificar su

ubicacin.
235
Aula Mentor
12. La pestaa Gestionar lugares nos permite editar la ubicacin de nuestros mens si an no
la hemos definido.
13. En la parte izquierda de la tabla aparecen las diferentes ubicaciones que nuestro tema ha
habilitado para la inclusin de mens, y en la columna de la derecha aparecen los desplegables
para elegir cul de nuestros mens deseamos para cada ubicacin. No nos olvidemos de guardar
los cambios pulsando el botn correspondiente.
236
14. Una vez en el front-end de nuestra web, podemos comprobar los cambios. Por una parte el
men principal...
15. ...y por otra parte el men secundario.
4.1 Qu hacer si nuestro tema no soporta mens personalizados

Los usuarios avanzados podran registrar la caracterstica que permite el soporte de mens
personalizados en el archivo functions.php de nuestro tema, existe amplia informacin en
Internet de cmo hacerlo.
Pero si nuestro tema no soporta mens personalizados y no nos sentimos lo suficientemente
seguros como para editar el cdigo, todava podemos hacer uso de un widget que habilita un
rea en la barra lateral de nuestra eleccin para la insercin de un men. Vemoslo con un
ejemplo paso a paso.
1. Vamos a Apariencia Widgets y arrastramos el widget Men personalizado a la barra
lateral de nuestra eleccin.
237
Aula Mentor
2. Editamos las opciones del widget, eligiendo un ttulo y seleccionando el men que deseamos
que se muestre.
3. Y listo. El men aparecer en la localizacin escogida.

238
Mdulo 4.
Unidad 11. Introduccin a WordPress Multisitio
Unidad 12. Optimizacin para motores de bsqueda (SEO)
Unidad 13. Seguridad, mantenimiento y mejora del rendimiento
Unidad 14. Publicacin definitiva de nuestra web
Unidad 15. Errores comunes y cmo encontrar ayuda
Aula Mentor
Unidad 11. Introduccin a WordPress Multisitio
WordPress Multisitio es una funcin especial de WordPress que permite crear una red de sitios
web que funcionan con una sola instalacin de WordPress. En este curso no vamos a estudiar
esta funcin en profundidad, pero merece la pena al menos conocer su existencia y saber los
casos en los que pudiera resultar til.
Antes de la versin 3.0, WordPress Multisitio era una versin diferente y separada de WordPress
que se llamaba WordPress MU (por Multi-User). A partir de la versin 3.0 el multisitio se convirti
en una caracterstica integrada en los WordPress normales y corrientes que puede ser activada
mediante unos pequeos cambios en el cdigo.
Existen varias diferencias entre la versin normal y la multisitio:
240
- En primer lugar, en un WordPress multisitio existe un escritorio especfico para el administrador de la red, desde el que puede gestionar los diferentes sitios y los usuarios.
- El administrador de la red tiene el rol especial de sper administrador. Como ya vimos en
la unidad 3, el sper administrador tiene los permisos necesarios para configurar cualquier
aspecto de cada uno de los sitios de la red.
- Los temas y los plugins tambin se gestionan de modo diferente. Se instalan en el administrador de la red de modo que estn disponibles para su uso en todos los sitios de la red y
se pueden activar bien desde el administrador de la red para todos los sitios, o bien en cada
sitio individual.
Una instalacin multisitio de WordPress es til, por ejemplo, en caso de que queramos permitir
la creacin de otros sitios que dependan de algn modo del nuestro. El ejemplo real ms
notorio de la funcin multisitio es WordPress.com, que permite a cualquier usuario la creacin
de su propio blog aunque con ciertas restricciones de uso. Otros casos reales donde la funcin
multisitio sera til pudieran ser, por ejemplo, los medios de comunicacin (peridicos, canales
de televisin, etctera) que contratan a ciertos profesionales de su plantilla para la publicacin
de un blog personal o temtico, como un servicio ms del sitio web del medio de comunicacin
en cuestin.
Est de ms decir que no es buena idea activar la funcin multisitio en pequeas webs como
portfolios, pginas corporativas de pequeas empresas, blogs personales y ese tipo de proyectos.
Si nos viramos en el caso de tener que administrar varios sitios a la vez, por ejemplo los de
varios clientes, familiares o amigos, podramos usar la funcin multisitio, pero no est claro que
sea la mejor opcin. Si los sitios son pocos y tienen objetivos y funciones muy diferentes es
mejor usar instalaciones individuales.
Para activar la funcin multisitio es preciso aadir una linea de cdigo a nuestro archivo wpconfig.php. Al hacerlo y recargar nuestra rea de administracin aparecer un nuevo men con
Mdulo 4. U11 Introduccin a WordPress Multisitio
instrucciones adicionales para la activacin que tendremos que seguir paso a paso. Una de las
opciones que tenemos es la de crear los sitios de la red como un subdominio (sitio1.dominio.com,
sitio2.dominio.com, etctera) o como subdirectorios (dominio.com/sitio1, dominio.com/sitio2,
etctera). La creacin de sitios como subdominios implicar en muchos casos la configuracin
adicional de nuestro servidor que deberemos solicitar a nuestro proveedor de hosting.
En realidad, no se recomienda instalar una red WordPress en un servidor compartido, debido al
consumo muy superior de recursos del sistema. Si queremos ms informacin sobre la instalacin
de un entorno multisitio podemos consultarla en el codex (ingls) aqu: http://codex.wordpress.
org/Create_A_Network
241
Aula Mentor
Unidad 12. Optimizacin para motores

de bsqueda (SEO)
Llamamos Search Engine Optimization (SEO), u optimizacin para motores de bsqueda, al

conjunto de tcnicas que permiten que stos indexen nuestra web correctamente y, como
consecuencia, que aparezca en un puesto destacado en los resultados de las bsquedas.
Como sabemos, la web (World Wide Web) est compuesta por alrededor de 60 trillones de pginas
individuales conectadas unas con otras por medio de enlaces. Los motores de bsqueda se valen
de un cierto tipo de programas llamados crawlers (tambin conocidos como spiders, araas, bots o
indexadores) para catalogar o indexar esa cantidad desorbitada de pginas. Los crawlers comienzan
por visitar e indexar unas pocas webs, luego siguen los enlaces que hay en esas webs hacia otras
pginas, cuyos enlaces siguen a su vez hacia nuevas pginas y as sucesivamente.
Existen muchsimos crawlers diferentes. Estos son algunos ejemplos:
242
- Googlebot: El crawler de Google

- Mediapartners-Google: Indexa los anuncios de Google Adsense.
- Googlebot-Image: Indexa las imgenes de Google.
- Googlebot-News: Indexa noticias para Google News.
- Bingbot: Crawler del buscador Bing.
Los datos recabados por los crawlers se almacenan en una enorme base de datos que los
buscadores consultan cuando un usuario realiza una bsqueda. Es decir, cuando un usuario
introduce en un buscador sus trminos de bsqueda, se lleva a cabo una consulta en la base de
datos con el objeto de seleccionar las pginas que contienen esos trminos de bsqueda.
Como el nmero de pginas seleccionadas pueden ser millones, los buscadores ordenan los
resultados segn ciertos criterios para decidir qu pginas se mostrarn antes y cules despus
en los resultados que se ofrecern al usuario.
Los distintos buscadores se rigen por diferentes criterios a la hora de ordenar los resultados de
una bsqueda. Google, por ejemplo, debe buena parte de su xito a la creacin de un algoritmo
capaz de devolver en los primeros puestos de los resultados de sus bsquedas las pginas ms
relevantes para los usuarios.
Antes del nacimiento de Google, los grandes portales vendan al mejor postor los mejores
puestos en sus resultados de las bsquedas, sin informar al usuario si el resultado que estaban
ofreciendo era o no un enlace patrocinado. Google mejor mucho las cosas al proponer un
mtodo para calcular la importancia de una web segn el nmero de enlaces que conducan a
ella y, a la vez, de la importancia relativa de las pginas que incluan enlaces a ella.
Mdulo 4. U12 Optimizacin para motores de bsqueda (SEO)
El mtodo de bsqueda funcionaba tan bien y satisfaca tanto a los usuarios que hoy en da,
segn comScore en sus estadsticas de julio de 2013, Google tiene una cuota de mercado del
67%, Bing se lleva el 17,9% y Yahoo el 11,3%, mientras Ask y AOL tienen unos porcentajes de
2,7% y 1,2% respectivamente.
Segn el mtodo de Google, nuestra web tendr un puesto ms alto cuantas ms pginas
enlacen con nosotros y cuanto ms importantes sean esas pginas. O sea, es como si
Google pensara que, puesto que existen tantas personas que recomiendan nuestra web, ser por
algo. Y si las webs que nos recomiendan gozan de buena reputacin, mejor que mejor.
En base a este principio, Google otorga a cada pgina un valor numrico denominado PageRank,
que es uno de los factores ms importantes que usa para clasificarlas.
El PageRank de nuestras pginas es un factor que debe preocuparnos, pero no es el nico
ni mucho menos. En cada bsqueda, Google selecciona todas las pginas que contienen los
criterios que introduce el usuario y las analiza mediante un algoritmo que las somete a ms de
200 filtros. Por ejemplo:
- Cuntas veces contiene la pgina las palabras clave?
- En qu lugar aparecen las palabras clave, en el ttulo, en la URL, en el texto?
- Incluye la pgina sinnimos de esas palabras clave?
- La web tiene buena o mala calidad?
- Est correctamente programada?
- Es lenta o rpida?
- Emite spam o lleva a cabo prcticas para tratar de mejorar su posicin por medios ilcitos?
- Y tambin, cmo no, cul es su PageRank?
Los algoritmos de Google son secretos y llevan camino de superar en el imaginario popular
a la frmula de la Coca-Cola. Se conocen muchos de los ingredientes que influyen en el
posicionamiento de una pgina, pero no todos, y tampoco se conoce exactamente cul es la
importancia relativa de cada uno. Adems, estos algoritmos estn en cambio constante para
adaptarse a los condiciones cambiantes de Internet.
1. Cmo optimizar nuestra web para motores de bsqueda

La instalacin bsica de WordPress es amigable con los motores de bsqueda. Contiene lo
necesario para guiar a los crawlers a travs de entradas, pginas y categoras de forma que
puedan recopilar la informacin que requieren para indexar correctamente nuestra web.
Existen funcionalidades especficas de WordPress que son particularmente tiles para obtener
buenos puestos en los resultados de las bsquedas. Por ejemplo, los enlaces permanentes
amigables que estudiamos en el captulo 1.6 de la unidad 6 tienen una gran importancia en
SEO, puesto que Google puntuar mejor las pginas que contengan palabras claves en su URL.
Adems, existe un gran nmero de plugins de SEO que se pueden usar para optimizar an ms
nuestra web. Hablaremos de ellos un poco ms adelante.
Sin embargo, hay que tener muy en cuenta que parte de las caractersticas SEO que permiten
que una web obtenga buenos resultados dependen del diseo web, en nuestro caso de cmo
est programado el tema que hayamos escogido. Por eso, una de las caractersticas que debemos
243
Aula Mentor
buscar a la hora de escoger un tema, tal y como dijimos en el captulo de temas, es que
ste sea SEO-friendly, o amigable con SEO. A decir verdad, a no ser que seamos usuarios
avanzados no podremos determinar si un tema es verdaderamente SEO-friendly o si slo se
limita a publicitarlo para poder vender ms temas. Por ejemplo, un tema SEO-friendly debera
tener ciertas caractersticas:
- Una arquitectura tal que permita la sencilla indexacin de nuestra web por los crawlers.
- El contenido principal de cada pgina debera estar suficientemente arriba en el cdigo. Los
buscadores pueden no rastrear ms que un tercio del contenido total de la pgina, por lo que
conviene que el contenido principal est antes del contenido de las barras laterales y que el
cdigo de la cabecera no sea demasiado extenso.
- El tema debe favorecer la carga rpida de la pgina y soportar el uso de plugins de creacin
de cach o que minimicen el tamao de los scripts.
- Etctera.
Pero, ms all de las caractersticas de nuestro tema, las tcnicas de SEO son muy variadas y
especficas para cada web, por eso las compaas e instituciones a menudo contratan para sus
webs los servicios de empresas especializadas en SEO y posicionamiento web. Sin embargo, si
nuestro presupuesto no da para tanto, nada nos impide aprender un poco de SEO por nuestra
cuenta y tratar de aplicar lo aprendido a nuestro sitio web.
En este curso no vamos a aprender SEO de forma exhaustiva pero s podemos introducir algunas
claves a las que debemos prestar atencin para asegurarnos de que estamos haciendo lo correcto
en cuanto a SEO se refiere.
244
Lo primero de lo que debemos ser conscientes es de las palabras o frases clave a travs
de las cules queremos que los usuarios nos encuentren en los buscadores. Esto tiene
muchsima ms miga de lo que pueda parecer a primera vista y, si queremos profundizar en
ello, podremos encontrar informacin abundante en Internet, aunque en este curso vamos a
simplificar mucho las cosas.
Supongamos que soy una fisioterapeuta llamada Mara Revilla y que estoy creando mi pgina
web personal. Cules son las palabras claves por las que me gustara que me encontrasen? Para
empezar, hay muchas mujeres llamadas Mara Revilla, pero yo quiero que cuando un usuario
introduzca mi nombre en un buscador, mi pgina aparezca la primera o, al menos, entre las 5
primeras. En ningn caso quisiera que apareciera en la segunda pgina que tan slo una minora
de usuarios consulta. Por eso, una de mis claves sera Mara Revilla.
Pero pocos usuarios me buscaran en Internet por mi nombre, seguramente lo haran los clientes
que ya tengo, o aquellos que han odo hablar de mi por referencias. Por lo tanto, hay otra serie de
claves que buscan las personas que no me conocen y que necesitan servicios de fisioterapia, por
ejemplo fisioterapia, fisioterapeuta, rehabilitacin, esguince, fractura, luxacin, etctera.
No puedo esperar que los usuarios conozcan los nombres tcnicos relativos a mi profesin,
as que adems de trminos como lumbalgia o fascitis plantar debera tal vez aadir otros
equivalentes como dolor de espalda o dolor taln pie, de uso ms coloquial.
Un usuario que est buscando un gabinete de fisioterapia seguramente lo buscara cerca de su
domicilio, as que a mis claves debera aadir la ciudad donde tengo mi consulta, o incluso el
barrio si vivo en una gran ciudad, as puedo esperar que mi web se muestre cuando un usuario
introduzca en Google las palabras fisioterapeuta en Chamber
Este sera el tipo de razonamientos que tendramos que llevar a cabo para recopilar nuestras
claves. Nuestra tarea sera ahora utilizar esas claves de la manera correcta en nuestra web.
1.1 Contenidos optimizados para SEO

El principal tipo de contenido que los motores de bsqueda son capaces de indexar son los textos.
Por eso, nuestras pginas deben contener abundante texto, bien escrito, pertinente y
de calidad.
Nuestras claves deben aparecer en las entradas, pginas y categoras de nuestra web. Puntuaremos
ms si las palabras clave aparecen en la URL, en el ttulo HTML de la pgina, en los titulares de
nuestros artculos y en los enlaces.
Tambin puntuaremos ms si las palabras clave aparecen tambin en el contenido y no slo
en los ttulos. De esta manera Google y otros buscadores se aseguran de que no estamos
destacando claves como un mero seuelo.
Est bien que las claves aparezcan varias veces pero, sin embargo, el uso excesivo de claves en
una pgina es contraproducente y los buscadores podran restarnos puntos por eso. Tambin
nos restan puntos por ocultar palabras clave mediante el color o el diseo, para que no se
distingan del fondo de pgina, por ejemplo. O tambin por mostrar distinta informacin a los
robots y a los usuarios reales. Google conoce las artimaas ms sofisticadas de los que tratan de
engaarle y sabe sortearlas, llegando incluso a penalizar una web hacindola desaparecer de sus
listas. Al fin y al cabo, lo que tratan de averiguar los buscadores para ofrecer un buen servicio
es si nuestra pgina contiene la informacin que el usuario est buscando.
1.2 HTML y SEO

Hay ciertos tags HTML a los que debemos prestar atencin al optimizar el contenido de nuestras
pginas.
El tag <title>
Da lugar al ttulo de la pgina. No se trata del ttulo de la entrada, sino del ttulo que vemos en
la barra superior del navegador cuando cargamos una pgina. Es uno de los lugares donde los
buscadores esperan encontrar palabras clave. Ms adelante veremos cmo podemos editar este
dato.
Los encabezamientos <h1>...<h6>
Como vimos en el captulo 2.1 de la unidad 8, los encabezamientos son los ttulos que damos
a los diferentes captulos, apartados, y subapartados de nuestro texto, siendo <h1> el ttulo de
mayor nivel y <h6> el de menor. Los encabezamientos, y especialmente el de mayor nivel son
otros de los lugares donde conviene usar nuestras palabras clave.
Enlaces e imgenes
Los buscadores otorgan importancia al hecho de que los enlaces incluyan palabras clave aunque,
como en todo lo dems, conviene no abusar de esto.
Una buena prctica para propsitos de SEO, adems de por accesibilidad, es utilizar lo ms a
menudo posible los atributos title y alt de nuestros enlaces e imgenes.
245
Aula Mentor
1.2.1 Los meta tags o etiquetas meta

Los meta tags son etiquetas HTML que se incluyen en el cdigo de las pginas, ms concretamente
en la cabecera del cdigo, y que contienen informacin relativa a la pgina, por ejemplo
descripcin, palabras clave, tipo de documento, autor, copyright, etctera.
La instalacin por defecto de WordPress no incluye los meta tags que contienen informacin
individualizada, como el autor, la descripcin o las palabras clave, por lo que si queremos incluir
esa informacin deberemos hacerlo nosotros mismos.
Es necesario usar meta tags para optimizar nuestra web?
Hace bastantes aos, los meta tags eran tiles para proporcionar informacin a los navegadores
y eran aprovechados tambin por los motores de bsqueda para indexar el contenido de las
webs, pero stas comenzaron a hacer un uso abusivo de ellos. Hace aos que Google no utiliza
el meta tag keywords (que contiene las palabras clave) para calcular el ranking de una pgina
y no tiene ninguna intencin de volver a usarlo en el futuro. El meta tag description (con la
descripcin de la pgina) tampoco cuenta a la hora de fijar un ranking, aunque lo utiliza a veces
para crear el fragmento de texto que aparece en las pginas del resultado de la bsqueda.
Sin ningn gnero de duda, el principal factor que incide en los rankings es el contenido. Es
mucho ms sensato invertir nuestro tiempo en crear contenido de calidad que contenga nuestras
palabras clave que en crear meta tags personalizados para cada una de nuestras pginas.
246
2. Herramientas para webmasters

Las herramientas para webmasters son utilidades gratuitas que los propios buscadores ponen a
nuestra disposicin. Estas herramientas nos ayudan a comprobar el rendimiento de nuestro sitio
en los resultados de las bsquedas, solucionan posibles problemas y ayudan a construir webs
amigables para los motores de bsqueda.
- Nos proporcionan importantes informes sobre la visibilidad de nuestras pginas en los buscadores.
- Nos permiten obtener informacin sobre los enlaces que conducen a nuestro sitio, tanto
interna como externamente.
- Nos muestran las claves de bsqueda que conducen a nuestro sitio y nos permiten comprobar cmo los usuarios llegan hasta l.
- Existe adems un blog, un centro de ayuda, noticias e informacin sobre temas relacionados
con la administracin de webs.
Cualquier persona con una web debera aprovecharse de las muchas ventajas que ofrecen. Para
acceder a sus servicios es necesario crear una cuenta y aadir la URL de nuestra web. Despus
de pasar por un sencillo proceso de verificacin podemos comenzar a usar las utilidades. Estas
son las URLs de acceso a las herramientas de Google y Bing:
Herramientas para webmasters de Google: http://www.google.com/webmasters/
Herramientas para webmasters de Bing: http://www.bing.com/toolbox/webmaster
2.1 Aadir URL a buscadores

Cuando estrenamos un sitio web nuevo es altamente recomendable aadir su URL manualmente
a los buscadores para informarles de su existencia. Los buscadores no garantizan la indexacin
de la web y tampoco se sabe exactamente cundo la indexarn. Si esperamos de 2 a 4 semanas
y la web sigue sin aparecer en el buscador podemos volver a aadir la web, pero no es
recomendable aadir nuestra web ms de una o, como mucho, dos veces al mes.
He aqu algunos consejos que debemos seguir antes de aadir nuestra web:
- Asegurarnos de que nuestro sitio tiene suficiente contenido para ser indexado. Es conveniente tener al menos 10 entradas o pginas con una cantidad adecuada de texto.
- Aadir nuestra web al menos en los buscadores ms populares (Google, Bing y Yahoo). Con
eso nos aseguramos de cubrir alrededor del 96% de los motores de bsqueda utilizados por
los usuarios.
- Hacer una lista de todos los motores de bsqueda donde hemos aadido nuestra web, para
no volver a aadirla accidentalmente antes de tiempo. Adems, as podremos tener un registro de cundo y cmo aparecemos.
Estas son las direcciones de las herramientas para webmasters donde podemos aadir nuestra web:
Google: https://www.google.com/webmasters/tools/submit-url?continue=/addurl
Bing: http://www.bing.com/toolbox/submit-site-url
Yahoo: Desde 2010, Yahoo utiliza el motor de bsqueda de Bing, por lo que al aadir la web
en Bing, tambin se mostrar en Yahoo.
Si cuando por fin aparecemos en los buscadores no estamos satisfechos con el ranking de
nuestro sitio, debemos asegurarnos de que hemos aplicado correctamente todo lo que hemos
aprendido sobre SEO. Tambin podemos echar un vistazo a nuestra competencia directa y
averiguar por qu ellos aparecen en mejores puestos.
2.2 Los Sitemaps

Un Sitemap (mapa del sitio) es un documento que contiene un listado de todas y cada una de
las pginas de nuestro sitio que nos interesara que los motores de bsqueda indexaran. Los
buscadores utilizan los Sitemaps para conocer la estructura de nuestra web y de esta forma
planificar mejor la actividad de los crawlers.
Hay que entender que incluir una determinada URL en un Sitemap no garantiza que los
buscadores la aadan al index, sino que implica que, al menos, ser tomada en consideracin
para aadirla. Aunque la falta de garantas nos parezca un inconveniente, en realidad incluir una
URL en un Sitemap incrementa notablemente la posibilidad de que los motores de bsqueda la
descubran, si lo comparamos con el hecho de confiar meramente en que los crawlers seguirn
correctamente los enlaces de nuestra web hasta llegar a ella.
Los Sitemaps son especialmente tiles en las siguientes circunstancias:
- Cuando estrenamos un sitio con pginas completamente nuevas que todava no poseen links
que enlacen con ellas.
- Cuando nuestro sitio utiliza enlaces dinmicos.
247
Aula Mentor
- En sitios que contienen contenido archivado que no est suficientemente bien enlazado
desde las pginas activas.
- En sitios con pginas difciles de descubrir por los crawlers, como aquellas a las que se accede a travs de scripts.
- En sitios con pginas con abundante contenido de tipo no-texto, por ejemplo flash.
Los Sitemaps suelen estar escritos en cdigo XML. Existen aplicaciones online que permiten
generar de forma gratuita un Sitemap XML hasta un nmero mximo de URLs. Y, cmo no, en
WordPress contamos con varios plugins que generan automticamente Sitemaps, por ejemplo
Google XML Sitemaps, cuya direccin encontraremos en el captulo 3.
Los pasos para implementar un archivo Sitemap.xml en nuestro sitio son los siguientes:
1. Identificar nuestras pginas de contenido ms importantes, excluyendo pginas de login, carritos de la compra, pginas no cannicas, etctera.
2. Crear nuestro Sitemap con un generador automtico, por ejemplo un plugin.
3. Validar el archivo generado para comprobar que no contiene errores de codificacin.
Existen herramientas online que lo hacen de forma gratuita. Por ejemplo http://www.xmlsitemaps.com/validate-xml-sitemap.html
4. Subir el archivo Sitemaps.xml al directorio raz de nuestro servidor a travs de FTP.
5. Registrar nuestro archivo Sitemaps en las herramientas para webmasters de Google y
Bing.
6. Actualizar nuestro archivo Sitemaps a medida que el contenido de nuestra web cambie
o se ample.
248
2.3 El archivo robots.txt

El fichero robots.txt es un archivo de texto que contiene ciertas recomendaciones para los
crawlers. Mediante el uso de este archivo conseguiremos ciertos beneficios:
- Impedir el acceso a determinados crawlers: No todos los crawlers son de buscadores
y algunos de ellos nos pueden originar muchos problemas, por eso restringir el acceso a
nuestros directorios puede ser de mucha utilidad.
- Prohibir la indexacin de zonas: En WordPress hay directorios que no queremos que
aparezcan en los buscadores.
- Eliminar contenido duplicado: El contenido duplicado es un factor que nos resta puntos
en nuestro ranking en los buscadores. Mejoraremos mucho nuestro posicionamiento si pedimos a los bots que no indexen ese tipo de contenido.
- Reducir la sobrecarga del servidor: Algunos bots hacen una elevada cantidad de peticiones que pueden saturar el servidor.
- Definir el Sitemap: Podemos incluir la ubicacin del Sitemap para facilitar a los crawlers
la tarea de indexar nuestra web.
Para poner en funcionamiento este fichero tan slo hay que crear un archivo de texto, nombrarlo
robots.txt y comenzar a escribir en l. Este es un ejemplo del texto que puede contener:
Sitemap: http://www.example.com/sitemap.xml
# Google Image
User-agent: Googlebot-Image
Disallow:
Allow: /*
# Google AdSense
User-agent: Mediapartners-Google
Disallow:
# digg mirror
User-agent: duggmirror
Disallow: /
# global
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Disallow: /trackback/
Disallow: /feed/
Disallow: /comments/
Disallow: /category/*/*
Disallow: */trackback/
Disallow: */feed/
Disallow: */comments/
Disallow: /*?
Allow: /wp-content/uploads/
Tambin podemos personalizar el contenido de nuestro robots.txt a travs de uno de los

generadores que podemos encontrar en Internet, como por ejemplo aqu (en ingls): http://
tools.seobook.com/robots-txt/generator/
Una vez terminado, deberemos subirlo por FTP al directorio raz de nuestra web.
249
Aula Mentor
3. Plugins para SEO

Hay cientos de plugins que nos pueden ayudar a mejorar nuestra SEO, podemos consultar una
extensa lista en el repositorio de WordPress:
http://wordpress.org/plugins/search.php?q=seo
Pero los ms populares con muchsima diferencia son los siguientes:
WordPress SEO by Yoast
http://wordpress.org/plugins/wordpress-seo/
All in One SEO Pack
https://wordpress.org/plugins/all-in-one-seo-pack/
SEO Ultimate
http://wordpress.org/plugins/seo-ultimate/
Cualquiera de ellos tiene sus pros y sus contras, hay abundante informacin en Internet al
respecto y es tarea nuestra como webmasters decantarnos por uno u otro si queremos utilizar
un plugin que nos ayude a posicionar nuestras pginas en los buscadores.
Otros plugins de SEO a destacar son:
250
Google XML Sitemaps

http://wordpress.org/plugins/google-sitemap-generator/
Genera un archivo Sitemap.xml.
SEO Friendly Images
http://wordpress.org/plugins/seo-image/
Aade automticamente atributos alt y title a nuestras imgenes.
Mdulo 4. U13 Seguridad, mantenimiento y mejora del rendimiento
Unidad 13. Seguridad, mantenimiento

y mejora del rendimiento
Uno de los aspectos negativos de la gran popularidad de WordPress es que se ha convertido en

vehculo de spam y objetivo del ataque de hackers.
Puede que nuestra web nos parezca demasiado humilde como para suscitar el inters de cualquier
hacker y que nos resulte difcil entender qu inters puede tener alguien en fastidiarnos, pero
debemos comprender que en la gran mayora de las ocasiones no se trata de algo personal sino
de ataques automticos que implican a una gran cantidad de webs indiscriminadamente.
Nuestra web puede servir para toda una coleccin de usos fraudulentos, a veces incluso
sin enterarnos, por eso es necesario aprender qu medidas debemos tomar para protegerla
adecuadamente.
En realidad, el ncleo de WordPress est considerado una aplicacin bastante segura. Teniendo
en cuenta que los sistemas completamente seguros no existen, WordPress es una buena eleccin
en trminos de seguridad. Podemos decir que en la gran mayora de los casos, si alguien
logra invadir nuestra web, la culpa ser enteramente nuestra por no haber tomado las medidas
oportunas a tiempo.
1. Cmo proteger nuestro sitio web

Hay una serie de medidas muy sencillas que debemos tomar para proteger nuestra web. No nos
van a llevar mucho trabajo y van a resultar muy efectivas, es muy importante que las tomemos
muy en serio porque nos van a evitar muchos problemas. Las medidas son estas:
- Escoger una buena contrasea y cambiarla a menudo.
- Mantener WordPress actualizado, as como nuestro tema y los plugins que tengamos activos.
- Nunca instalar plugins ni temas desactualizados o de sitios que no sean de confianza.
- Escoger un servidor web de confianza.
- Hacer backups con frecuencia.
- Mantener nuestro equipo libre de virus, malware, etctera.
Vamos a profundizar un poco ms en alguna de estas medidas.
251
Aula Mentor
1.1 Escoger contraseas seguras

La forma ms sencilla de proteger nuestra web es elegir una contrasea fuerte. Es recomendable
que nuestra contrasea tenga 8 caracteres como mnimo. No debemos usar ninguna palabra
que aparezca en un diccionario, ni siquiera de otros idiomas. Ni muchsimo menos cualquier
combinacin de alguno de nuestros datos personales, como nuestro nombre, apellidos, nombre
de nuestra empresa, fecha de nacimiento, etctera. Debemos utilizar maysculas y minsculas e
incluir tambin nmeros y algn carcter especial como ! ? $ % ^ &.
Una vez decidida nuestra contrasea debemos ser prudentes y no dejarla a la vista de cualquiera,
pegada en un post-it en el monitor del ordenador como sucede a menudo en las pelculas.
Es importante utilizar distintas contraseas para nuestra rea de administracin, nuestra cuenta
de FTP y nuestro acceso al panel de administracin de nuestro servidor web.
Una medida muy recomendable es nunca utilizar admin como nombre de usuario. Cuando
nuestra web recibe un ataque por fuerza bruta, si usamos el usuario por defecto admin, los
atacantes tan slo tendrn que averiguar nuestra contrasea. Les pondremos las cosas muchsimo
ms difciles si tienen que averiguar tambin el nombre de usuario.
1.2 Actualizacin de WordPress
252
WordPress est trabajando continuamente para incorporar mejoras y ofrecer a los usuarios una
mejor experiencia con su software. El trabajo de cientos de desarrolladores de todo el mundo
suelen traducirse, generalmente, en unas 3 actualizaciones mayores cada ao y un nmero
indeterminado de actualizaciones menores.
Llamamos actualizaciones mayores a aquellas que, por ejemplo, van de la versin 3.8 a la 3.9 y
son las que incorporan las mejoras en el ncleo de WordPress segn los proyectos en marcha
de la comunidad de desarrolladores. Las actualizaciones menores suelen ser correcciones que
resuelven problemas que se han pasado por alto en las actualizaciones mayores y que muchas
veces no se pueden anticipar hasta probar el software con toda la extensin de usuarios de
WordPress. Las actualizaciones menores tambin pueden incluir mejoras de seguridad que
solucionan situaciones que pueden comprometer la integridad de nuestra web. Son, por ejemplo,
las que van de la versin 4.0 a la 4.0.1, etctera.
El cdigo fuente de WordPress es de dominio pblico, por lo que si se detecta un fallo de seguridad
todo el mundo lo sabr, tanto los programadores que pueden solucionar el problema como los que
se aprovecharn del agujero para sus propios usos, muchas veces fraudulentos. Por eso, siempre
que se detecta un agujero, se publica una actualizacin de seguridad a las pocas horas que debemos
instalar tan rpido como podamos. Si tardamos das, semanas o meses en actualizarla le estamos
dando a cualquier desaprensivo das, semanas o meses para aprovecharse de nuestra debilidad.
Esto no slo ocurre con el ncleo de WordPress sino con cualquier software. Los plugins y
temas de terceros que tengamos instalados tambin pueden tener, con ms razn, agujeros de
seguridad que vuelvan a nuestra web vulnerable a todo tipo de ataques, por lo que debemos
actualizarlos tan pronto como sepamos que existe una actualizacin disponible.
Antes de llevar a cabo una actualizacin de WordPress, particularmente una actualizacin mayor,
es extremadamente recomendable hacer una copia de seguridad de nuestro sitio web, de forma
que en caso de problemas podamos contar con los datos para restaurar nuestra web. Podemos
hacer copias de seguridad peridicas de nuestro sitio de forma manual o con la ayuda de
plugins, como veremos un poco ms tarde.
A partir de la versin 3.7 de WordPress las actualizaciones menores de WordPress se llevan a
cabo de forma automtica. Es decir, no tenemos que mover un dedo para instalarlas, lo que es
estupendo. Sin embargo, las actualizaciones mayores todava no se instalan de forma automtica
por defecto, es preciso hacerlo de forma manual. Veremos sin embargo que el proceso no
supone ninguna complicacin.
En el rea de administracin aparecen varias alertas cada vez que es necesaria alguna
actualizacin: Hay un aviso en la parte superior del escritorio. Y aparecen tambin el nmero de
actualizaciones que es preciso llevar a cabo tanto en el men de la izquierda como en el men
superior.
253
Cuando recibamos un aviso de que es preciso actualizar software, la forma ms rpida de

hacerlo es en la pgina Escritorio Actualizaciones. All aparece un listado de todo lo que
necesitamos actualizar. Un aviso nos recuerda que debemos realizar un backup de nuestro sitio
antes de proceder a la instalacin.
Aula Mentor
Si nuestro WordPress necesita actualizarse veremos un mensaje parecido al que mostramos en

la imagen. Desde ah mismo podemos llevar a cabo la actualizacin de WordPress en la versin
idiomtica que hayamos elegido, pulsando el botn actualizar ahora.
Al hacerlo, se inicia un proceso en el que, automticamente, se descargan los archivos necesarios,

se descomprimen y verifican, se activa en nuestra web el modo mantenimiento y se lleva a cabo
la actualizacin de los archivos y de la base de datos. Al terminar el proceso, se desactiva el
modo mantenimiento y somos conducidos a una pgina de xito.
254
Tambin en la pgina Escritorio Actualizaciones se nos muestran los plugins que precisan
actualizarse. Podemos activar el proceso seleccionando los que queramos actualizar y pulsando
Actualizar plugins.
De la misma forma, tambin podemos actualizar los temas.

255
Y tambin las traducciones. Si en alguna seccin no es necesario actualizar nada aparecer el

mensaje correspondiente.
Aula Mentor
1.3 Copias de seguridad

La mayora de las veces nuestro trabajo como administradores de WordPress va como la seda
y no nos encontramos con problemas. Pero puede suceder que incurramos en algunos errores,
como borrar archivos que no debemos o manipular incorrectamente nuestra base de datos.
Otras veces los problemas no los provocamos nosotros sino, por ejemplo, nuestros proveedores
de hosting.
Imaginemos que llevamos un ao escribiendo un artculo todos los das en nuestro blog y que
de repente los 365 artculos se borran de un plumazo por culpa de un error. Instalar una nueva
copia de WordPress podra llevarnos 5 minutos, pero la prdida de esos 365 artculos sera
irreparable. Lo nico que nos permitira devolver nuestro sitio web a la situacin anterior al
desastre es restaurarlo desde una copia de seguridad.
Muchos proveedores de hosting realizan copias de seguridad del servidor completo, incluyendo
nuestra web, pero a veces su servicio de soporte es lento y puede llevar demasiado tiempo
restaurar nuestra web de forma ntegra en caso de desastre. Por eso, es nuestra responsabilidad
hacer copias de seguridad habitualmente para no vernos nunca en semejante escenario.
Las copias de seguridad o backups pueden hacerse de forma manual, pero afortunadamente
existen plugins que las hacen de forma automtica y algunos de ellos nos permiten, adems,
guardar nuestros backups en diferentes servicios de almacenamiento en la nube como Dropbox
o Google Drive. Estos son algunos ejemplos:
256
UpdraftPlus - WordPress Backup and Restoration [ES]

http://wordpress.org/plugins/updraftplus/
BackUpWordPress [ES]
http://wordpress.org/plugins/backupwordpress/
WP-DB-Backup
http://wordpress.org/plugins/wp-db-backup/ [ES]
BackWPup Free - WordPress Backup Plugin
http://wordpress.org/plugins/backwpup/
WordPress Backup to Dropbox
http://wordpress.org/plugins/wordpress-backup-to-dropbox/
BackupBuddy [Comercial]
http://ithemes.com/purchase/backupbuddy/
1.3.1 Copias de seguridad manuales

Si por alguna razn no queremos usar un plugin que automatice la tarea de hacer backups
podemos tambin hacerlos de forma manual. Hay dos tipos de datos de los que necesitamos
hacer copias:
- Los de la base de datos: En su mayor parte son los textos que hemos ido aadiendo a nuestro sitio: entradas, pginas, categoras y etiquetas. Pero tambin los metadatos, los usuarios,
los datos de acceso, etctera.
- Los archivos: Las imgenes y cualquier otro documento que hayamos subido a nuestra web
no se encuentran en la base de datos sino en determinadas carpetas de nuestra instalacin
de WordPress.
Hacer backup de nuestra base de datos
Para hacer una copia de seguridad de nuestra base de datos podemos utilizar phpMyAdmin.
Como recordaremos, habamos usado phpMyAdmin para crear nuestra base de datos en el
captulo 1.3.1 de la unidad 1.
Una vez en phpMyAdmin seguiremos estos pasos para realizar una copia de seguridad:
1. Pulsar en la pestaa Bases de datos.
257
2. En la lista, hacer clic en la base de datos de nuestro WordPress.
Aula Mentor
3. Una vez en nuestra base de datos hacer clic en Exportar.
4. En el formulario que se muestra marcamos la opcin personalizada, seleccionamos todas

las tablas y marcamos Guardar salida a un archivo. Podemos dejar el resto de opciones por
defecto y para finalizar pulsamos Continuar. Nuestro navegador descargar un archivo con
el nombre de nuestra base de datos y extensin sql, en nuestro caso wordpress_db.sql. Este
archivo es la copia de respaldo de nuestra base de datos que debemos guardar.
258
Hacer backup de nuestros archivos

Mediante un programa cliente de FTP podemos descargar nuestros archivos WordPress a nuestro
ordenador.
En principio, basta con copiar la carpeta wp-content, que contiene nuestras imgenes y el
resto de archivos que hemos subido a travs de la librera multimedia y tambin todos nuestros
plugins y temas.
Tambin puede sernos til copiar nuestro archivo de configuracin wp-config.php.
La frecuencia con que debemos hacer estas copias depende de la actividad de nuestra web. Si
apenas la cambiamos puede bastar con hacer backup una vez al mes o cada varios meses, pero
si aadimos nuevos datos con asiduidad debemos hacer backups con mayor frecuencia.
Es conveniente conservar al menos las 3 ltimas copias de seguridad. Y para terminar de
asegurarnos, podemos guardar estas copias en distintos dispositivos, un disco duro externo, en
la nube, etctera.
1.3.2 Configuracin de UpdraftPlus

UpdraftPlus es uno de los plugins que podemos utilizar para hacer copias de seguridad automticas.
Es capaz de realizar copias de respaldo en muchos tipos diferentes de almacenamiento externo
como Dropbox, Google Drive, Amazon S3, etctera. Tambin puede enviar los backups por
email y almacenarlos en nuestro espacio web por FTP.
A continuacin vamos a ver paso a paso cmo configurar UpdraftPlus para que nos guarde las
copias de seguridad en una carpeta determinada de nuestro espacio web mediante FTP. Para
ello, antes de nada, vamos a conectarnos a nuestra cuenta FTP con Cyberduck y a crear una
nueva carpeta con el nombre que deseemos, por ejemplo backups.
Una vez creada la carpeta, podemos ir al rea de administracin de WordPress e instalar y activar
UpdraftPlus.
259
Aula Mentor
1. Una vez instalado y activo podemos acceder a sus opciones haciendo clic en Ajustes
Respaldos UpdraftPlus.
2. En primer lugar podemos configurar la frecuencia con la que queremos que el plugin haga los
respaldos. UpdraftPlus nos permite distinguir entre la copia de respaldo de la base de datos y la
de los archivos. Como hemos dicho antes, la frecuencia deseable difiere segn las necesidades
de cada web.
3. A continuacin, podemos escoger qu queremos respaldar. En caso de duda, podemos dejar

los valores por defecto.
260
4. Si queremos que nos enve un mensaje cada vez que se lleva a cabo una copia, debemos
activar la siguiente casilla.
5. A continuacin, podemos seleccionar el almacenamiento externo en el que queremos que se

guarden las copias. Para que los backups se transfieran por FTP es preciso introducir nuestros
datos, que son los que vimos en el paso 4 del captulo 2.5.1 de la unidad 1. Los alumnos que
hayan contratado un servicio de hosting distinto de host-ed, deberan encontrar estos datos
en la documentacin de su servicio de alojamiento. Una vez introducidos los datos, podemos
asegurarnos de que el plugin puede conectarse sin problemas a nuestro FTP pulsando en
Probar ajustes FTP. Si deseamos guardar los backups en otro tipo de almacenamiento externo
podemos seleccionarlo en el desplegable, cada uno de ellos cuenta con su propio juego de
opciones que debemos configurar.
6. Por ltimo, no debemos olvidar de pulsar Guardar cambios para que estos hagan efecto.
261
2. Proteccin anti-spam
Los blogs han sido desde hace tiempo uno de los mayores objetivos de los spammers (individuos
o empresas que envan correo no deseado). Una de las reas ms vulnerables es la seccin de
comentarios. Por suerte, existe una herramienta muy eficaz para luchar contra el spam que
fue desarrollada por Automattic, la empresa de los creadores de WordPress. Esta herramienta
maravillosa se llama Akismet y su instalacin es imprescindible, particularmente en el caso de
sitios web que permiten comentarios en sus pginas.
2.1 Configuracin de Akismet

Akismet viene instalado por defecto en WordPress, por lo que no necesitaremos bajarlo ni
copiarlo en la carpeta plugins, sino que podemos activarlo directamente. No obstante, su
direccin en el directorio de WordPress es la siguiente:
Akismet
http://wordpress.org/plugins/akismet/
Aula Mentor
Para instalar Akismet, as como para otros muchos plugins, se necesita una clave API. Vamos a
seguir la instalacin paso a paso:
1. En Plugins Plugins instalados activamos Akismet.
2. Para activar nuestra cuenta de Akismet primero necesitamos obtener una clave API. Para ello,
pulsamos en el botn Activa tu cuenta de Akismet.
262
3. En la siguiente pgina pulsamos en el botn Crear una clave de Akismet
4. Esto nos conduce a la pgina del plugin. Pulsamos en Get an Akismet API Key.
5. Si no tenemos cuenta en Akismet, creamos una introduciendo los datos que nos solicitan:
una cuenta de correo vlida, un nombre de usuario y una contrasea. Una vez completado el
formulario pulsamos Sign up.
6. En la siguiente pgina debemos escoger la modalidad de nuestra cuenta. Si nuestra web es un

blog personal escogemos la opcin de la derecha y pulsamos SIGN UP.
263
7. Ahora debemos escoger cunto queremos pagar al ao, desde 0 a 120 dlares. Deslizamos la
barra de la derecha hasta el precio deseado. Una vez hecho esto, rellenamos el formulario de la
izquierda y pulsamos CONTINUE.
Aula Mentor
8. En la siguiente pgina obtenemos nuestra clave API. Ahora tenemos que copiar la clave para
introducirla en nuestro WordPress.
9. De vuelta en nuestra rea de administracin WordPress vamos a la pgina de Akismet en la

que estbamos antes y hacemos clic en Ya tengo una clave.
264
10. Pegamos nuestra clave en el campo de formulario y pulsamos Guardar cambios.
11. Si todo ha ido bien, recibiremos un mensaje de xito.
12. En adelante, si queremos modificar las opciones de Akismet accederemos a travs del men
Plugins Akismet.
265
2.2 El uso de CAPTCHA

Una forma de evitar que el formulario de comentarios pueda utilizarse por programas
automticos de insercin de spam es el uso de CAPTCHA. Se trata de una imagen con letras
y nmeros, de difcil interpretacin para una mquina, cuyo contenido debemos introducir en
un campo de formulario para probar que somos personas y no robots. Si bien la obligacin
de insertar CAPTCHA puede ser un fastidio para los usuarios, a veces es la nica manera de
evitar que nuestro web sea pasto del spam y se vuelva inutilizable. Estos son algunos plugins
que podemos usar:
Really Simple CAPTCHA
http://wordpress.org/plugins/really-simple-captcha/
Conditional CAPTCHA for WordPress
http://wordpress.org/plugins/wp-conditional-captcha/
Captcha
http://wordpress.org/plugins/captcha/
SI CAPTCHA Anti-Spam
http://wordpress.org/plugins/si-captcha-for-wordpress/
Aula Mentor
3. Mi WordPress va lento, qu hago?

El rendimiento de WordPress es bueno en lneas generales, aunque hay algunos factores que
pueden hacer que se resienta, por ejemplo si nuestra web tiene mucho contenido, si nuestro
tema contiene muchas imgenes o las fotos que publicamos son muy grandes, si tenemos
activados plugins que no usamos, etctera. Si nuestro sitio web tarda mucho en cargarse es difcil
conseguir usuarios recurrentes. Adems, Google penaliza a las pginas demasiado pesadas, con
lo que nuestra SEO tambin puede verse afectada.
A nadie le gustan las webs lentas. Pero, cules son las causas del bajo rendimiento?, qu
factores afectan a la velocidad de nuestro sitio?
3.1 Los servicios de hosting de baja calidad

En muchas ocasiones, sobretodo si estamos comenzando como webmasters y tenemos un
proyecto modesto para el que no contamos con demasiado presupuesto, nos vemos obligados a
contratar un servidor compartido para alojar nuestra web. Los servidores compartidos pueden
ser baratos, pero los recursos disponibles deben repartirse entre todos los usuarios que contratan
los servicios. Esto implica generalmente que el rendimiento que nos ofrecen va a ser limitado y
que puede variar mucho dependiendo de horas o de das concretos segn los picos de actividad
del servidor.
266
Este problema es especialmente notorio en el caso de los hosting gratuitos. Por eso, aunque
ya lo advertimos en el mdulo 1, est bien recordar que este tipo de servicio puede resultar
de utilidad para aprender a desenvolvernos con WordPress, pero si pretendemos llevar a cabo
un proyecto serio es muy recomendable contratar un servicio que nos ofrezca unas mnimas
garantas de calidad.
En los ltimos tiempos se estn popularizando los servidores optimizados especialmente
para alojar WordPress que, pese a tratarse de servidores compartidos, pueden mejorar bastante
la velocidad de carga. Puede ser buena idea consultar sus precios y ver si encajan con nuestro
proyecto.
Otra opcin a tener en cuenta, por un precio un poco ms elevado, es el Cloud Hosting,
que consiste en un grupo de mquinas conectadas como un slo servidor que permite ampliar
recursos en tiempo real cuando el trfico o las condiciones lo requieran.
Si nuestro proyecto contara con un presupuesto elevado siempre podramos contratar un
servidor dedicado, slo para nosotros, cuyos recursos no tendramos que compartir y que nos
permitira servir nuestras pginas con un gran rendimiento.
3.2 Plugins inadecuados

Determinados plugins pueden resultar un gran lastre para la velocidad de nuestra web. Como ya
dijimos, no debemos excedernos en el nmero de plugins a instalar en nuestro sitio, no porque
el nmero importe en s, sino porque a mayor nmero de plugins, mayor posibilidad tendremos
de instalar uno que ralentice nuestro sitio.
Si sospechamos que un plugin puede estar afectando al rendimiento de nuestra web, debemos
encontrar el plugin problemtico y sustituirlo por otro que funcione mejor. An mejor, podemos
decidir que en realidad no lo necesitamos y deshacernos de l sin ms.
Pero, cmo saber qu plugin est dando problemas? Existen varios mtodos para ello:
Dividir y medir
Este truco es muy conocido y eficaz. Para ponerlo en prctica seguiremos los siguientes pasos:
1. Desactivar todos los plugins y medir la velocidad de nuestra web.
2. Activar la mitad de los plugins y volver a medir la velocidad.
Si la web va ms lenta, desactivar la mitad de los plugins que habamos activado y
volver a medir.
Si la web sigue rpida, desactivar todos los plugins activos y activar la otra mitad.
Como ya habremos imaginado, hay que continuar dividiendo hasta conseguir aislar el origen
del problema.
Usar plugins para identificar plugins problemticos
Existen herramientas que nos pueden ayudar con esta tarea. Este es un ejemplo:
P3 (Plugin Performance Profiler)
https://wordpress.org/plugins/p3-profiler/
Escanea nuestra instalacin y crea un perfil con cifras y grficos que nos pueden orientar a la
hora de localizar un problema.
3.3 Otras causas de la lentitud de nuestra web

Hay otras muchas razones por las que puede que nuestra web se cargue con dificultad. Estas
son una pequea muestra:
- Imgenes demasiado pesadas: existen ciertas tcnicas que permiten optimizar el tamao
de las imgenes que vamos a utilizar en nuestra web. Podemos repasar cmo hacerlo en el
captulo 1 de la unidad 9.
- Demasiada publicidad: las empresas pueden estar interesadas en anunciarse en nuestra
web si conseguimos una gran afluencia de visitas. Pero esa afluencia puede mermar si abusamos de la cantidad de publicidad que estamos dispuestos a permitir en nuestro sitio.
- El diseo de nuestro tema: en ocasiones un tema demasiado pesado es el que nos puede
estar dando problemas. Si ese es el caso, podemos detectarlo tambin con el plugin que
hemos reseado un poco antes, P3 (Plugin Performance Profiler).
267
Aula Mentor
3.4 Herramientas para medir la velocidad de nuestra web

Existen herramientas gratuitas que podemos encontrar en Internet y que nos permiten obtener
informes de rendimiento de nuestra web tan slo introduciendo la URL de la misma. Estos son
algunos ejemplos:
PageSpeed Insights
http://developers.google.com/speed/pagespeed/insights/
Una herramienta de Google que analiza en contenido de nuestra web y nos ofrece sugerencias
para mejorar la velocidad de carga.
Pingdom Website Speed Test
http://tools.pingdom.com/fpt/
Esta herramienta tambin analiza nuestra pgina, encuentra potenciales cuellos de botella y nos
permite obtener informacin para solucionar problemas.
Load Impact
http://loadimpact.com
Simula que miles de usuarios acceden simultneamente a nuestra web, algo que puede suceder
cuando somos reseados en un medio importante o algn tuitero influyente nos menciona.
Este tipo de herramientas tambin existen en forma de plugins que podemos instalar en nuestra
rea de administracin. Este es un ejemplo:
268
GTmetrix for WordPress

http://wordpress.org/plugins/gtmetrix-for-wordpress/
3.5 Otras medidas para mejorar el rendimiento de nuestra web

Existen plugins que, mediante diversas tcnicas (bsicamente creando un cach de ciertos
datos), nos ayudan a mejorar ostensiblemente la velocidad de carga. Estos son algunos ejemplos,
merece la pena probarlos y ver qu pueden hacer por nosotros:
WP Super Cache
http://wordpress.org/plugins/wp-super-cache/
W3 Total Cache
http://wordpress.org/plugins/w3-total-cache/
WP Widget Cache
http://wordpress.org/plugins/wp-widget-cache/
Otra medida inteligente que podemos tomar es contratar los servicios de un CDN (Content
Delivery Network). Un CDN consiste en una red de ordenadores que distribuyen copias de los
mismos datos en diversos puntos de esa red, de forma que las peticiones a esos datos pueden
repartirse sin dar lugar a los habituales cuellos de botella. Muchas webs utilizan CDNs para
servir sus imgenes o sus documentos javascript, de forma que su propio servidor se vea, por
as decirlo, aliviado de trabajo. Generalmente, los CDN son de pago, pero es posible encontrar
ofertas de calidad a precios asequibles.
Mdulo 4. U14 Publicacin definitiva de nuestra web
Unidad 14. Publicacin definitiva

de nuestra web
A lo largo del curso hemos creado nuestra web en nuestro ordenador local, hemos instalado y
configurado nuestro tema, instalado y configurado los plugins y widgets necesarios y la hemos
dotado de suficiente contenido de calidad como para comenzar nuestra andadura en Internet
con garantas de xito.
Ahora es el momento de trasladar nuestra copia local de WordPress, completamente lista para
su publicacin, a nuestro servidor remoto para su lanzamiento definitivo.
1. Migracin desde el servidor local al remoto

Como webmasters de WordPress, seguramente esta no ser la nica vez en que nos veamos en
la necesidad de trasladar de sitio nuestra web. Puede que en el futuro decidamos cambiarnos
de servidor o incluso de dominio. Por suerte, no es una tarea que se lleve a cabo todos los das,
porque trasladar una web WordPress es un poco ms complicado de lo que pueda parecernos
a primera vista. Es preciso tomar ciertas medidas y seguir una serie de pasos para hacerlo de
forma segura y satisfactoria.
Antes de empezar es preciso que hagamos una copia de seguridad tanto de nuestro WordPress
local como de nuestro WordPress remoto, siempre que tengamos inters en conservar los datos
que contiene. Recordemos que, tal y como explicbamos en el captulo 1.3 de la unidad 13, es
preciso hacer copias tanto de nuestros archivos como de la base de datos.
Pero antes de trasladar nuestra base de datos local vamos a tener que hacer ciertos cambios en
ella as que, de momento, vamos a duplicarla de la siguiente forma:
1. En nuestro phpMyAdmin, ir a la pestaa Bases de datos.
269
Aula Mentor
2. Seleccionar la base de datos que usamos para WordPress haciendo clic en el enlace con su
nombre.
3. Una vez en nuestra base de datos, hacer clic en la pestaa Operaciones.
270
4. En el formulario correspondiente copiamos nuestra la base de datos dndole el mismo nombre

pero aadiendo, por ejemplo, el sufijo _ANT. Debemos asegurarnos de que est seleccionada
la opcin para copiar tanto la estructura como los datos y pulsamos Continuar.
Es todo. Ahora, la base de datos wordpress_db_ANT es la base de datos original a la que

podemos volver en caso de problemas.
En el proceso de migracin llevaremos a cabo tres tareas principalmente:

Instalacin de un nuevo WordPress en el servidor remoto
La instalacin de WordPress es tan sencilla que merece la pena hacer una instalacin desde
cero y evitarnos muchos problemas. Puesto que en nuestro servidor remoto ya tenamos un
WordPress instalado podemos usar el que ya tenemos. Recordemos que debe estar actualizado
a su ltima versin.
Preparacin y traslado de la base de datos
No podemos sustituir directamente una base de datos por otra porque en ella aparecen multitud
de registros que hacen referencia a la URL donde tenemos instalado WordPress (http://localhost/
wordpress/). Puesto que en el servidor remoto la URL cambia (http://miweb.host-ed.me o similar),
debemos modificarla tambin en todos esos registros. Una vez hecho esto, podemos exportar
los datos de nuestra base de datos local e importarlos en nuestro servidor remoto usando
phpMyAdmin.
Traslado de uploads, temas y plugins
Como ya dijimos en el captulo sobre backups, las imgenes y el resto de archivos que subimos a
nuestro WordPress se guardan en la carpeta wp-contents/uploads, mientras que los plugins se
guardan en wp-contents/plugins y los temas en wp-contents/themes. Por lo tanto debemos
sustituir la carpeta wp-contents de nuestro servidor remoto por la que tenemos en el local.
Esto lo haremos por FTP.
En este punto, si hemos hecho las copias de seguridad oportunas y estamos listos para comenzar,
estos son los pasos que debemos seguir:
1. Desactivar los enlaces permanentes amigables en Ajustes Enlaces permanentes
seleccionando la opcin Predeterminado y pulsando Guardar cambios.
2. Si no lo hemos hecho antes, hacer una copia de nuestra base de datos, por ejemplo duplicndola
aadiendo _ANT a su nombre.
271
Aula Mentor
3. Ahora debemos sustituir todas las apariciones de la URL local por la nueva URL. Para ello,
no debemos hacerlo con la herramienta buscar y reemplazar de nuestro editor de texto por una
razn larga de explicar y que excede el marco de conocimientos de este curso. Por simplificar
mucho, diremos que para WordPress es importante tambin conocer el nmero de caracteres
de la URL y si cambiamos la URL sin cambiar tambin el nmero de caracteres, la discrepancia
puede dar lugar a errores. Por lo tanto debemos usar una herramienta especial que podemos
bajar de esta direccin: https://interconnectit.com/products/search-and-replace-for-wordpressdatabases/. Una vez all, bajamos la aplicacin haciendo clic en el enlace con la ltima versin
disponible.
272
4. A continuacin, descomprimimos el archivo zip en el directorio de nuestro WordPress local.
5. Cargamos la aplicacin en nuestro navegador en la direccin http://localhost/wordpress/

Search-Replace-DB-master e introducimos los datos del formulario. En la seccin Search/
Replace (Buscar/Reemplazar) debemos introducir la URL de nuestro servidor local y la URL de
nuestro servidor remoto. La seccin database contiene los datos de conexin a nuestra base de
datos local. En caso de duda podemos consultar estos datos en el archivo wp-config.php.
6. Si queremos, podemos hacer una prueba del script para comprobar su funcionamiento pero
sin que se lleve a cabo ningn cambio en la base de datos pulsando dry run. Para reemplazar
las URLs de forma definitiva debemos hacer clic en live run.
273
7. Una vez terminado el proceso, debemos borrar la aplicacin, bien pulsando delete me o
bien enviando a la papelera la carpeta manualmente.
8. Ahora nuestra base de datos local hace referencia a la URL remota, por lo que nuestro
WordPress local habr dejado de funcionar. sta es la base de datos que debemos exportar a su
nueva ubicacin. Para ello vamos a guardarla en un archivo como hemos aprendido a hacerlo
en el captulo de backups. Primero vamos a la pestaa Exportar.
Aula Mentor
9. Y una vez all marcamos la opcin Personalizado, seleccionamos todas las tablas y marcamos
Guardar salida a un archivo. Para terminar pulsamos Continuar.
274
10. Es el momento de eliminar la base de datos remota e importar el archivo wordpress_
db.sql que nuestro navegador acaba de descargar. Para ello vamos al phpMyAdmin de nuestro
servidor remoto. En host-ed.net, podemos encontrar phpMyAdmin en cPanel, al que podemos
acceder tal como lo hicimos en el paso 5 del captulo 2.5.1 de la unidad 1. (Los alumnos que
hayan contratado otros servidores, seguramente tendrn un modo similar de acceder. Si no lo
encuentran, pueden solicitar ayuda al soporte tcnico del servicio de hosting correspondiente)
En cPanel podemos encontrar phpMyAdmin en la seccin Bases de datos.
11. Para vaciar la base de datos remota primero la seleccionamos haciendo clic en el enlace con
su nombre. Recordemos que si tenemos inters en conservar su contenido, debemos hacer antes
una copia de seguridad.
12. Una vez en nuestra base de datos remota, marcamos todas las tablas seleccionando la casilla
correspondiente y escogemos Eliminar del men desplegable.
275
13. Recibimos el mensaje de que debemos confirmar nuestra accin pulsando S.
Aula Mentor
14. Ahora, para importar la nueva base de datos, pulsamos en la pestaa Importar.
15. Seleccionamos el archivo wordpress_db.sql que acabamos de exportar de nuestro servidor

local y pulsamos Continuar.
16. Si todo va bien, recibiremos un mensaje de xito. Ya hemos conseguido migrar la base de
datos.
276
17. Ahora hay que subir los contenidos de la carpeta wp-content. Para ello primero borramos
la carpeta wp-content que tenemos en el servidor remoto en nuestro programa de FTP.
18. Y a continuacin subimos la carpeta wp-content local con todos sus contenidos al servidor
remoto por FTP. Dependiendo de la cantidad de datos que contenga nuestra web y de la
velocidad de nuestra conexin, la operacin puede llevar un buen rato. Paciencia, ya falta poco.
19. Mientras tanto, para evitar problemas, por si acaso nuestro navegador tiene en su cach
datos de la versin anterior de nuestra web, borraremos la cach del navegador. Si no sabemos
cmo hacerlo, podemos consultar en la wikipedia (http://es.wikipedia.org/wiki/Ayuda:Cmo_
limpiar_la_cach)
20. Una vez se hayan terminado de subir los archivos debemos acceder a nuestra rea de
administracin remota y volver a activar los enlaces permanentes amigables en Ajustes
Enlaces permanentes tal y como los tenamos en la versin local y pulsar Guardar cambios.
Y eso es todo. Podemos comprobar que nuestra nueva web funciona correctamente.
277
Aula Mentor
2. Anlisis de visitas
Sera estupendo poder observar sin ser vistos a nuestros usuarios, ver el modo en el que
interactan con nuestra web, comprobar las dificultades con las que se encuentran, el contenido
que les interesa y el que no, las cosas que pasan por alto, las que les entusiasman y las que
detestan.
La forma ms cercana que tenemos de hacer todas esas cosas es estudiando nuestras estadsticas
de visitas.
Quizs la herramienta ms popular y sofisticada de todas las de anlisis de visitas
es Google Analytics. Basta con registrarse en Google y obtener un pequeo cdigo que
integraremos en nuestra web para tener acceso a una aplicacin profesional que nos informa
desde la procedencia de nuestros usuarios hasta el sistema operativo o el navegador que
utilizan. Sabremos qu pginas de nuestra web son las ms visitadas, qu contenidos son los
ms buscados y muchas cosas ms.
A continuacin vamos a seguir los pasos para instalar Google Analytics en nuestra web. En este
manual vamos a hacerlo con la ayuda de un plugin, pero los usuarios avanzados pueden hacerlo
directamente copiando el cdigo en la cabecera o, mejor an, en el pie de nuestras pginas.
Crear una cuenta en Google Analytics
278
Para que Google pueda hacer un seguimiento de la actividad de visitas de nuestra web
necesitamos obtener antes un cdigo que nos identifique. Para ello debemos darnos de alta en
Google Analytics siguiendo los siguientes pasos:
1. Vamos a la pgina http://www.google.es/intl/es/analytics/. Si ya contamos con una cuenta
Google hacemos clic en el enlace Inicie sesin, en caso contrario deberemos pulsar cree una
cuenta. En estas instrucciones vamos a suponer que contamos con una cuenta.
2. Una vez iniciada la sesin, hacemos clic en Regstrese
3. En las opciones de configuracin de la cuenta, primero seleccionamos la opcin por defecto,

Universal Analytics
279
Aula Mentor
4. Luego rellenamos los datos que nos solicitan en el formulario.
5. Seleccionamos las opciones que deseemos para compartir datos.

280
6. Y por ltimo pulsamos en Obtener ID de seguimiento.
7. Debemos aceptar las condiciones del servicio pulsando Acepto.
8. En la pgina siguiente podemos encontrar nuestro cdigo de seguimiento, que copiamos para
pegarlo posteriormente en nuestra web.
281
Instalar el cdigo de Google Analytics en nuestra web

Para empezar vamos a instalar y activar el siguiente plugin en nuestro WordPress remoto:
Google Analytics for WordPress
http://wordpress.org/plugins/google-analytics-for-wordpress/
1. Una vez instalado y activo Google Analytics for WordPres vamos a su pgina de configuracin
en Ajustes Analizador de Google. All, seleccionamos la casilla Introduce manualmente tu
cdigo UA e introducimos el cdigo en el campo correspondiente.
Aula Mentor
2. De momento, podemos dejar los valores por defecto en el resto de los ajustes. Una vez
que llevemos un tiempo utilizando Google Analytics, podremos modificar estos ajustes para
adaptarlos a nuestras necesidades concretas. Para terminar, pulsamos el botn Actualizar la
configuracin del Analizador de Google
3. En adelante, si queremos consultar nuestras estadsticas de visitas, podremos hacerlo en

http://www.google.es/intl/es/analytics/ pulsando en el enlace que se muestra en la imagen.
282
2.1 Google Analytics y la legislacin sobre cookies

Para que Google Analytics funcione necesita insertar unas cookies en el navegador de nuestros
visitantes. Para cumplir con la legislacin vigente debemos pedir el consentimiento de nuestros
usuarios antes de insertar dichas cookies.
Podemos encontrar varios plugins que nos ayuden a cumplir la ley en el repositorio de WordPress
en esta direccin:
http://wordpress.org/plugins/search.php?q=ley+cookies
Mdulo 4. U15 Errores comunes y cmo encontrar ayuda
Unidad 15. Errores comunes y

cmo encontrar ayuda
Pues bien, nuestra web est online. Muchos no lo crean posible al principio del curso, pero
el ansiado momento ha llegado ya. Esperamos que el proceso haya resultado ms sencillo de
lo previsto o, en todo caso, que el curso haya sido una plataforma vlida a travs de la cual
hayamos podido encontrar un rea de conocimiento y experimentacin con la que hayamos
disfrutado y aprendido.
Porque como seguramente hemos deducido, el mundo WordPress va muchsimo ms all de
este curso. Las posibilidades son muy amplias y nos permiten profundizar en muy diversas
reas: diseo, programacin, creacin de contenidos para web, tcnicas de posicionamiento en
buscadores, redes sociales y un largo etctera. Esperamos que al menos alguna de las reas de
conocimiento haya resultado de inters, hay mucho que aprender ah afuera sobre cualquiera
de ellas.
283
1. Errores que todo principiante debera evitar

Toda disciplina necesita un perodo de aprendizaje en el que adquirimos experiencia a base de
equivocarnos y rectificar. Con el objeto de hacer este perodo ms llevadero, hemos recopilado
aqu una pequea lista de errores que suelen cometer los principiantes en WordPress.
1.1 Errores de gestin y planificacin

No contratar un servicio de hosting adecuado
A veces ocurre que por limitaciones de presupuesto nos vemos obligados a contratar servicios
de alojamiento deficientes que van a tener un grave impacto en el rendimiento de nuestro
WordPress. Otras veces, las empresas de hosting nos hacen pagar por ms servicios de los que
en realidad necesitamos y que nunca vamos a usar.
No guardar un registro de todos nuestros datos de acceso
En el proceso de instalar y configurar WordPress vamos a necesitar guardar en un sitio seguro
toda la coleccin de direcciones y claves de acceso de los diferentes servicios usados: Hosting,
Bases de datos, FTP, rea de administracin, registros necesarios para utilizar plugins o servicios
online y un largo etctera. Es conveniente no perder estos datos y tenerlos a mano cuando los
necesitemos.
Aula Mentor
1.2 Errores de configuracin y seguridad

Mantener wp_ como prefijo de las tablas de la base de datos
Al instalar WordPress, una de las opciones que podemos editar en el archivo wp-config.php
es el prefijo que queremos darle a las tablas de nuestra base de datos. Si definimos un prefijo
diferente a wp_ se lo estamos poniendo difcil a cualquiera que intente hackear nuestra web,
ya que todo el mundo conoce los nombres por defecto de las tablas. Si no cambiamos este prefijo
al instalar WordPress, podemos hacerlo en cualquier momento con la ayuda de un plugin. Este
es un ejemplo, pero podemos encontrar ms en el repositorio de plugins de WordPress:
Change DB Prefix
http://wordpress.org/plugins/db-prefix-change/
No personalizar las claves nicas de autentificacin
En el archivo wp-config.php existen unas claves que nos permiten proteger nuestras sesiones
activas en WordPress. Debemos cambiar las claves por defecto por otras aleatorias tal y como
dijimos en el paso 4 del captulo 1.3.3 de la unidad 1. Adems, podemos cambiarlas cada cierto
tiempo. Todos los usuarios que hayan hecho login en nuestro WordPress debern volver a
hacerlo una vez cambiemos las claves.
No activar los enlaces permanentes amigables
Los enlaces permanentes amigables, adems de ofrecer al usuario informacin sobre el contenido
de la pgina a la que conducen son fundamentales para mejorar nuestro SEO, ya que Google
y otros buscadores valoran positivamente que la URL de una pgina contenga palabras clave.
284
Dejar activa la casilla Visibilidad para los buscadores

En Ajustes Ajustes de lectura podemos especificar si queremos o no que los buscadores
indexen el sitio. Normalmente queremos que lo hagan, as que debemos dejar la casilla sin
seleccionar.
No descargar temas y plugins de un sitio confiable
Es importante descargar temas y plugins de sitios de descarga que sean de nuestra absoluta
confianza. Hay webs en las que no se llevan a cabo controles de seguridad y no sabemos si lo
que nos estamos bajando est libre de virus y malware.
Utilizar ms plugins de los estrictamente necesarios
En general, no hay mayor problema por usar los plugins que necesitemos, pero debemos
marcarnos unos lmites y plantearnos si verdaderamente necesitamos todos y cada uno de los
plugins que instalamos. Cuantos menos plugins activemos, menos posibilidad existe de que nos
encontremos con uno que nos d problemas.
No hacer copias de seguridad
Hacer backups con la frecuencia adecuada es fundamental para poder recuperar nuestros datos
en caso de desastre.
No actualizar WordPress, tanto el ncleo como el tema y los plugins
Actualizar WordPress no es slo una cuestin de estar a la ltima. Las actualizaciones resuelven
problemas de seguridad y protegen nuestra web. Adems, el proceso de actualizacin es tan
sencillo que apenas nos llevar unos segundos.
Utilizar contraseas inseguras

WordPress dispone de un sistema que nos permite conocer la fortaleza de nuestra contrasea
mediante un cdigo de colores. No es buena idea ignorarlo o ignorar los consejos para la
eleccin de contrasea que vimos en el captulo 1.1 de la unidad 13.
Dejar admin como nombre de usuario
Cuando nuestra web recibe un ataque por fuerza bruta, si usamos el usuario por defecto
admin, los atacantes tan slo tendrn que averiguar nuestra contrasea. Les pondremos las
cosas muchsimo ms difciles si tienen que averiguar tambin el nombre de usuario.
Usar una cuenta de administrador para publicar entradas
Si lo hacemos, estamos publicando el nombre de usuario de una cuenta de administrador en
cada entrada. Es preferible crear una cuenta de autor y publicar las entradas bajo ese nombre.
No es necesario volver a acceder con la cuenta de autor para publicar, con nuestra cuenta de
administrador podemos seleccionar en un desplegable el autor al que queremos asignar la entrada.
No instalar Akismet
Si en nuestra web permitimos comentarios es fundamental instalar algn tipo de aplicacin que
nos proteja del spam.
No proteger nuestro formulario de contacto con CAPTCHA
Pese a que CAPTCHA puede ser una gran molestia para los usuarios, a veces es la nica forma
de impedir que nuestro formulario sea utilizado por spammers.
No usar un plugin para cach
Una de las herramientas que tenemos a mano para mejorar el rendimiento de nuestra web es
usar un plugin que cree una cach con ciertos archivos.
1.3 Errores de diseo

Elegir un tema equivocado
El diseo de nuestra web va a marcar de modo determinante del futuro de nuestra web y sus
posibilidades de xito. Un tema que no se ajuste a nuestras necesidades o que no corresponda a
nuestro mensaje, pese a que pueda gustarnos, es un error que acabaremos pagando ms tarde.
No personalizar la barra lateral
Dejar los widgets por defecto de nuestra barra lateral denota dejadez. Es mucho mejor analizar
las necesidades de nuestra web y aadir o eliminar los widgets que creamos oportunos.
No pensar en los usuarios de mviles y tabletas
El nmero de usuarios que acceden a Internet a travs del mvil esta creciendo como la espuma.
Hacerles la vida complicada a esos usuarios es renunciar a servir contenido a un porcentaje cada
vez ms importante de nuestros visitantes. Por eso, es recomendable utilizar un tema con diseo
adaptativo u otra estrategia similar.
Dejar el favicon por defecto
El favicon es el pequeo icono que aparece a la izquierda en la barra de direcciones de nuestro
navegador. Hay muchas webs online que convierten imgenes gratuitamente al formato necesario
para crear un favicon. Luego, slo tendremos que guardarlo con nombre favicon.ico dentro
de la carpeta de nuestro tema.
285
Aula Mentor
1.4 Errores de contenido y de SEO

Dejar la descripcin por defecto
Al instalar WordPress, la descripcin del blog que aparece por defecto es Otro sitio realizado
con WordPress. Es sorprendente la enorme cantidad de webs que no modifican la descripcin
pese a que es una tarea bsica de configuracin. Podemos hacerlo en Ajustes Generales o
en Apariencia Configuracin
Seguir utilizando la categora Sin categora
Lo correcto es clasificar nuestras entradas bajo categoras descriptivas que permitirn a
nuestros usuarios el acceso a una coleccin de entradas por tema y que adems mejorarn
nuestro SEO.
No eliminar o editar la Pgina de ejemplo
Otro de los datos que se crean por defecto al instalar WordPress es un ejemplo de pgina cuyo
ttulo y contenido debemos modificar antes de la publicacin definitiva de nuestra web.
Crear demasiadas categoras o muy pocas etiquetas
A menudo los principiantes confunden categoras y etiquetas. Las primeras deben tener un
nmero limitado a nuestras necesidades de contenido y se ordenan segn cierta jerarqua. Las
segundas no se jerarquizan, son ms flexibles y especficas y se van creando sobre la marcha a
la vez que aadimos contenido.
286
No ofrecer a nuestros visitantes una forma de contactar con nosotros

Es importante para los usuarios y muy enriquecedor para nosotros ofrecer en la web vas de
comunicacin. Una pgina de contacto con un formulario, nuestra direccin postal, nuestro
telfono, etctera es lo ms habitual, pero podemos valernos tambin de las redes sociales o de
cualquier otro mtodo que nos convenga.
Ofrecer poco contenido propio
Es fundamental publicar abundante contenido propio y de calidad y evitar los plagios.
Usar contenido protegido por derechos de autor
Siempre debemos comprobar que tenemos los derechos de publicar el contenido,
particularmente las imgenes, y que seguimos las instrucciones en caso de que la publicacin
de ese contenido est sujeto a ciertas condiciones, como por ejemplo citar al autor o incluir
un enlace.
Subir imgenes sin optimizar o archivos demasiado grandes
A nadie le gusta esperar mientras se carga una imagen gigantesca. Es nuestra responsabilidad
optimizar su tamao tanto para comodidad de nuestros usuarios como para cuidar el rendimiento
de nuestra web.
No instalar un plugin para controlar nuestro SEO
Si nos preocupa la posicin de nuestra web en los resultados de la bsquedas, es muy til que
instalemos un plugin que nos ayude a mejorar nuestro SEO.
No hacer uso de las Herramientas para Webmasters

Una vez publicada nuestra web, podemos hacer un seguimiento de su rendimiento SEO mediante
estas herramientas.
No moderar comentarios
Una vez establecidas nuestras normas de moderacin de comentarios, debemos mantenernos al
da y aprobar o denegar cuanto antes los comentarios que aparezcan en la cola de moderacin. De
esta manera evitamos frustrar a los usuarios que muestran inters por participar en nuestra web.
No analizar las estadsticas de visitas
Es bueno crearnos el hbito de consultar las estadsticas de visitas a nuestra web y aprender
tanto como podamos al respecto. All encontraremos valiosas pistas que nos van a permitir
conocer a nuestros usuarios y mejorar nuestra web para ofrecerles lo que buscan de la mejor
forma posible.
1.5 Otros errores

Falta de paciencia y de constancia
Nunca podremos decir que nuestra pgina web est acabada. Las webs, al menos las buenas,
son cambiantes, flexibles, se adaptan a sus usuarios, se pliegan a los tiempos, se modernizan
y se reinventan continuamente. Necesitan atencin constante para mantenerse vivas y, si se las
abandona, acaban por fosilizarse.
Puede que no obtengamos los resultados esperados el primer da, la primera semana o el primer
mes pero, con paciencia y constancia, los visitantes acabarn viniendo y, con suerte, nuestros
objetivos se irn cumpliendo. Si hacemos bien nuestro trabajo lo normal en Internet es que
nuestras expectativas se vean superadas.
Dejar de aprender
No deberamos creer que nos basta con lo aprendido en este curso. Aqu hemos tratado de
mostrar una imagen bsica de todo lo que WordPress abarca, con la esperanza de que la
curiosidad y el ansia de aprender de nuestros alumnos servirn de gua para profundizar en el
aprendizaje avanzado.
Adems, Internet en general y el mundo WordPress en particular estn inmersos en un ambiente
de cambio vertiginoso. Puede que hoy hayamos aprendido principios que maana no sean
vlidos, por eso debemos dotarnos de mecanismos que nos permitan estar informados en todo
momento.
2. Encontrar ayuda
La ayuda con el uso de WordPress es muy fcil de encontrar. Existen millones de pginas que
nos brindan respuestas a nuestros problemas en forma de artculos, foros y webs especializadas.
La informacin ms abundante est en ingls, pero la que podemos encontrar en espaol o
en cualquiera de los otros idiomas oficiales del estado no es nada desdeable tampoco. Una
bsqueda en Google de las palabras WordPress Help arroja la abrumadora cantidad de 716
millones de pginas, pero las claves WordPress ayuda devuelve 17 millones de pginas, que
287
Aula Mentor
son ms que suficiente.

Seguro que entre todas ellas vamos a encontrar nuestras pginas favoritas, esas a las que
acudiremos en caso de dificultades.
Naturalmente, cuando tengamos una duda concreta, deberemos utilizar criterios de bsqueda
ms especficos con el objeto de encontrar la solucin precisa a nuestro problema.
Por otra parte, si queremos acudir a la fuente, podemos consultar la documentacin oficial sobre
WordPress en el Cdex:
Ingles: http://codex.wordpress.org
Espaol: http://codex.wordpress.org/es:Main_Page
Foro de soporte de WordPress [ES]:
http://es.forums.wordpress.org/
Tampoco debemos olvidar que existe un mecanismo de ayuda contextual en todas las pginas
del rea de administracin de WordPress, arriba a la derecha.
Y por supuesto, los tutores del curso estamos a disposicin de los alumnos.
288
Anexo I.
Instalaciones en Windows
Aula Mentor
Este anexo contiene instrucciones para instalar el software adicional que vamos a necesitar para
trabajar con WordPress en un entorno Windows.
1. Instalacin de Visual C++ 2010 SP1

Redistributable Package
Este software es un requisito previo imprescindible para la instalacin de WampServer.

El instalador se puede bajar en los siguientes enlaces (hay que bajar el correspondiente al
procesador de nuestro ordenador):
290
Versin de 32 bits:
http://www.microsoft.com/download/en/details.aspx?id=8328
Versin de 64 bits:
http://www.microsoft.com/download/en/details.aspx?id=13523
Para nuestra explicacin paso a paso vamos a instalar el software en un sistema operativo
Windows 7 de 64 bits.
1. Descargamos el instalador de Visual C++ 2010 SP1 Redistributable Package. Para ello vamos
a la URL: http://www.microsoft.com/download/en/details.aspx?id=13523 y seleccionamos el
idioma deseado. (Si nuestro ordenador es de 32 bits, la direccin a la que debemos ir ser http://
www.microsoft.com/download/en/details.aspx?id=8328)
Anexo 1. Instalaciones en Windows
2. Guardamos el archivo correspondiente en nuestro ordenador.
3. Abrimos el archivo descargado vcredist_x64.exe para que se muestre el programa de

instalacin de Visual C++ 2010. En el primer paso, leemos la licencia y aceptamos los trminos
seleccionando He ledo y acepto los trminos de la licencia. Luego procedemos a la instalacin
haciendo clic en Instalar.
291
Aula Mentor
4. Esperamos mientras se lleva a cabo la instalacin.
5. Una vez completada la instalacin, hacemos clic en Finalizar.

292
2. Instalacin de Notepad++
Notepad++ es un editor de texto sin formato para Windows que soporta varios lenguajes de
programacin, entre ellos PHP. Es similar a Bloc de notas, pero incluye opciones ms avanzadas
que son necesarias para escribir y modificar cdigo, como el coloreado de la sintaxis, el resaltado
de parntesis y la indentacin. Usaremos Notepad++ siempre que queramos editar un archivo
PHP de WordPress.
1. Descargamos Notepad++ de su pgina web oficial http://notepad-plus-plus.org/download/
haciendo clic en el botn Donwload.
293
2. Guardamos el archivo en nuestro ordenador haciendo clic en Guardar archivo.
Aula Mentor
3. Hacemos doble clic en el archivo descargado para mostrar el asistente de instalacin. Cerramos
el resto de aplicaciones abiertas de nuestro ordenador y pulsamos Siguiente >.
294
4. Seleccionamos el idioma en el que queremos la interfaz de Notepad++ y pulsamos Ok.
5. Leemos los trminos de acuerdo de licencia y pulsamos Acepto.
6. El asistente nos pide que elijamos un directorio de destino. Si tenemos dudas, dejamos el lugar
de instalacin por defecto y pulsamos Siguiente >.
295
Aula Mentor
7. En la siguiente ventana podemos marcar los componentes que deseamos instalar. En caso de
duda, dejamos la configuracin por defecto y pulsamos Siguiente >.
296
8. Seleccionamos las caractersticas que queremos usar. Marcamos Create shortcut at Desktop si
queremos que nos guarde un acceso directo en el escritorio y pulsamos Instalar.
10. Recibimos el aviso de que la instalacin se ha llevado a cabo con xito. Si queremos abrir el
programa ahora marcamos Ejecutar Notepad++ y pulsamos Terminar.
297
Aula Mentor
3. Instalacin de Cyberduck
Cyberduck es una aplicacin cliente de FTP que vamos a usar para transferir archivos desde
nuestro ordenador hasta nuestro servidor remoto va FTP.
1. Descargamos Cyberduck de su pgina web oficial http://cyberduck.ch haciendo clic en el
botn Download que aparece en la imagen.
298
2. Haciendo doble clic, ejecutamos el archivo descargado con extensin .exe para que se abra
el asistente de instalacin. En la primera pantalla nos piden que cerremos todas las aplicaciones
abiertas antes de continuar. Una vez cerradas pulsamos Siguiente >.
3. En la siguiente pantalla nos ofrecen la instalacin de Bonjour. No nos interesa, as que

pulsamos Siguiente >.
299
4. Ahora debemos elegir el directorio en el que instalar la aplicacin. Si no estamos seguros,
dejamos el directorio por defecto y pulsamos Instalar.
Aula Mentor
300
6. Obtenemos un mensaje que nos informa del xito de la instalacin. Si queremos que el
programa se abra al finalizar seleccionamos Ejecutar Cyberduck 4.4 y pulsamos Terminar.
Anexo II.
Instalaciones en Mac
Aula Mentor
Este anexo contiene instrucciones para instalar el software adicional que vamos a necesitar para
trabajar con WordPress en un entorno Mac.
1. Instalacin de TextWrangler en Mac
TextWrangler es un editor de texto sin formato para Mac que soporta varios lenguajes de
programacin, entre ellos PHP. Es similar a la versin de slo texto de TextEdit, pero incluye
opciones ms avanzadas que son necesarias para escribir y modificar cdigo, como el coloreado
de la sintaxis, el resaltado de parntesis y la indentacin. Usaremos TextWrangler siempre que
queramos editar un archivo PHP de WordPress.
1. Descargamos TextWrangler de su pgina web oficial http://www.barebones.com/products/
textwrangler/download.html haciendo clic en el botn Download. Ntese que para su
instalacin se requiere un Mac con procesador Intel y la versin del sistema operativo que
aparece en la pgina.
302
Anexo 2. Instalaciones en Mac
2. Hacemos doble clic el archivo descargado con extensin .dmg para abrir la imagen de disco
y copiamos el programa arrastrando el icono de la izquierda sobre el icono de la carpeta a la
derecha.
303
Es todo. El programa estar disponible en la carpeta Aplicaciones.
Aula Mentor
2. Instalacin de Cyberduck en Mac

Cyberduck es una aplicacin cliente de FTP que vamos a usar para transferir archivos desde
nuestro ordenador hasta nuestro servidor remoto va FTP.
1. Descargamos Cyberduck de su pgina web oficial http://cyberduck.ch haciendo clic en el
botn Download que aparece en la imagen. Ntese que para su instalacin se requiere un Mac
con procesador Intel y la versin del sistema operativo que aparece en la pgina.
304
2. Haciendo doble clic, descomprimimos el archivo descargado con extensin .zip y copiamos
el programa arrastrndolo a la carpeta Aplicaciones.
Es todo. El programa estar disponible en la carpeta Aplicaciones.
Glosario.
Aula Mentor
Akismet
Se trata de un servicio de filtrado del spam procedente de los comentarios y los trackbacks de
los blogs. Este servicio est desarrollado por Automattic, la empresa de software creada por Matt
Mullenweg, el fundador de WordPress.
rea de administracin
La aplicacin desde la que se gestiona un sitio web WordPress. Generalmente, se accede a ella en
el directorio wp-admin del sitio web, por ejemplo en http://www.ejemplo.com/wp-admin/
ASCII
Juego de caracteres limitado slo a las letras y signos de puntuacin del alfabeto ingls, nmeros
y unos pocos smbolos.
Automattic
Empresa de software creada por Matt Mullenweg, el fundador de WordPress.
Avatar
Imagen o icono que representa a un usuario.
Back-end
En diseo web, el back-end hace referencia al rea de administracin desde la que se gestiona
un sitio web.
306
Backup
Copia de seguridad que se hace de determinados datos con el objeto de contar con un respaldo
en caso de prdida o deterioro.
Barra lateral
La barra lateral de WordPress es un espacio que proveen los temas para incluir informacin
adicional al contenido. En los blogs tradicionales sola ser una columna vertical, pero actualmente
pueden adoptar diversas formas y posiciones. Las barras laterales generalmente incluyen widgets
que el administrador de la web puede configurar en el rea de administracin.
Base de datos
Conjunto de datos que se almacenan en formato digital. Wordpress utiliza la base de datos
relacional MySQL para guardar y consultar el contenido del sitio web, como por ejemplo
entradas, comentarios, categoras, pginas, etctera.
Blog
Web en la que se publican artculos en orden cronolgico inverso. Es habitual que los lectores
participen activamente mediante comentarios.
Blogger
Persona que escribe un blog.
Blogosfera
Sistema de comunidades de blogs interconectados.
Blogroll
Listado de enlaces a blogs que generalmente se incluyen en las barras laterales de los propios blogs.
Suele tratarse de enlaces a webs amigas, favoritos y recomendaciones del autor del blog que los publica.
Glosario
Borrador
Es un estado de las entradas de WordPress. Implica que la entrada est guardada pero que no
hay sido publicada todava.
CAPTCHA
Siglas de Completely Automated Public Turing test to tell Computers and Humans Apart.
Se trata de un test de Turing inverso en el que una mquina debe averiguar si el usuario
es humano o no. Se utiliza para evitar que los robots puedan hacer uso de determinados
servicios, por ejemplo un formulario de contacto, un foro de discusin, una encuesta,
etctera.
Categora
En el contexto de WordPress, concepto o tema bajo el que se archivan las entradas. Es posible
definir un conjunto de categoras segn cierta jerarqua.
Clase
Un grupo de estilos CSS que se puede aplicar a un elemento HTML.
CMS
Siglas de Content Management System. Se trata de sistemas que sirven de soporte para gestionar
contenidos, principalmente de pginas web.
Comentarios
Una caracterstica de los blogs que permite a los usuarios responder o participar en una entrada.
cPanel
Acrnimo de control Panel. Se trata de un panel de control que usan muchos servicios de
alojamiento web para que los usuarios gestionen el sistema.
Crawlers
Tambin llamados spiders, bots o indexadores. Se trata de programas que utilizan los buscadores
para indexar las pginas web.
CSS
Siglas de Cascading Style Sheets. Se trata del lenguaje de hojas de estilo que se usa para definir
el aspecto y la estructura de un documento HTML, entre otros.
Desarrollador
Programador que crea, modifica y actualiza un determinado software.
Direccin IP
Es un nmero nico asociado a un ordenador u otro dispositivo que le permite comunicarse
con otros dispositivos utilizando el protocolo de Internet. Un ejemplo de IP sera 30.26.71.149.
Dominio
Se trata de una traduccin fcil de recordar de una direccin IP. En la URL http://www.ejemplo.
com/pagina.html el dominio sera ejemplo.com.
Dropbox
Servicio de alojamiento de archivos en la nube, desarrollado por la empresa Dropbox.
307
Aula Mentor
e-Commerce
Llamamos e-Commerce o Comercio electrnico a la compra-venta que se realiza a travs de
Internet y otras redes informticas.
Emoticono
Uso de los caracteres ASCII para representar un rostro humano que exprese una determinada
emocin. Se leen girando la cabeza hacia la izquierda y se utilizan de forma coloquial en email,
foros, SMS, etctera. Por ejemplo: :-)
Entrada (post o entry)
Se trata de cada artculo de un blog.
Escritorio (dashboard)
En WordPress, la pgina de inicio del rea de administracin, que resume la informacin sobre
el sitio y que contiene algunos widgets de acceso rpido a diversas funcionalidades.
Etiqueta (tag)
Palabra clave que describe parte o el total de una entrada. En contraposicin a las categoras, las
etiquetas no se pueden jerarquizar y suelen ser especficas.
Extracto (excerpt)
Una descripcin resumida del contenido de una entrada. Si el autor no define un extracto,
WordPress utiliza para este propsito las primeras 55 palabras del contenido de la entrada.
308
Feed
Medio de redifusin de contenido web. Mediante este medio se divulga informacin frecuente
a las personas suscritas.
Front-end
En diseo web, el front-end hace referencia al rea que se muestra a los usuarios, por oposicin
al back-end, que es el rea de administracin del contenido.
FTP
Siglas de File Transfer Protocol. Se trata del protocolo ms comnmente usado para transferir
archivos a/desde un servidor web remoto.
Galera de imgenes
Se trata de una exposicin de imgenes que se pueden insertar en una entrada. Al hacer clic
sobre ellas se nos muestra la versin a mayor tamao de la imagen.
Gimp
Siglas de GNU Image Manipulation Program. Se trata de un programa de edicin de imgenes
en mapa de bits. Es similar a Photoshop, pero libre y gratuito.
Google Drive
Servicio de alojamiento de archivos en la nube, desarrollado por Google.
Hosting o Web Hosting
Alojamiento Web. Se trata del servicio que permite almacenar cualquier tipo de contenido
(textos, imgenes, vdeos, etctera) para hacerlo accesible va web.
Glosario
.htaccess
Se trata de un archivo de configuracin que se usa para alterar las opciones por defecto del
servidor Apache. WordPress utiliza este archivo junto con el mdulo de Apache mod_rewrite
para generar permalinks. El archivo .htaccess es invisible en Linux/Unix, por lo que es posible
que no podamos verlo con la configuracin por defecto de algunos clientes FTP.
HTML
Siglas de HyperText Markup Language. Es el lenguaje estndar con el que se construyen las
pginas web.
Javascript
Lenguaje de programacin orientado a objetos que se ejecuta en el navegador del usuario y que
ampla la funcionalidad de la interfaz de las webs.
Lightbox
Aplicacin escrita en Javascript mediante la que, al hacer clic en una imagen, esta se ampla y se
sita en el centro de la ventana del navegador con un fondo semi-transparente.
mod_rewrite
Mdulo de Apache que permite la reescritura dinmica de las URL. WordPress usa mod_rewrite
para su estructura de permalinks.
MySQL
Sistema de gestin de bases de datos de uso muy extendido para la creacin de pginas webs
dinmicas.
Pgina
En WordPress, llamamos pgina a la que se usa para presentar informacin esttica sobre el
sitio web. Ejemplos de pginas son las conocidas Quines somos o Contacto.
Permalink
Se trata de un enlace permanente. Se utiliza en los blogs para otorgar a cada entrada una URL
constante en el tiempo.
PHP
Lenguaje de programacin server-side de uso muy extendido para la creacin de webs con
contenido dinmico.
phpMyAdmin
Una interfaz web muy conocida para administrar bases de datos MySQL.
Pie de pgina
rea en la parte inferior de una pgina web. Los temas pueden contener uno o varios pies de
pgina en los que el administrador puede, si lo desea, instalar widgets.
Pingback
Se trata de un enlace inverso que se utiliza en los blogs para avisar a otro blog de que una de
sus entradas est siendo citada. Los pingbacks son automticos, basta con introducir la URL de
un blog en una entrada para que el administrador de ese blog reciba el aviso de que su entrada
est siendo citada.
309
Aula Mentor
Pixlr
Se trata de un editor de imgenes en mapa de bits. Es similar a Photoshop, pero gratuito y
online.
Plugin
En el contexto de WordPress se trata de una aplicacin que aade muy diversa funcionalidad a
la instalacin por defecto.
Rol
El rol de un usuario determina las capacidades de las que que dispone. Cada capacidad le
permite realizar uno o ms tipos de tareas en el rea de administracin de WordPress.
RSS
Siglas de Really Simple Syndication. Se utiliza para difundir informacin a usuarios suscritos.
SEO
Siglas de Search Engine Optimization. Conjunto de tcnicas que permiten el mejor posicionamiento
de una web en los resultados de los buscadores.
Servidor local
Un servidor web es un programa que sirve pginas web, entre otras cosas, a los usuarios que
las solicitan desde un navegador. Decimos que el servidor web es local cuando dicho programa
est instalado en nuestro propio ordenador.
310
Servidor remoto
Un servidor web es un programa que sirve pginas web, entre otras cosas, a los usuarios que las
solicitan desde un navegador. Decimos que el servidor web es remoto cuando dicho programa
est instalado en otro ordenador diferente al nuestro y desde ese ordenador recibe las peticiones
de cualquier usuario conectado a Internet.
Shortcode
En WordPress, se trata de una tcnica mediante la que se sustituye un pequeo cdigo por
aplicaciones PHP de diferente funcionalidad. Este cdigo puede insertarse en cualquier parte
del contenido de la web.
Slideshow
Tambin conocido como Slider. Se trata de algo anlogo a un pase de diapositivas que se
incrusta en una pgina web. Es ms conocido su uso con imgenes, pero algunos de ellos
pueden contener otros tipos de contenido, como vdeos o HTML.
Slug
Es la parte de una URL que permite identificar a una pgina web mediante el uso de palabras,
por lo que permite ofrecer pistas del contenido de la pgina y puede tambin contener claves
que mejoran nuestro SEO. Por ejemplo, en la URL http://www.ejemplo.com/musica/autores/raydavies el slug sera ray-davies.
Smartphone
Se denomina smartphone, o telfono inteligente, al dispositivo mvil capaz de comportarse
de forma semejante a un ordenador, incluyendo su conectividad. Suelen contar con pantallas
tctiles.
Glosario
Software
Cualquier aplicacin construida con cdigo que cumple una gran variedad de funciones. Por
ejemplo, un editor de imgenes, un procesador de texto o el sistema operativo de nuestro
ordenador son todos software.
Spam
Mensajes no solicitados por el usuario, normalmente de tipo publicitario que se envan en cantidades
masivas y que resultan perjudiciales para el receptor y para la comunidad internauta en general.
Spammer
El emisor de spam.
Subdominio
Se trata de un dominio de segundo nivel. En Internet se suelen usar los subdominios como
anexos del dominio principal. Por ejemplo, en la URL http://video.ejemplo.com/pagina.html el
subdominio sera video.
Tema
En WordPress, conjunto de archivos que definen la composicin visual y los estilos de un sitio
web. Cambiar el tema modifica la apariencia de la web sin alterar su contenido.
Tema por defecto
Se trata del tema activo cuando instalamos Wordpress. Los temas por defecto de WordPress han sido:
Hasta la versin 2.9.2: Kubrick
Versin 3.0: Twenty Ten
Versin 3.2: Twenty Eleven
Versin 3.5: Twenty Twelve
Versin 3.6: Twenty Thirteen
Versin 3.8: Twenty Fourteen
Thumbnail
Tambin llamadas miniaturas, son versiones de las imgenes de un sitio web en tamao reducido,
generalmente para usarlas en galeras de imgenes u otros lugares y que muestran la versin
ampliada al hacer clic.
TrackBack
Se trata de un enlace inverso que se utiliza en los blogs para avisar a otro blog de que una de sus
entradas est siendo citada. Los trackbacks no son automticos, al contrario que los pingbacks.
Twenty Fourteen
Tema activo por defecto desde la versin 3.8 de WordPress.
URL
Siglas de Uniform Resource Locator. Se trata de un conjunto de caracteres con una estructura
predefinida que sirve para localizar recursos en Internet (webs, imgenes, vdeos, etctera). Un
ejemplo de URL es http://www.ejemplo.com/pagina.html
UX
Siglas de User Experience. Disciplina que estudia la interaccin de un usuario con un determinado
producto y examina los factores, tanto objetivos como subjetivos, que influyen para que esa
interaccin sea satisfactoria.
311
Aula Mentor
Webmaster
Persona responsable del desarrollo o del mantenimiento de un sitio web.
Widget
En WordPress, un widget es una pequea aplicacin que aade determinada funcionalidad al
sitio web. Los widgets suelen situarse en las barras laterales.
312

Manual Wordpress

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Manual Wordpress

Uploaded by

Copyright:

Available Formats

COLECCIN AULA MENTOR

SERIE DISEO WEB

Crea tu web con

Crea tu web con WordPress

Catlogo de publicaciones del Ministerio: www.educacion.gob.es

Edicin y maquetacin de contenidos

Diseo grfico e imagen

MINISTERIO DE EDUCACIN, CULTURA

2. Conociendo el rea de administracin.......................................................................................... 77

Unidad 5. Plugins para WordPress. Aadiendo funcionalidad 126

2. El men Herramientas..................................................................................................................... 171

2. Anlisis de visitas............................................................................................................................. 278

Unidad 0. Conociendo WordPress

WordPress es el sistema de gestin de contenidos, o CMS (Content Management System), ms

Mdulo 1. U0 Conociendo WordPress

Mdulo 1. U0 Conociendo WordPress

As, a finales de los 90 y gracias al uso de distintos lenguajes de programacin, comenzaron

1.1 El nacimiento de WordPress

1.2 Otros CMS

Mdulo 1. U0 Conociendo WordPress

- Una pgina, llamada archivo, donde consultar entradas antiguas.

2.1 GNU General Public License

WordPress mismo es producto de un trabajo anterior, b2/cafelog, que precisamente fue

2.2 Apache, PHP y MySQL

2.3 La comunidad de WordPress

Mdulo 1. U0 Conociendo WordPress

son ostensibles y permite el mximo aprovechamiento de la versatilidad de WordPress. Esta

Unidad 1. Instalacin de WordPress

1. Instalacin en un servidor local

Mdulo 1. U1 Instalacin de WordPress

1.1 Instalacin de WAMP en Windows paso a paso

Mdulo 1. U1 Instalacin de WordPress

3. Se abre un cuadro de dilogo que nos advierte de varias cosas:

4. El enlace nos redirige a una direccin de sourceforge.net en la que la descarga comenzar

5. En la ventana emergente hacemos clic en Guardar archivo para descargarlo a nuestro

6. Al abrir el ejecutable que acabamos de descargar se nos muestra el asistente de instalacin de

Mdulo 1. U1 Instalacin de WordPress

8. A continuacin debemos seleccionar el directorio de nuestro disco duro donde instalar el

Mdulo 1. U1 Instalacin de WordPress

11. Comienza la instalacin, esperamos hasta que termine.

13. Esperamos mientras finaliza la instalacin.

Mdulo 1. U1 Instalacin de WordPress

18. Si el icono es de color verde, significa que WampServer se ha instalado correctamente, as

Mdulo 1. U1 Instalacin de WordPress

21. Se nos abrir el explorador de Windows en el directorio c:\wamp\www. Creamos una

Mdulo 1. U1 Instalacin de WordPress

1.2 Instalacin de MAMP en Mac OS paso a paso

Mdulo 1. U1 Instalacin de WordPress

4. La siguiente ventana nos informa de que se va a llevar a cabo la instalacin tanto de la

6. Seleccionamos un disco de destino y el usuario en el que queremos instalar la aplicacin. Por

7. MAMP debe instalarse en la carpeta Aplicaciones para funcionar correctamente, as que es

Mdulo 1. U1 Instalacin de WordPress

8. Esperamos mientras la aplicacin se instala.

9. Si todo va bien la aplicacin se habr instalado correctamente. Hacemos clic en Cerrar.

1.2.1 Configuracin de MAMP

Mdulo 1. U1 Instalacin de WordPress

3. La pestaa Iniciar/Detener debe configurarse como se muestra en la imagen. Seleccionamos

Mdulo 1. U1 Instalacin de WordPress

Vamos a probar que funciona correctamente:

2. Lo guardamos con el nombre index.html, seleccionando en el desplegable como formato de

Mdulo 1. U1 Instalacin de WordPress

1.3 Instalacin de WordPress

1.3.1 Creacin de una base de datos

Mdulo 1. U1 Instalacin de WordPress

Unidad 5. Plugins para WordPress. Aadiendo funcionalidad 126