Logo Studenta

Crea tu web con WordPress

¡Este material tiene más páginas!

Vista previa del material en texto

Crea tu web con 
WordPress
 COLECCIÓN AULA MENTOR SERIE DISEÑO WEB
Ministerio
de Educación, Cultura
y Deporte
CamSdw
SG
A
LV
Crea tu web con WordPress
Diseño Web
Catálogo de publicaciones del Ministerio: www.educacion.gob.es
Catálogo general de publicaciones oficiales: www.publicacionesoficiales.boe.es
Autora
Helena Gil Ezquerro 
Coordinación pedagógica
Denica Veselinova Sabeva
Tana Diez Vankoningsloo
Edición y maquetación de contenidos
Helena Gil Ezquerro 
Denica Veselinova Sabeva
Tana Diez Vankoningsloo
Diseño gráfico e imagen
Helena Gil Ezquerro 
Denica Veselinova Sabeva
Tana Diez Vankoningsloo
NIPO: 030-14-148-X
ISBN: 978-84-369-5587-3
 Edita:
© SECRETARÍA GENERAL TÉCNICA
 Subdirección General
 de Documentación y Publicaciones
MINISTERIO DE EDUCACIÓN, CULTURA 
Y DEPORTE
MINISTERIO DE INTERIOR
ÍNDICE
Pág.
MÓDULO 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. Anatomía 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. Instalación de WordPress �������������������������������������������������������������������������������������������������� 20
1. Instalación en un servidor local ���������������������������������������������������������������������������������������������������� 20
1�1� Instalación de WAMP en Windows paso a paso ������������������������������������������������������������������������� 21
1�2� Instalación de MAMP en Mac OS paso a paso� ��������������������������������������������������������������������������� 34
1�2�1 Configuración de MAMP ������������������������������������������������������������������������������������������������������ 38
1�3 Instalación de WordPress �������������������������������������������������������������������������������������������������������������� 44
1�3�1 Creación de una base de datos �������������������������������������������������������������������������������������������� 44
1�3�2 Descarga de la última versión de WordPress ���������������������������������������������������������������������� 46
1�3�3 Configuración de wp-config�php ����������������������������������������������������������������������������������������� 48
1�3�4 Asistente de instalación de WordPress �������������������������������������������������������������������������������� 51
2. Instalación en un servidor remoto ������������������������������������������������������������������������������������������������ 55
2�1 Requerimientos técnicos 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 Instalación 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 administración ����������������������������������������������������������������������������������������� 77
3. Planificación del sitio web �������������������������������������������������������������������������������������������������������������� 80
3�1 Elaborar un informe de nuestro proyecto ������������������������������������������������������������������������������������ 81
MÓDULO 2
Unidad 3. Gestión de usuarios ������������������������������������������������������������������������������������������������������������ 84
1. Descripción detallada de los roles ������������������������������������������������������������������������������������������������ 85
1�1 El rol de suscriptor ������������������������������������������������������������������������������������������������������������������������ 85
1�2 El rol de colaborador ��������������������������������������������������������������������������������������������������������������������� 85
1�3 El rol de autor �������������������������������������������������������������������������������������������������������������������������������� 86
1�4 El rol de editor ������������������������������������������������������������������������������������������������������������������������������� 86
1�5 El rol de administrador ������������������������������������������������������������������������������������������������������������������ 87
1�6 El rol de Súper 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 móviles ��������������������������������������������������������������� 97
2�1�2 El caso especial de las tiendas online�������������������������������������������������������������������������������98
2�2 Algunos consejos para escoger un buen tema para nuestro proyecto ��������������������������������������� 98
3. Buscando el tema perfecto. Dónde y cómo descargar temas ��������������������������������������������������� 99
3�1 El directorio de temas de WordPress ������������������������������������������������������������������������������������������ 101
3�1�1 Buscar un tema desde nuestra área de administración ����������������������������������������������������� 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. Instalación manual de un tema ���������������������������������������������������������������������������������������������������� 112
5. Retocando nuestro sitio web. Configuración y adaptación de los temas ��������������������������� 114
5�1 Opciones de configuración ��������������������������������������������������������������������������������������������������������� 114
5�1�1 Apariencia → Personalizar �������������������������������������������������������������������������������������������������� 114
5�1�2 Apariencia → Opciones del tema ��������������������������������������������������������������������������������������� 117
5�1�3 Apariencia → Cabecera ������������������������������������������������������������������������������������������������������� 118
5�1�4 Apariencia → Fondo ����������������������������������������������������������������������������������������������������������� 118
5�2 Uso de Widgets ���������������������������������������������������������������������������������������������������������������������������� 119
5�3 Enredar en el código� Adaptación manual de los temas ����������������������������������������������������������� 122
5�4 Cómo traducir un tema de WordPress ��������������������������������������������������������������������������������������� 122
5�4�1 Configuración de Poedit ������������������������������������������������������������������������������������������������������ 124
Unidad 5. Plugins para WordPress. Añadiendo funcionalidad ��������������������������������������������������� 126
1. Dónde y cómo encontrar plugins ������������������������������������������������������������������������������������������������126
1�1� El directorio oficial de plugins de WordPress ����������������������������������������������������������������������������127
2. Cómo instalar un plugin ����������������������������������������������������������������������������������������������������������������131
2�1� Instalación automática de plugins ����������������������������������������������������������������������������������������������133
2�2� Instalación manual de plugins ����������������������������������������������������������������������������������������������������136
3. La configuración de los plugins ���������������������������������������������������������������������������������������������������138
3�1� Plugins y widgets �������������������������������������������������������������������������������������������������������������������������141
3�2� Shortcodes ������������������������������������������������������������������������������������������������������������������������������������142
3�3� Edición avanzada de plugins ������������������������������������������������������������������������������������������������������146
4. ¿Qué plugins necesita mi sitio web? ��������������������������������������������������������������������������������������������146
4�1� Plugins que todo sitio web debería instalar �������������������������������������������������������������������������������147
4�2� ¿Cuántos plugins puedo usar?, ¿existe un límite? �����������������������������������������������������������������������147
4�3� ¿Cómo 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 imágenes ����������������������������������������������������������������������������������������������������149
4�4�3� Utilidades para vídeo ����������������������������������������������������������������������������������������������������������150
4�4�4� Gestión de usuarios �������������������������������������������������������������������������������������������������������������151
4�4�5� Redes sociales en WordPress ����������������������������������������������������������������������������������������������152
4�4�6� Boletines electrónicos y suscripciones �������������������������������������������������������������������������������153
4�4�7� Calendarios de eventos �������������������������������������������������������������������������������������������������������154
4�4�8� Otros plugins destacados ����������������������������������������������������������������������������������������������������155
4�5� Sitios web multilingües ���������������������������������������������������������������������������������������������������������������156
4�6� Plugins para comercio electrónico ���������������������������������������������������������������������������������������������157
4�6�1� Temas para comercio electrónico ���������������������������������������������������������������������������������������159
Unidad 6. Configurando Wordpress �������������������������������������������������������������������������������������������������160
1. El menú Ajustes ��������������������������������������������������������������������������������������������������������������������������������160
1�1� Ajustes → Generales �������������������������������������������������������������������������������������������������������������������160
1�2� Ajustes → Escritura ����������������������������������������������������������������������������������������������������������������������162
1�3� Ajustes → Lectura ������������������������������������������������������������������������������������������������������������������������164
1�4� Ajustes → Comentarios ���������������������������������������������������������������������������������������������������������������166
1�5� Ajustes → Medios ������������������������������������������������������������������������������������������������������������������������169
1�6� Ajustes → Enlaces permanentes �������������������������������������������������������������������������������������������������169
2. El menú Herramientas ��������������������������������������������������������������������������������������������������������������������171
2�1� Herramientas → Herramientas disponibles �������������������������������������������������������������������������������171
2�2� Herramientas → Importar �����������������������������������������������������������������������������������������������������������172
2�3� Herramientas → Exportar �����������������������������������������������������������������������������������������������������������173
MÓDULO 3
Unidad 7. La creación de contenido �������������������������������������������������������������������������������������������������176
1. Conceptos clave en la creación de contenido ����������������������������������������������������������������������������176
1�1� El cliente es lo primero ���������������������������������������������������������������������������������������������������������������177
1�2� Es bueno ser previsible ���������������������������������������������������������������������������������������������������������������177
2. Cómo redactar textos de calidad para nuestra web �����������������������������������������������������������������178
3. Usabilidad y Experiencia de Usuario (UX) ���������������������������������������������������������������������������������180
4. Algunas ideas para la creación de contenido ����������������������������������������������������������������������������181
Unidad 8. La edición de textos en WordPress ��������������������������������������������������������������������������������183
1. Las entradas o posts ������������������������������������������������������������������������������������������������������������������������184
1�1� Autoguardado y revisiones ���������������������������������������������������������������������������������������������������������1912. El procesador de textos ������������������������������������������������������������������������������������������������������������������192
2�1� Conceptos básicos 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 imágenes �������������������������������������������������������������������������������������������������������������������������������������200
1�1� Conceptos básicos de imagen digital �����������������������������������������������������������������������������������������200
1�1�1� Tamaño y resolución �����������������������������������������������������������������������������������������������������������200
1�1�2� Espacio de color ������������������������������������������������������������������������������������������������������������������202
1�1�3� Compresión y formatos �������������������������������������������������������������������������������������������������������202
1�1�4� Pantallas Retina ��������������������������������������������������������������������������������������������������������������������203
1�2� Optimización de imágenes ���������������������������������������������������������������������������������������������������������203
1�3� Cómo publicar imágenes en nuestra web ���������������������������������������������������������������������������������204
1�3�1� Plugins para imágenes ��������������������������������������������������������������������������������������������������������210
2. Vídeo y audio ������������������������������������������������������������������������������������������������������������������������������������211
2�1� Incrustar (embed) vídeos de YouTube o Vimeo ������������������������������������������������������������������������212
2�2� Incrustar audios de SoundCloud ������������������������������������������������������������������������������������������������212
2�3� Publicar vídeo o audio alojado en nuestro servidor �����������������������������������������������������������������214
2�3�1� Plugins para vídeo ���������������������������������������������������������������������������������������������������������������218
3. La librería multimedia ��������������������������������������������������������������������������������������������������������������������219
4. Problemática legal relacionada con el uso de contenido audiovisual ���������������������������������221
Unidad 10. Categorías, etiquetas, páginas y menús ���������������������������������������������������������������������222
1. Categorías ������������������������������������������������������������������������������������������������������������������������������������������222
2. Etiquetas ��������������������������������������������������������������������������������������������������������������������������������������������226
3. Páginas �����������������������������������������������������������������������������������������������������������������������������������������������228
4. Menús de navegación ����������������������������������������������������������������������������������������������������������������������230
4�1� Qué hacer si nuestro tema no soporta menús personalizados �������������������������������������������������237
MÓDULO 4
Unidad 11. Introducción a WordPress Multisitio ��������������������������������������������������������������������������240
Unidad 12. Optimización para motores de búsqueda (SEO) ������������������������������������������������������242
1. Cómo optimizar nuestra web para motores de búsqueda ������������������������������������������������������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� Añadir 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. Cómo proteger nuestro sitio web �������������������������������������������������������������������������������������������������251
1�1� Escoger contraseñas seguras �������������������������������������������������������������������������������������������������������252
1�2� Actualización de WordPress ��������������������������������������������������������������������������������������������������������252
1�3� Copias de seguridad ��������������������������������������������������������������������������������������������������������������������256
1�3�1� Copias de seguridad manuales �������������������������������������������������������������������������������������������257
1�3�2� Configuración de UpdraftPlus ���������������������������������������������������������������������������������������������259
2. Protección anti-spam ����������������������������������������������������������������������������������������������������������������������261
2�1� Configuración 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. Publicación definitiva de nuestra web �����������������������������������������������������������������������269
1. Migración desde el servidor local al remoto �����������������������������������������������������������������������������269
2. Análisis de visitas ����������������������������������������������������������������������������������������������������������������������������278
2�1� Google Analytics y la legislación sobre cookies������������������������������������������������������������������������282
Unidad 15. Errores comunes y cómo encontrar ayuda ����������������������������������������������������������������2831. Errores que todo principiante debería evitar ����������������������������������������������������������������������������283
1�1� Errores de gestión y planificación ����������������������������������������������������������������������������������������������283
1�2� Errores de configuración y seguridad ����������������������������������������������������������������������������������������284
1�3� Errores de diseño ������������������������������������������������������������������������������������������������������������������������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. Instalación de Visual C++ 2010 SP1 Redistributable Package ���������������������������������������������290
2. Instalación de Notepad++ ��������������������������������������������������������������������������������������������������������������293
3. Instalación de Cyberduck ��������������������������������������������������������������������������������������������������������������298
ANEXO II. INSTALACIONES EN MAC
1. Instalación de TextWrangler en Mac��������������������������������������������������������������������������������������������302
2. Instalación de Cyberduck en Mac ������������������������������������������������������������������������������������������������304
GLOSARIO ���������������������������������������������������������������������������������������������������������������������������������������������306
Módulo 1. 
Unidad 0. Conociendo WordPress
Unidad 1. Instalación de WordPress
Unidad 2. Primeros pasos en WordPress
12
Aula Mentor
Unidad 0. Conociendo WordPress
WordPress es el sistema de gestión de contenidos, o CMS (Content Management System), más 
popular de la web� Se creó originalmente como una herramienta para la publicación de blogs, 
aunque en la actualidad se utiliza para aplicaciones tan diversas como magazines, portfolios, 
portales web, galerías de imágenes 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, también 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 ningún conocimiento anterior de programación� Tampoco se requiere que tengas una 
formación previa sobre diseño web� Basta con que sepas navegar por Internet y tengas ganas de 
aprender más, porque WordPress se encarga de la parte difícil�
Si consigues completar el curso con éxito, tu proyecto web estará listo para publicar en Internet� 
Lo habrás llevado a cabo tú mismo sin necesidad de contratar programadores ni diseñadores, 
tendrá un aspecto perfectamente profesional y una completa área de administración para añadir 
o editar los contenidos de tu web�
¿Preparado? ¡Comenzamos!
13
Módulo 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 diseñado como una herramienta de blogging, o de publicación 
de blogs, y la parte fundamental de su arquitectura no podría entenderse sin comprender 
antes las características y la mecánica de los blogs�
Hoy en día, la gran mayoría sabemos lo que es un blog o, al menos, hemos oído hablar 
de él� Blog es una contracción del inglés weblog, que traducido al español vendría 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 años 90, en los que los autores escribían sobre experiencias diarias, aficiones y quejas, 
componían poesía o plasmaban pensamientos que podríamos 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 Justin’s Links from the Underground (http://
en�wikipedia�org/wiki/Justin_Hall) desde el año 1994� Este blog comenzó siendo una especie 
de visita guiada al Internet de aquel entonces, pero pronto comenzaría a convertirse en un 
relato de la vida privada de Hall, para el que nada parecía lo suficientemente embarazoso o 
íntimo� Jerry Hall habló en su diario digital de sus relaciones sentimentales, de bochornosos 
problemas médicos o incluso del suicidio de su padre�
En España, quizás el blog más emblemático de entre los pioneros fue el famoso diario de 
Claudia P� que, supuestamente, era una adolescente madrileña de 17 años que publicó en 
Internet su diario personal desde junio de 2001 hasta el año 2003� En la actualidad difundir 
la vida íntima en las redes sociales parece estar a la orden del día, así que es difícil que el 
diario de Claudia P� nos resulte chocante, pero en aquel entonces era algo radicalmente 
nuevo y sus lectores reconocían incluso sentirse culpables por estar leyendo lo más cercano 
a un diario secreto�
No es de extrañar que los blogs se hicieran populares a finales de los 90 y su uso se 
propagara de forma exponencial durante los años siguientes hasta alcanzar los niveles de 
difusión que todos conocemos�
Pero el hecho fundamental que animó a más y más gente a publicar un blog fue la creación 
de sistemas que permitieran añadir y editar artículos a personas sin formación previa en 
informática� Al principio, si querías escribir un blog, tenías que tener al menos alguna 
noción de programación, eso explica que muchos de los blogs de aquel entonces tratasen 
sobre temas tecnológicos o abarcasen las áreas de interés habituales entre los aficionados 
a la informática y las nuevas tecnologías� Otros, como por ejemplo el de Claudia P�, estaba 
escrito directamente en HTML, lo que podía convertir en un suplicio cualquier intento de 
actualización�
Además, una de las características clave de los blogs es, precisamente, que se actualizan 
con una frecuencia muy alta, mucho más de lo que en aquel entonces se consideraba 
normal actualizar una web� De hecho, a mediados de los años 90 muchas páginas web eran 
estáticas, es decir, una vez publicadas raramente se hacían modificaciones� 
Pero ocurrió que en aquellas páginas estáticas, tanto personales como corporativas, 
comenzaron a hacerse cada vez más populares las secciones de noticias, en las que se 
publicaban textos breves relativos al tema de la página web, o al sector de la empresa 
de turno, ordenados por fecha� Como estas secciones necesitaban actualizarse con cierta 
14
Aula Mentor
asiduidad, comenzó a hacerse necesario el uso de algún tipo de programa que facilitase esta 
tarea� En parte, esto dio lugar a la evolución de los sistemas que posibilitaban la producción 
y el mantenimiento de artículos web en orden cronológico inverso a una población, mucho 
más extensa, con conocimientos técnicos limitados� Y este concepto, es decir, un listado 
de artículos web en orden cronológico inverso es precisamente la estructura básica 
del blog actual, todo lo demás gira alrededor de esta idea�
Las webs dinámicas se distinguen de las estáticas en que su contenido varía en función 
de ciertos parámetros introducidos, bien por el usuario que visita la página (client-site 
scripting), o bien definidos por un programa (server-side scripting)� Este último tipo de 
webs se crea habitualmente con lenguajes de programación como Perl, ColdFusion, PHP, 
ASP�NET, Ruby, etc… Hoy en día la mayor parte de las páginas web son dinámicas, 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�
15
Módulo 1. U0 Conociendo WordPress
Así, a finales de los 90 y gracias al uso de distintos lenguajes de programación, comenzaron 
a aparecer las primeras herramientas de edición y alojamiento de blogs: Open Diary (1998), 
LiveJournal (1999), Diaryland (1999) o Blogger (1999), que sería adquirido por Google en 
2003�
Pronto resultó evidente que algo había 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 
corporación mediática, porque es prácticamente seguro que ahí afuera hay una cantidad 
mayor o menor de gente que está dispuesta a escuchar lo que tenemos que decir�
Las distintas características que iban adoptando de forma general los blogs iban a configurar 
la noción 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 añadir comentarios a los textos 
publicados� La posibilidad de añadir comentarios, otra de las características clave de los 
blogs, los convirtió en herramientas de comunicación bidireccionales en las que se abría la 
posibilidad de la creación de comunidades online en torno a un blog determinado�
Otros mecanismos muy característicos de los blogs les permitirían conectar con otros 
de intereses similares� Hablamos de los Permalinks, los TrackBacks y los Blogrolls, que 
estudiaremos más 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 año 2002, sería conocida con el término 
blogosfera� 
1.1 El nacimiento de WordPress
En enero de 2003 un estudiante de Ciencias Políticas de 19 años llamado Matt Mullenweg, 
que habría de convertirse en el fundador de WordPress, escribía una entrada en su blog 
titulada “El dilema del software de blogging” [http://ma�tt/2003/01/the-blogging-software-
dilemma/]� 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 
parecía haber desaparecido de la faz de la tierra� El blog de Mullenweg estaba creciendo 
y necesitaba adaptarlo a los estándares web del momento, así que anunció su intención 
16
Aula Mentor
de ampliar el código de b2/cafelog para crear una nueva herramienta de blogging “con 
la flexibilidad de MovableType, el analizador sintáctico de TextPattern, la capacidad de 
modificación de b2 y la sencillez de configuración de Blogger”� El primer comentario a esa 
ya mítica entrada es del cofundador de WordPress, Mike Little, ofreciéndose a contribuir�
Así, el 27 de mayo de 2003 hizo su aparición la primera versión de WordPress� Como detalle 
anecdótico, todas las nuevas versiones a partir de aquella han tenido como nombre en 
clave a músicos de jazz, por ejemplo a la versión 1�2 se la conoce como Mingus por Charles 
Mingus� La versión 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 existían alrededor de 2000 blogs creados con b2/cafelog� Hoy en día se 
calcula que existen más 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 gestión de contenidos web (CMS) se desarrollaron en paralelo a los 
blogs desde mediados de los años 90� Los CMS permiten la creación y administración de 
contenidos de páginas web de muy diversos tipos además de blogs: foros, páginas de 
noticias, tiendas online, webs corporativas, etc…
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 periódicos, las revistas o las grandes corporaciones�
Como ya hemos apuntado anteriormente, hoy en día WordPress no puede considerarse sólo 
como una herramienta de blogging� Es lo suficientemente flexible como para cubrir un rango 
muy amplio de funciones: puede formar una página 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 también en su simplicidad 
y en que resulta mucho más intuitivo que otras herramientas disponibles�
2. Anatomía de WordPress
En WordPress existen dos áreas muy diferenciadas: Por un lado la parte pública, o 
front-end, que es el sitio web en sí que se muestra a los visitantes y, por otro lado, el área 
de administración, o back-end, que es la parte privada desde la que pueden editarse los 
contenidos del sitio o definir su presentación visual�
La estructura básica de WordPress, que se ha mantenido hasta hoy, tiene las mismas 
características de los primeros blogs:
- Un área principal con un listado de entradas (en inglés posts o entries) mostrado en 
orden cronológico inverso, es decir las más nuevas se muestran primero�
- Posibilidad de permitir a los lectores añadir comentarios, trackbacks y pingbacks�
17
Módulo 1. U0 Conociendo WordPress
- Una página, llamada archivo, donde consultar entradas antiguas�
- Uno o más feeds, como RSS o ATOM�
No hay que preocuparse si no conocemos el significado de algunos términos, los veremos 
en detalle más adelante�
Hay también otras características que conviene destacar:
- Uso de permalinks�
- Posibilidad de almacenar los artículos bajo múltiples categorías o subcategorías�
- Soporte para asignar etiquetas a las entradas�
Una propiedad muy valiosa de WordPress es su arquitectura de plugins, soportada desde 
la temprana versión 1�2� Los plugins son pequeños programas que, una vez instalados, 
extienden la funcionalidad del blog� Existen plugins para aplicaciones muy diversas: añadir 
un formulario de contacto, mejorar el posicionamiento de la web en buscadores… La lista 
es extensísima, en el momento de escribir este curso hay cerca de 27�500 plugins en el 
repositorio de WordPress, todos ellos gratuitos y en código abierto�
Otra característica muy práctica es el uso de temas, que se añadió en la versión 1�5� Los 
temas permiten cambiar por completo la apariencia del sitio web, tanto su estructura visual 
como los colores, tipografías y estilos empleados sin necesidad de modificar su contenido 
real, esto es, textos y archivos multimedia (imágenes, vídeo, audio, etc…)
También es posible crear páginas estáticas desde la versión 1�2� En este contexto, una 
página estática es aquella cuyo contenido raramente se modifica, aunque es perfectamente 
posible hacerlo desde el área de administración� Un ejemplo de este tipo de páginas son las 
clásicas “Quiénes somos”, “Contacto” y otras similares�
WordPress es multi-usuario, es decir, pueden acceder al área de administración varios 
usuarios aunque, dependiendo del perfil que tengan asignado, podrán acceder solamente a 
las secciones para las que dispongan de permisos�
Desde la versión 3�0 WordPress es también multi-sitio� Esto quiere decir que es posible 
administrar varios sitios web desde una sola área de administración�
2.1 GNU General Public License
Otra de las razones del crecimiento y la difusión de WordPress, además de que es 
completamente gratuito, es que se distribuye bajo licencia GNU General Public License 
(GPL), la licencia más ampliamente utilizada por los desarrolladores de código abierto� La 
elección de esta licencia no sólo tiene implicaciones prácticas, sino también ideológicas� 
El código abierto o “software libre” otorga la libertad de modificar o redistribuir el código 
fuente bajo ciertas condiciones�GPL es una licencia copyleft, lo que significa que cualquier 
trabajo que se derive de la obra original tendrá la obligación 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 código GPL siempre que lo distribuyan abierto y que permitan a su vez a 
otros desarrolladores utilizar y ampliar su trabajo�
18
Aula Mentor
WordPress mismo es producto de un trabajo anterior, b2/cafelog, que precisamente fue 
elegido porque su licencia permitía su modificación y redistribución, en detrimento de 
TextPattern, que era la primera opción de Matt Mullenweg pero que fue descartado por 
distribuirse bajo un tipo de licencia más restrictiva�
Las implicaciones de optar por una licencia como GPL van mucho más allá del mero 
trámite legal porque, en el caso de WordPress, permitió que un gran número de excelentes 
desarrolladores de todo el mundo contribuyera libremente a la ampliación y mejora de 
su funcionalidad� Este trabajo comunitario continúa en la actualidad, cualquiera puede 
contribuir al desarrollo de WordPress en cualquier área: núcleo, interfaz de usuario, 
plugins, temas, soporte, documentación, etc…
Para saber más 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 envía un mensaje a un 
servidor web, por ejemplo Apache, en el que se encuentra alojada la página que hemos 
requerido� El servidor devuelve la página solicitada como un conjunto de datos y estos datos 
son interpretados por nuestro navegador para mostrarnos la página que queremos consultar�
Cuando la página que pedimos es un documento PHP, Apache necesita de un módulo PHP 
para interpretarla� PHP fue desarrollado originalmente para crear webs dinámicas, se podía 
incorporar directamente al documento HTML y, aunque no tiene licencia GPL, también es 
software libre y gratuito�
Los contenidos de las páginas dinámicas se almacenan muy a menudo en una base de 
datos� Los documentos PHP suelen conectarse a la base de datos para buscar la información 
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 programación 
server-side y MySQL como base de datos y recomienda Apache como servidor web�
Más adelante veremos que debemos conocer las versiones de PHP y MySQL que requiere 
nuestra versión 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 
opción de crear un blog mediante un servicio que incluye el alojamiento y para el que 
el usuario no necesita conocer ningún detalle técnico� Se trata básicamente de registrarse 
en una web y comenzar a publicar� A este tipo de herramienta se accede a través de 
wordpress.com� Esta sería la dirección de su versión en español: http://es�wordpress�com/
Por otro lado, existe la opción primitiva de descargar el software, en la que el usuario se 
tiene que hacer cargo del alojamiento, instalación, configuración y mantenimiento� Si bien 
esta solución requiere una implicación mayor por nuestra parte, las ventajas de su elección 
19
Módulo 1. U0 Conociendo WordPress
son ostensibles y permite el máximo aprovechamiento de la versatilidad de WordPress� Esta 
es, obviamente, la herramienta que vamos a estudiar en este curso� Se accede a ella a través 
de wordpress.org�
Hay gran cantidad de documentación disponible para quienes nos lanzamos a la aventura de 
crear nuestro sitio web con WordPress� Esta documentación, así como el código 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 están en inglés� A continuación, vamos a enumerar algunos de los 
principales enlaces oficiales en español a estos recursos:
Página principal de WordPress [ES]:
http://es�wordpress�org/
Códex [ES]
http://codex�wordpress�org/es:Main_Page
Foro de soporte de WordPress [ES]:
http://es�forums�wordpress�org/
20
Aula Mentor
Unidad 1. Instalación de WordPress
Esta parte del curso puede resultar un poco confusa para los alumnos sin experiencia en la 
creación de páginas web� Si ese es el caso, aconsejamos seguir punto por punto las instrucciones 
de instalación y dejar para más adelante la tarea de comprenderlo todo en profundidad� En 
realidad, la instalación es mucho más sencilla de lo que pueda parecer a simple vista y pronto 
la dominaremos sin problemas�
1. Instalación en un servidor local
La manera más cómoda de configurar WordPress es instalando una copia en un servidor local, 
es decir, en nuestro ordenador� Una vez correctamente configurada y añadidos los contenidos, 
podemos subir nuestro sitio web a Internet mediante un programa de transmisión de archivos 
por FTP�
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 instalación de WordPress consiste en un servidor web Apache con PHP y MySQL� 
Como ya hemos visto, el módulo PHP se utiliza para la creación de páginas dinámicas 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 también paquetes de instalación para Linux llamados LAMP (Linux, Apache, MySQL y 
PHP/Perl/Python)�
Así, vamos a llevar a cabo la instalación en dos pasos:
1� Instalar WAMP o MAMP dependiendo de nuestro sistema operativo: Windows (Uni-
dad 1, capítulo 1�1) o Mac OS (Unidad 1, capítulo 1�2)�
2� Instalar WordPress propiamente dicho (Unidad 1, capítulo 1�3)�
El primer paso sólo será necesario la primera vez que instalemos WordPress� Las siguientes 
veces que queramos instalarlo en el mismo ordenador bastará con seguir el segundo paso�
21
Módulo 1. U1 Instalación de WordPress
1.1 Instalación de WAMP en Windows paso a paso
Los usuarios de Mac pueden omitir este capítulo y pasar directamente al 1�2�
Importante: Existe un requisito previo a la instalación 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é versión 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, serán las más recientes� Para ello debemos ir 
a la siguiente dirección:
http://www�wampserver�com/en/#download
A la hora de redactar este manual, las versiones disponibles eran las que se van a mostrar a 
continuación� Si vemos que las de la web oficial son más recientes, tendremos que descargar la 
que más 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
22
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:
http://sourceforge�net/projects/wampserver/files/WampServer%202/WampServer%202�2/wampserver2�2e/wampserver2�2e-php5�3�13-httpd2�2�22-mysql5�5�24-x64�exe/download
WampServer (64 Bits & APACHE 2�4) 2�2E:
http://sourceforge�net/projects/wampserver/files/WampServer%202/WampServer%202�2/
wampserver2�2e/wampserver2�2e-php5�4�3-httpd-2�4�2-mysql5�5�24-x64�exe/download
En nuestra explicación paso a paso vamos a instalar WampServer en un sistema operativo 
Windows 7 de 64 bits� Para este sistema escogemos la versión “WampServer (64 Bits & PHP 5�4) 
2�4”, que instala la versión más reciente de PHP, la 5�4� Naturalmente, el alumno deberá adaptar 
las instrucciones a continuación a su sistema operativo y su tipo de procesador�
Instalación de WampServer
1� Instalamos Visual C++ 2010 SP1 Redistributable Package siguiendo las instrucciones del 
Anexo 1�1 al final del manual�
2� Hacemos clic en la versión 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�
23
Módulo 1. U1 Instalación de WordPress
3� Se abre un cuadro de diálogo 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 instalación de WampServer�
- Que no debemos mezclar componentes de versiones anteriores de WampServer con la ver-
sión actual� Si tenemos versiones anteriores instaladas, es recomendable desinstalarlas com-
pletamente antes de proceder a la nueva instalación�
Si cumplimos todas las recomendaciones podemos descargar el software en el enlace “you can 
download it directly”
4� El enlace nos redirige a una dirección de sourceforge�net en la que la descarga comenzará 
tras varios segundos�
24
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 instalación de 
WampServer� Debemos cerrar el resto de aplicaciones que tengamos abiertas antes de continuar� 
Una vez listos, pulsamos “Next >”�
25
Módulo 1. U1 Instalación de WordPress
7� Leemos y aceptamos la licencia seleccionando “I accept the agreement” y pulsamos “Next >”�
8� A continuación debemos seleccionar el directorio de nuestro disco duro donde instalar el 
servidor WAMP� En este caso vamos a dejar la ubicación por defecto “c:\wamp” y a pulsar 
“Next >”�
26
Aula Mentor
9� La siguiente ventana nos permite crear un icono de la aplicación en la barra de acceso rápido, 
“Create a Quick Launch icon”, y un icono en el escritorio, “Create a Desktop icon”� En este caso 
hemos elegido la segunda opción, aunque podemos seleccionar lo que más nos convenga� 
Luego pulsamos “Next >”�
10� La siguiente pantalla muestra las opciones seleccionadas para pedirnos confirmación� Si 
queremos cambiar algo pulsamos el botón “< Back” y si todo es correcto pulsamos “Install”�
27
Módulo 1. U1 Instalación de WordPress
11� Comienza la instalación, esperamos hasta que termine�
12� A continuación, si no se ha encontrado ningún problema, el instalador nos pide que elijamos 
nuestro navegador por defecto� Si tenemos dudas, no tocamos nada y simplemente hacemos 
clic en “Abrir”�
28
Aula Mentor
13� Esperamos mientras finaliza la instalación�
14� En la siguiente pantalla se nos permite especificar un servidor SMTP y una dirección de 
correo para configurar la función mail() de PHP� De momento dejamos los valores por defecto, 
ya que podemos configurarlo más adelante si lo necesitamos� Pulsamos Next >”�
29
Módulo 1. U1 Instalación de WordPress
15� Por último, si queremos abrir WampServer al finalizar, seleccionamos “Launch WampServer 
2 now” y pulsamos “Finish”�
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 algún problema con la instalación y no podremos usar 
WampServer, así que probaremos a desinstalarlo y a instalarlo de nuevo siguiendo con cuidado 
todos los pasos de esta guía de instalación� 
30
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 
botón derecho del ratón y seleccionamos el idioma de entre la lista que aparece en el menú 
“Language”�
 
