Descarga la aplicación para disfrutar aún más
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
Compartir