31
Módulo 1. U1 Instalación de WordPress
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 debería mostrar una página referente a la configuración de 
nuestro WampServer, tal como se muestra en la siguiente imagen�
20� Ahora describiremos dónde añadir 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 están y a crear un nuevo directorio� 
Para ello hacemos clic sobre el icono verde de WampServer en nuestra barra de tareas, y 
seleccionamos la opción “Directorio www”�
32
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 más adelante�
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 dirección http://localhost/wordpress/� Si hemos 
hecho todo correctamente, en el navegador deberá leerse “Hola Mundo!”�
23� Una vez hecha esta comprobación vamos a eliminar el archivo “index�html” que acabamos 
de crear enviándolo 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 página de inicio que hemos cargado anteriormente en “http://localhost”�
33
Módulo 1. U1 Instalación de WordPress
25� Los datos de acceso por defecto a phpMyAdmin son “root” como usuario y nada como 
contraseña� Es recomendable que guardemos estos datos de acceso en nuestro documento de 
claves para poder recordarlos más adelante�
26� Esta sería la página principal para administrar nuestra base de datos� Podemos configurar 
el idioma de esta herramienta en el menú desplegable correspondiente� Volveremos a ella un 
poco más adelante�
34
Aula Mentor
1.2 Instalación de MAMP en Mac OS paso a paso
Los usuarios de Windows pueden omitir este capítulo y pasar directamente al 1�3�
1� Vamos a la siguiente dirección: http://www�mamp�info/ y descargamos la versión gratuita 
de MAMP pulsando en el botón “Download now” de la izquierda, el del elefante gris� Hay dis- Hay dis-
ponible una versión 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 conexión que tengamos�
2� Descomprimimos el archivo zip que hemos descargado y hacemos doble clic en el archivo 
resultante con extensión �pkg�
3� Se abre el instalador de MAMP� Hacemos clic en “Continuar”�
35
Módulo 1. U1 Instalación de WordPress
4� La siguiente ventana nos informa de que se va a llevar a cabo la instalación tanto de la 
versión gratuita como la de pago y nos pide que no borremos ni renombremos MAMP� Hacemos 
también clic en “Continuar”� 
5� Leemos y aceptamos las condiciones del contrato de licencia haciendo clic en “Continuar” yluego en “Acepto”�
36
Aula Mentor
6� Seleccionamos un disco de destino y el usuario en el que queremos instalar la aplicación� Por 
defecto se instalará para todos los usuarios del ordenador� Pulsamos “Continuar”�
7� MAMP debe instalarse en la carpeta “Aplicaciones” para funcionar correctamente, así que es 
mejor no cambiar la ubicación de la instalación� Pulsamos “Instalar”� 
37
Módulo 1. U1 Instalación de WordPress
8� Esperamos mientras la aplicación se instala� 
9� Si todo va bien la aplicación se habrá instalado correctamente� Hacemos clic en “Cerrar”� 
38
Aula Mentor
1�2�1 Configuración 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 también 
una versión de pago llamada MAMP PRO� No nos interesa, así que deseleccionamos “Comprobar 
MAMP PRO al arrancar MAMP” y pulsamos en el botón “Arrancar MAMP”� 
2� En el panel de configuración vemos, por las luces rojas, que aún no se han activado los 
servidores Apache y MySQL� Antes de activarlos pulsamos en el botón “Preferencias…”� 
39
Módulo 1. U1 Instalación de WordPress
3� La pestaña “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�
4� En la pestaña “Puertos” introducimos los puertos por defecto de Apache (80) y MySQL (3306) 
pulsando en el botón a tal efecto�
Para poder llevar a cabo los cambios de puerto debemos introducir nuestra contraseña de 
usuario�
40
Aula Mentor
5� El estatus en verde indica que los dos servidores se han activado correctamente�
 
6� En nuestro navegador se abre una ventana mostrándonos unos datos que vamos a necesitar 
más 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 Contraseña)�
41
Módulo 1. U1 Instalación de WordPress
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 página�
8� Si nos piden usuario y contraseña introduciremos como usuario “root” y como contraseña 
también “root”� La página 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 más adelante�
Y ya está, ya tenemos instalado nuestro servidor web� Para mostrar nuestras páginas HTML 
y PHP en un navegador deberemos introducirlas dentro de la carpeta “Aplicaciones/MAMP/
htdocs”�
42
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 “Página web (�html)”, dentro de la carpeta “Aplicaciones/MAMP/htdocs”�
43
Módulo 1. U1 Instalación de WordPress
3� Ahora abrimos una nueva ventana en nuestro navegador e introducimos la dirección 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 específica dentro de 
“htdocs” llamada “wordpress” en la que, más adelante, instalaremos nuestra web�
44
Aula Mentor
1.3 Instalación de WordPress
Una vez configurado un entorno adecuado para nuestro WordPress podemos proceder a su 
instalación� Pero antes debemos comprender, aunque sea a grandes rasgos, un par de conceptos 
básicos:
- WordPress almacena la mayor parte del contenido de la web y muchas de las variables bási-
cas para su funcionamiento en una base de datos�
- Por otra parte están los documentos de programación y algunos otros contenidos, principal-
mente imágenes 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 servi-
dor remoto, si vamos a colgar el sitio web en Internet�
1�3�1 Creación 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 cómo acceder a él, los usuarios 
de Windows encontrarán una explicación en el capítulo 1�1 punto 24 y los usuarios de Mac en 
el capítulo 1�2�1 punto 7, ambos en la Unidad 1�
1� En la página principal de phpMyAdmin hacemos clic en la pestaña “Bases de datos”�
45
Módulo 1. U1 Instalación de WordPress
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�
Como vemos, la creación 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 prácticas, pero en realidad podemos 
elegir el nombre que queramos, generalmente uno que sea un poco más 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 elección de un nombre, que son las siguientes:
- Sólo se permiten caracteres alfanuméricos 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 carácter permitido, incluido un número, pero 
no está permitido que consten sólo de números�
- La longitud del nombre no debe exceder los 64 caracteres�
46
Aula Mentor
En realidad, aunque no sea más que por una cuestión de estilo, es buena idea ceñirse a caracteres 
alfanuméricos más el guión bajo “_”, no utilizar espacios, tildes ni caracteres como la 
“ñ” y utilizar sólo minúsculas�
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 españoles� El español, como 
ya sabemos, tiene también 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, válido 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” 
sería pues multilingüe�
El sufijo final “ci” significa Case Insensitive, es decir independiente de mayúsculas o minúsculas� 
Esto significa que si en nuestra futura web hacemos una búsqueda en nuestra base de datos de 
la palabra “casa”, vamos a encontrar indistintamente “casa”, “CASA” o “Casa”�
1�3�2 Descarga de la última versión de WordPress
Por norma general, es buena idea descargar siempre la última versión estable de WordPress, que 
podemos encontrar aquí: http://wordpress�org/download/
En el momento de escribir este curso, la última versión estable de WordPress era la 4�0, que es 
la que vamos a instalar en este manual� Seguramente estas instrucciones de instalación serán 
válidas también para versiones posteriores, así que no dudes en instalarte siempre la última 
versión disponible, sea cual sea�
47
Módulo 1. U1 Instalación de WordPress
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”�
48
Aula Mentor
1�3�3 Configuración de wp-config�php
La instalación de WordPress es prácticamente automática, pero antes de llevarla a cabo es 
preciso que editemos un poco el principal archivo de configuración, “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 ningún 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 instalación paso a paso:
1� Duplicamos el archivo “wp-config-sample�php” y le cambiamos el nombre a “wp-config�php”�
2� Abrimos el recién 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 botón derecho del ratón (o Crt-Clic para usuarios sin botón derecho) seleccionamos la 
opción correspondiente según se muestra en las imágenes�
49
Módulo 1. U1 Instalación de WordPress
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 contraseña de MySQL será “root” si eres usuario de Mac y nada si eres usuario de Windows�
- El host de MySQL será “localhost”
Así deberían quedar las variables para los usuarios de Windows:
Y así deberían quedar para los de Mac:
4� Con esto sería suficiente para llevar a cabo la instalación pero antes, por motivos de seguridad, 
vamos a configurar también las claves únicas de autentificación� 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:
50
Aula Mentor
5� A continuación 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:
Así quedaría para los usuarios de Windows:
Existen otras opciones de configuración que podremos ir conociendo poco a poco cuando nos 
vayamos convirtiendo en usuarios más avanzados, pero ahora vamos a pasar por fin al asistente 
de instalación de WordPress�
51
Módulo 1. U1 Instalación de WordPress
1�3�4 Asistente de instalación de WordPress
Por fin llegamos al famoso proceso de instalación de WordPress de cinco minutos� Vamos paso 
a paso:
1� Abrimos nuestro navegador y cargamos la URL http://localhost/wordpress/
2� Aparecerá la página de instalación (http://localhost/wordpress/wp-admin/install�php) en la 
que podemos seleccionar el idioma de la aplicación� Pulsamos «Continuar»�
2� A continuación nos piden que rellenemos una serie de datos� No es necesario perder demasiado 
tiempo decidiéndolos porque de todos modos se pueden cambiar más adelante�
52
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 
contraseña, porque los vamos a necesitar muy a menudo� Por lo tanto, vamos a anotarlos en 
nuestro documento de claves�
4� Si no hay ningún error recibiremos un mensaje de éxito� Pulsamos “Acceder”�
53
Módulo 1. U1 Instalación de WordPress
5� Introducimos el usuario y contraseña 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 administración, que conoceremos en profundidad más 
adelante�
54
Aula Mentor
7� Si queremos visitar nuestro sitio web podemos hacerlo a través del enlace “Visitar sitio”, tal y 
como aparece en la imagen�
8� Y este es el aspecto por defecto de nuestro sitio, que cambiará según definamos su diseño, 
su funcionalidad y añadamos contenido�
55
Módulo 1. U1 Instalación de WordPress
2. Instalación 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 económicos hasta servidores dedicados con una configuración 
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 inserción de publicidad 
a cambio del alojamiento�
Es elección 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 prácticas en un hosting gratuito, pero si el objetivo del alumno es la publicación de una 
página web real, es posible contratar alojamiento con garantías de calidad a precios razonables�
2.1 Requerimientos técnicos de WordPress
Los requerimentos técnicos de WordPress pueden variar dependiendo de la versión 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 versión con la que estamos escribiendo este manual, la 4�0, es necesario 
lo siguiente:
- PHP versión 5�2�4 o superior
- MySQL versión 5�0 o superior
Como servidor web, WordPress recomienda Apache, aunque sirve cualquiera que soporte PHP 
y MySQL�
También es importante asegurarse de que el módulo “mod_rewrite” de Apache está activo� Este 
módulo sirve para que podamos usar permalinks en nuestra web�
Si en el momento de hacer el curso existe una versión de WordPress posterior a la 4�0, el alumno 
deberá comprobar si los requerimientos de instalación han cambiado en la siguiente URL: http://
wordpress�org/about/requirements/
En esa misma página se publica también 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 mínimos� 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 módulo de Apache mod_rewrite
¡Gracias!
56
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”, etcétera�
Generalmente, estas empresas ofrecen varios planes de alojamiento dentro de su oferta de 
hosting web� Hay que estar atentos porque a veces los planes más económicos 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 más 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 versión de 
PHP que se requiere�
Soporta MySQL
También tenemos que comprobar si soporta la versión adecuada de MySQL� Un dato a tener en 
cuenta es también el número de bases de datos que se ofrecen, aunque para instalar una copia 
de WordPress una base de datos es suficiente�
Precio de alta
En muchas el alta es gratuita, pero algunas empresas la cobran�
Dominio gratuito incluido
El dominio, comúnmentehablando, es el nombre que identifica al sitio web, por ejemplo “miweb�
com”, “miweb�net”, “miweb�es”, etcétera� Generalmente las empresas de hosting ofrecen, junto 
con el alojamiento de la web, la gestión 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 varían 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 imágenes o vídeos, el espacio en disco será un dato muy a tener en cuenta�
Transferencia
Las empresas de hosting, generalmente, ponen un límite 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 más cuanto mayores sean los archivos que 
debamos transferir y publicar, como por ejemplo vídeos, audios o imágenes grandes� Y también 
está relacionada con el tráfico 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�
También 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�
57
Módulo 1. U1 Instalación de WordPress
Cuentas de correo
Otro factor importante es el número de cuentas de correo que podemos crear con nuestro dominio, 
por ejemplo “info@miweb�com”� También 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 más importantes, pero existen otros muchos que deberemos 
valorar dependiendo de las necesidades concretas de cada proyecto� En la mayoría de empresas 
de hosting existen tablas comparativas de sus distintos planes de alojamiento con un listado de 
todas sus características� Es buena idea visitar estas páginas 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 más adelante contratarán 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 técnico, pero podemos usarlo 
para hacer nuestras pruebas�
A continuación detallamos una lista de webs entre las que podemos elegir la que más 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 español]� En esta web WordPress está preinstalado� No servirá para 
nuestras prácticas, ya que debemos aprender a instalarlo nosotros mismos, pero podemos 
guardar la referencia para otra ocasión�
Podemos consultar una lista completa de hosting gratuito en esta dirección:
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 mayoría de los 
casos, hacerlo a través 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 encontrarán instrucciones para hacerlo en el 
Anexo 1�3 y los de Mac en el Anexo 2�2 en las páginas finales de este manual�
58
Aula Mentor
2.5 Instalación 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 instalación�
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 administración del hosting� 
3� Obtener los datos de acceso FTP�
4� Crear una base de datos MySQL� A veces es necesario crear también 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 instalación automática de WordPress�
Si lo deseamos, podemos seguir a continuación una explicación paso a paso de cómo hacerlo 
en un servidor gratuito� Sin embargo, el área de administración de otros proveedores de hosting 
puede ser muy diferente y, desafortunadamente, en este curso no podemos dar una explicación 
pormenorizada de los pasos a seguir en los diferentes servidores, por lo que la gestión del 
alojamiento queda en manos del alumno�
Cuando este sea el caso, no debemos vacilar en solicitar asistencia al servicio de soporte 
técnico, pidiendo ayuda para encontrar los datos que buscamos o preguntándoles nuestras 
dudas�
Debemos recordar que los datos que necesitaremos serán los siguientes:
- Datos de acceso por FTP a nuestro espacio en el servidor (host, usuario y contraseña)
- Datos de acceso a nuestra base de datos (host, nombre de la base de datos, usuario y 
contraseña)
- Dónde gestionar nuestras bases de datos� Por ejemplo, mediante phpMyAdmin�
- Dónde crear los usuarios de las bases de datos y cómo gestionar sus permisos�
Una vez conozcamos todos los datos, no debemos olvidarnos de apuntar todo cuidadosamente 
en nuestro documento de claves�
59
Módulo 1. U1 Instalación de WordPress
2�5�1 Crear una cuenta en un servidor remoto
Para nuestra explicación 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 botón “Order Now” del bloque “Free Web Hosting Plan”
2� En la siguiente página, si lo deseamos, podemos cambiar el idioma de la página en el menú 
desplegable� Luego seleccionamos la opción “Quiero utilizar un sub-dominio gratis”, elegimos 
el nombre del sub-dominio que deseemos para nuestra web y pulsamos en “Hacer click para 
Continuar >>”�
60
Aula Mentor
3� En la página siguiente hacemos clic en “Añadir a carro”�
4� Ahora debemos introducir nuestros datos� Al elegir el método de pago, dejamos el valor 
por defecto porque al tratarse de un servicio gratuito no tendrá ningún efecto� No debemos 
olvidarnos de marcar nuestro acuerdo con los términos del servicio y por último pulsar “Pedido 
Completado”�
61
Módulo 1. U1 Instalación de WordPress
5� Para finalizar el proceso de pedido nos informan de que vamos a recibir un email de 
confirmación� 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 dirección http://www�
host-ed�me/members/clientarea�php, introducir nuestros datos de acceso y pulsar “Ingresar”�
62
Aula Mentor
2� Pero para seguir con el proceso de configuración de nuestro espacio web, debemos ir a “Mis 
productos y servicios”�
3� Identificamos nuestro producto contratado y pulsamos “Ver detalles”�
4� En los detalles del producto, debemos anotar el usuario y contraseña con el que podremos 
acceder a cPanel para configurar nuestro espacio web y después

Continuar navegando