Descargar pdf
Transcripción
Descargar pdf
CREIX AMB INTERNET Personaliza tu weblog con Wordpress Personaliza tu blog con WordPress ÍNDICE DE CONTENIDOS 1. Introducción ....................................................................... 3 2. Blogs Blogs y gestores de contenidos (CMS)................................. (CMS) 5 - Características de WordPress 6 - WordPress.org vs WordPress.com 8 3. Alojamiento web de WordPress ............................................ 10 4. Instalación de WordPress .................................................... 12 5. La interfaz de WordPress (backend y frontend) ...................... 14 6. Publicar y gestionar contenidos con WordPress ................... 19 - Crear entradas 20 - Categorías y etiquetas 26 - Los media y la mediateca 27 - Los enlaces 29 - Páginas estáticas 31 - Los comentarios 31 7. Configuración del del bloc:................................................ bloc: - 32 Usuarios, opciones, extensiones y herramientas 8. Personalitza la gràfica del teu bloc ....................................... 39 - Temas y plantillas 39 - Personaliza la gráfica con tus archivos y hoja de estilos 41 - Widgets 46 9. Recursos para ampliar conocimientos.................................. conocimientos 47 1. Introducción La publicación de contenidos en Internet por parte de los usuarios es un hecho, y entre los servicios más populares de la web 2.0 encontramos los blogs. El blog se han convertido en el canal donde se centraliza toda la actividad que llevamos a término en la web, es el canal que muestra la fotografía más completa de la persona o la marca que hay detrás y, por este motivo, la necesidad de personalizarlo y de que su diseño también comunique. Los blogs son una herramienta muy popular hoy en día y su relevancia va en aumento a la Red. Se pueden usar como diarios personales, como lugares para debatir y compartir ideas o noticias de actualidad, como herramienta para promocionarse o buscar trabajo, y a nivel corporativo se usan como herramienta para medir la opinión del mercado, como fuente de información sobre el sector o como herramienta de comunicación interna y externa. El objetivo de esta cápsula es entender el funcionamiento del gestor de contenidos WordPress, así como adquirir las nociones básicas para personalizar un blog con esta herramienta de software libre. WordPress es un gestor de contenidos específico para la creación de blogs de código libre (bajo licencia GPL), lo que significa que el usuario puede disfrutar de las siguientes libertades: Libertad de utilización con cualquier propósito y para siempre en tantos ordenadores como se quiera sin pagar ninguna licencia. Libre acceso al código fuente para estudiarlo y adaptarlo a las necesidades particulares. Libertad de redistribución para incentivar la colaboración. Libertad para modificarlo y publicar las mejoras. Esta última libertad es la más interesante, pues, permite disponer de software actualizado y mejorado gracias al trabajo de la comunidad de desarrolladores que hay alrededor del proyecto. 2. Blogs Blogs y gestores de contenidos (CMS) Los gestores de contenidos (CMS) son sistemas para mantener y actualizar webs de manera fácil. Normalmente funcionan a través de la misma web, y a veces a través de aplicaciones específicas. Los objetivos de los CMS son muy variados: intranets, blogs, portales de noticias, webs de empresas... Los blogs son una herramienta que hace posible que cualquier persona que tenga algo que decir pueda hacerlo en Internet de una manera fácil, usando un tipo específico de gestor de contenidos (CMS) programado para crear y mantener un blog. Se denominan herramientas de blogging. Existen varias soluciones a la hora de escoger una plataforma para crear un blog. Hay lugares donde puedes hacerte tu blog gratuitamente y en 5 minutos (Blogger o myspaces.com), otras soluciones como www. wordpress.com son más completas pero el usuario ha de aprender a manejar la aplicación. También es posible instalar un blog en el propio servidor. En el caso de querer disponer de un blog más personalizado a nivel de diseño y funcionalidades para integrarlo dentro de un determinado entorno (bajo un dominio, como sección de una web, en una intranet...), o de querer mantener el control técnico sobre el blog, la opción recomendada es usar gestores de contenidos que pueden instalarse y configurarse en nuestro servidor. El software de referencia en este campo es el Wordpress, http:// wordpress. org, que como se puede apreciar en la siguiente gráfica es el más utilizado entre los 100 blogs más populares. Fuente: www.pingdom.com (http://royal.pingdom.com/2009/01/15/the-blogplatforms-of-choice-among-the-top-100-blogs/) Características de WordPress: WordPress nació del deseo de construir un sistema de publicación personal, elegante y con una buena arquitectura ("Code is poetry"). Basado en PHP, MySQL y licenciado bajo GPL, Wordpress pone especial atención a la estética, estándares web, y usabilitat. Sus funcionalidades son: Fácil instalación, actualización y personalización. Múltiples autores o usuarios con la posibilidad de establecer diferentes niveles de permisos. Posibilidad de instalar múltiples blogs con la versión WordPress MU (http://mu.wordpress.org/) Capacidad de crear páginas estáticas Permite ordenar entradas y páginas estáticas en categorías, subcategorias y etiquetas ("tags"). Cuatro estados para una entrada: Publicado, Borrador, Pendiente de Revisión y Privado (sólo usuarios registrados), además de uno adicional: Protegido con contraseña. Editor WYSIWYG ( What You See Is What You Get, "lo que ves es lo que genera") Importación desde Blogger, Blogware, Dotclear, Greymatter, Livejournal, Movable Type y Typepad, Textpattern y desde cualquier fuente RSS. Se está trabajando para poder importar a través de scripts o directamente de base de datos. Almacenamiento automático temporizado de la entrada como Borrador. Permite comentarios y herramientas de comunicación entre blogs (Trackback, Pingback, etc). Permite "permalinks" (enlaces permanentes y fáciles de recordar) mediante modrewrite. Distribución de las entradas mediante RDF, RSS 0.92, RSS 2.0 y Atom. Distribución de las discusiones (mediante RSS 2.0 y ATOM 1.0). Gestión y distribución de enlaces. Subida y gestión de adjuntos y archivos multimedia. Dispone de " Plugins" para ampliar las funcionalidades del blog. Dispone de numerosas plantillas (temas) y " Widgets" para personalizar el diseño y la estructura del blog. Cuenta con un potente buscador sobre las entradas y las páginas estáticas. (Fuente: Wikipedia) Wordpress.org vs Wordpress.com La existencia de dos servicios diferentes con el mismo nombre puede causar confusión. WordPress es un gestor de contenidos de software libre que se puede descargar desde la web http://wordpress. org y se ha de instalar en un servidor de Internet bajo un dominio determinado. Durante años ésta ha sido la única opción si lo que se quería era un blog con WordPress, pero desde hace un tiempo también existe la posibilidad de usar este gestor de blogs sin haber de instalar el programa en el servidor propio, y esta opción es la que ofrece WordPress.com ( http:// wordpress.com): permite utilizar este gestor y beneficiarse del dinamismo de su comunidad que diseña nuevas plantillas, programa nuevos plugins, widgets... y te ofrece apoyo mediante FAQ’s, foros y videotutoriales. Ventajas No se ha de instalar El alojamiento del blog entra dentro el servicio El mantenimiento del gestor es competencia de WordPress.com (actualizaciones, seguridad...) El blog forma parte de la plataforma y puede recibir tráfico a través de la nube de etiquetas, los blogs del día (http://es.wordpress.com/) Encontrar otros bloggers próximos a tu temática o interesantes. Desventajas No se le puede poner al bloc un tema personalizado (plantilla gráfica) No se pueden instalar plugins No se puede modificar el código PHP del bloc Servicios Premium y VIP Se puede ampliar espacio, alojar el blog bajo un dominio determinado, añadir publicidad o editar una hoja de estilos propia si se abona una pequeña cantidad ( http://en.wordpress.com/products/). Se puede customitzar el código PHP, la gráfica y añadir plugins si disponemos de páginas con un gran volumen de tráfico (http://vip.wordpress.com/). Ventajas Se le puede poner al blog un tema personalizado (plantilla gráfica) Se pueden instalar plugins Se puede modificar el código PHP del bloc Control sobre la base de datos del bloc Una gran comunidad alrededor del proyecto que da soporte (a través de documentación, foros y listas de distribución) y ofrece temas y plugins gratis. Se publica bajo un dominio propi Se puede añadir publicidad Desventajas Se necesita disponer de un alojamiento web Se ha de instalar en un servidor (se necesitan conocimientos técnicos) La seguridad, el spam y las actualizaciones del gestor son competencia del propietario del bloc. Servicios Premium y VIP Se puede ampliar espacio, alojar el blog bajo un dominio determinado, añadir publicidad o editar una hoja de estilos propia si se abona una pequeña cantidad (http://en.wordpress.com/products/). Se puede customizar el código PHP, la gráfica y añadir plugins si disponemos de páginas con un gran volumen de tráfico (http://vip.wordpress.com/). Para conocer todas las características del gestor de contenidos WordPress, tenéis vuestra disposición la siguiente página: a http://codex.wordpress.org/es:WordPress_Features 3. Alojamiento web de WordPress Para a poder instalar WordPress versión 2.0 o posteriores, los requerimientos del servidor de Internet son los siguientes: PHP versión 4.3 o superiores MySQL versión 4.1.2 o superiores Módulo mod_rewrite de Apache (necesario para activar los enlaces permanentes de las entradas). Sistema operativo Linux preferentemente y Apache FTP Una gran cantidad de proveedores de alojamiento web cumplen estos requerimientos. WordPress tiene una página dónde recomienda empresas de hosting que se entienden a la perfección con su gestor de contenidos: http://wordpress. org/hosting/. Wordpress recomienda el servicio Blue Host (http://wordpress.org/hosting/), que ha sido valorado como el mejor servicio de hosting desdel año 2004. Los hostings norteamericanos son más baratos que los españoles y ofrecen más ventajas (capacidad de almacenamiento, cuentas de correo, etc.), pero cuando necesitamos comunicarnos con ellos lo debemos hacer en inglés. Eso sí, responden en 24 horas y has de escribir mal para no te entiendan. Blue Host o DreamHost (http://www.dreamhost.com/) fueron de los primeros en ofrecer una instalación semi-automatizada de WordPress como podemos ver en este tutorial: http://tutoriales.bluehost.com/started/ La popularidad de los blogs, y en especial del gestor de blogs WordPress, ha originado que las empresas de alojamiento web ofrezcan instalaciones automatizadas (o semi-automatizadas) de esta herramienta de blogging como un servicio más de su catálogo. Las empresas de hosting ponen a disposición de sus clientes herramientas para instalar automáticamente WordrPress (Fantastic es una de las herramientas más populares). Si queréis encontrar empresas de hosting que ofrecen este servicio, lo mejor que podéis hacer es introducir las palabras “alojamiento WordPress” o hosting “WordPress” en Google y consultar la página de resultados. Imagen: Captura de una promoción de Nominalia. Si lo que estáis buscando es un hosting gratuito, introducís las palabras “alojamiento WordPress gratis” gratis” o hosting “WordPress gratis”. La mayoría de los hostings hostings gratuitos se financian mediante publicidad, lo que quiere decir que saldrá publicidad en vuestro blog. blog. Pensad que es un aspecto a valorar, puesto que si lo más importante para vosotros es que la opción sea gratuita tenéis el servicio wordpress.com. El hosting 000 webhost.com (http://www.000webhost.com/ (http://www.000webhost.com/) http://www.000webhost.com/) permite instalar gratuitamente y sin publicidad WordPress. Este hosting se mantiene por las explica lica en un entrada publicada donaciones que hacen sus usuarios. Fabian Muller exp en Webexperto cómo instalar el WordPress:http://www.webexperto.com/articulos/arte/290/instalar http://www.webexperto.com/articulos/arte/290/instalar--wordpressWordPress:http://www.webexperto.com/articulos/arte/290/instalar wordpressenen- hosting/ hosting/-gratis/ 4. Instalación de WordPress (Fuente: Wordpress.org) Los pasos a seguir para instalar WordPress en tu servidor son: 1. Elegid el hosting Consultáis el punto anterior de estos apuntes y buscáis aquel alojamiento web que cumpla los requerimientos necesarios por instalar WordPress y que más se adecúe a vuestras necesidades y conocimientos. Pensad que se debe tener un perfil algo técnico para llevar a término la instalación en un servidor propio. Verificar que el hosting dispone de los requerimientos necesarios (Apache y su módulo mod_rewrite. Sistema operativo Linux preferentemente) Verificar las versiones del PHP (4.3 +) y MySQL (4.1.2 +) Nombre y contraseña de usuario de tu sitio web Un editor de textos de texto plano (Notepad, el bloc de notas del ordenador) Un programa cliente FTP Navegador web 2. Consultad la documentació y planificad vuestro bloc WordPress es una herramienta muy documentada que te facilita su utilización. Hay una pantalla que te guiará en los primeros pasos a hacer: Nuevo en WordPress, Por dónde empezar: (http://codex.wordpress.org/es:New_To_WordPress_-_Where_to_Start) Algunas preguntas importantes que te debes hacer antes de instalar nada: ¿Dónde deseo visualizar el blog? ¿En la pantalla de inicio de la web, como una opción más dentro la web o no lo quiero hacer visible? En función de la respuesta instalarás el software en la raíz de tu directorio o en algún subdirectorio que harás visible o no desde tu web. ¿Qué pantallas quieres añadir a tu blog? Quiénes somos, Contacto... ¿Qué funcionalidades quieres que tenga tu blog? Calendario, subscripción... ¿Qué estructura quieres que tenga tu blog? 3. Descargar y instalar WordPress El WordPress lo podéis descargar desde la pestaña de Download: http://wordpress. org/download/ El software está disponible en catalán ( http://can.wordpress.org/), así como en otros idiomas. 1. Descarga y extrae el paquete de la última versión de WordPress. 2. Crea una base de datos para WordPress en tu servidor web y un usuario de MySQL que tenga todos los privilegios para acceder y modificarla. 3. Renombra el archivo “wp-config-sample.php” con el nombre “wp-config.php”. 4. Abrir “wp- config.php” en tu editor de texto y completa los datos para tu base de datos. 5. Sube todos los archivos de WordPress en el directorio que quieras de tu servidor. 6. Ves a la dirección http://www.midominio.com/wp- admin/install. php y ejecuta el script de instalación de WordPress que aparecerá. Este script generará las tablas que necesita WordPress. 7. Sigue los pasos que WordPress te marcará y apunta el usuario y la contraseña para entrar en el gestor. 8. Cuando finalice la instalación podrás entrar en el gestor con el usuario y contraseña que el programa de instalación te ha proporcionado. Ahora, ya puedes empezar a editar tu blog. 5. La interfaz de WordPress WordPress El blog lo visualizaras al poner la dirección donde lo hayas instalado, y para entrar en el gestor de contenidos has de añadir wp-admin a la dirección del navegador. http://tudominio/wp-admin o http://tudominio/directoriodelbloc/wp-admin Una vez dentro del gestor con el nombre y contraseña que tenemos, nos encontramos con el Panel de administración de WordPress. Esta pantalla es modular y configurable, y desde aquí accederemos a todas las funciones y posibilidades que nos ofrece el gestor. A continuación vamos a ver las áreas principales de la interfaz del Panel de administración para poder orientarnos dentro el gestor, y después echaremos una ojeada al frontend del blog para saber dónde aparecen los diferentes campos y elementos que vamos rellenando des del gestor de contenidos del WordPress. Backend: Panel de administración Cabecera Desde donde se puede visualizar el blog (núm.1), realizar las tareas más frecuentes y salir del gestor (núm.2), mostrar y ocultar módulos o cambiar el distribución de la zona de módulos además de una pestaña de ayuda contextualizada (núm.3). Bajo la cabecera (fijaros en la imagen) es la zona designada para avisarnos de nuevas actualizaciones. Menú principal (núm.4) Sirve para trabajar con el gestor. Tiene tres partes: “Tauler” nos permite volver siempre a la pantalla de inicio del Panel de administración, el segundo grupo de opciones están relacionadas con la publicación y gestión de contenido y comentarios, mientras que el último grupo de opciones están relacionadas con la configuración del blog. Área de trabajo (núm.5) Nos mantiene informados de las novedades con los siguientes módulos: Ahora mismo, Comentarios recientes, Enlaces entrantes, Extensiones, Editor rápido, Borradores recientes, Blog de desarrollo de WordPress, Otras noticias de WordPress. EL área de trabajo se puede configurar desde la pestaña Opciones de Pantalla (núm.3), desde donde podemos mostrar y ocultar módulos o cambiar su distribución añadiendo o sacando columnas. Por su parte, la mayoría de los módulos pueden cambiarse de lugar simplemente arrastrándolos por la pantalla (drag & drop), minimizarse y algunos incluso configurarse en la misma pantalla gracias a la tecnología AJAX, y al cuidado y elegancia con que los desarrolladores han trabajado la interfaz del administrador. Al pasar por encima la barra del título de un módulo aparece una flecha hacia abajo que permite minimizar el módulo. El cursor cambia para indicarnos que el módulo es arrastrable. En algunos casos aparece la opción “Configura”, que nos permite cambiar los parámetros del módulo o dejarlo tal y como estaba si cancelamos. Ahora, y antes de empezar a hablar de todas las opciones que tenéis a vuestra disposición en el menú principal del administrador, vamos a ver el frontend del WordPress. La plantilla azul que trae por defecto WordPress se denomina Kubrick. Las plantillas (themes (themes) themes) configuran la distribución de elementos en el blog y su gráfica. Existe una nutrida comunidad de usuarios aficionados y profesionales que desarrollan nuevas plantillas para WordPress. El gestor publica todas estas plantillas en la sección Extend > Themes (http://wordpress.org/extend/themes/) una vez< han sido aprobadas oficialmente. Frontend Frontend La estructura típica de un bloc consta de los siguientes elementos: Cabecera En la cabecera debe salir el nombre del blog, del autor o de la organización y la temática del blog. En caso de ser un blog corporativo la cabecera debe respirar la imagen corporativa de la empresa. Es importante que la temática quede clara porque ayuda el usuario a hacerse una idea rápida del contenido del blog. Zona de contenidos Esta es la zona principal del blog porque es donde aparecen publicadas las entradas que van generándose y dan sentido al blog. Las entradas se organizan con un orden de cronología inversa tanto en la portada como en el administrador. Una entrada tiene tres áreas: - el título y la fecha. El título te lleva a la página de la entrada, dónde encontramos la entrada entera y el foro de la misma. - la zona del contenido multimedia. - el pié, donde se pueden encontrar las funcionalidades relacionadas con la entrada: etiquetas, categoría donde se ha archivado, acceso a los comentarios y posibilidad de comentar. Barra lateral (sidebar (sidebar) sidebar) En esta zona se publica contenido (páginas y enlaces) y encontramos muchas de las utilidades del blog (buscador, categorías). En esta zona también es donde se publican los widgets, widgets, pequeñas aplicaciones interactivas que permiten visualizar información de otras plataformas. Wordpress incorpora un sistema de Widgets para sus plantillas que ofrece muchas posibilidades. Es importante destacar que cuando se escoge un entrada determinada porque se quiere consultar su foro o hacer un comentario, la barra lateral desaparece. 6. Publicar con WordPress WordPress permite publicar diferente tipo de contenido: entradas, páginas y enlaces. Vamos a ver las características de cada uno de estos elementos. Crear entradas Las entradas son el contenido principal del blog. Ocupan la parte central de la interfaz y se organizan por fecha de publicación en un orden cronológico inverso (el último publicado aparece el primero de la lista). Las últimas entradas publicadas aparecen en la pantalla de inicio del blog, el resto quedan archivadas por orden cronológico bajo el epígrafe Archivos o por orden temático bajo el epígrafe Categorías. Todas las entradas tienen su propia pantalla, donde se puede ver la entrada entera, toda aquella información relativa a la misma (fecha de publicación, autor, tags, categoría...) y los comentarios que se han hecho a la entrada en cuestión. Esta es la característica más definitoria de los blogs: la posibilidad de comentar cada una de las entradas, lo que ayuda a focalizar la conversación con los usuarios. En el tablero del administrador las entradas son la primera opción del menú. Edita: permite editar entradas existentes. Añade: permite crear una nueva entrada. Etiquetas: posibilita la generación de etiquetas para aplicarlas a las entradas. Categorías: posibilita la generación de categorías para organizar las entradas. Al seleccionar la opción Añadir generamos una nueva entrada. La pantalla de ésta se divide en dos partes: en la columna de la izquierda podemos ver todas las opciones que hacen referencia a la edición del texto de la entrada y la interacción con el usuario, mientras que a la derecha son las opciones relacionadas con la organización de esta entrada dentro el blog: dónde la almacenamos (publicación) y bajo qué criterios (etiquetas y categorías). Campo título: En primer lugar nos encontramos el campo para introducir el título. Campo contenido Bajo el título está el campo para escribir el cuerpo de la entrada. Aquí podéis introducir cualquier elemento a través de vuestra entrada: texto, enlaces, imágenes, audio y vídeo. Para introducir elementos multimedia en vuestra entrada existen los iconos de la mediateca que se encuentran situados sobre el campo de texto del cuerpo: Añadir imagen | vídeo | audio | media Al seleccionar cualquiera de los elementos multimedia saldrá una ventana emergente para poder subir el archivo desde vuestro ordenador, enlazarlo de Internet o buscarlo en la mediateca porque ya lo tenéis en el gestor. Para cambiar el aspecto del texto tenéis a vuestra disposición el editor HTML de la vista Visual; toda una serie de botones con una iconografía bastante estándar que nos permite: Hacer listas Citar Alinear Enlazar Más información Corrector ortográficico Pantalla completa Muestra/Esconde opciones avanzadas Si clicamos el botón para Mostrar las herramientas avanzadas nos encontramos con la siguiente barra de herramientas: El primer campo desplegable nos mostrará los estilos HMTL disponibles en la plantilla gráfica escogida. Otros iconos que no son tan fácilmente reconocibles: Se utilizan para pegar texto de Word o de cualquier otro programa (icono con la T). Limpian el código que se arrastra de los programas desde donde se copia el texto: Word, webs... Sirve para borrar el formato que se le ha aplicado al texto. Introducir un media incrustado (un archivo Flash, Quicktime...) Permite introducir caracteres especiales. La otra vista posible a la hora de editar el texto es la vista HTML, donde se ve el código HTML de la entrada. Esta vista se usa para limpiar el código porque habéis arrastrado código de otro programa o habéis hecho muchas pruebas y no sabéis si han quedado restos en el código. Si se sabe HTML también se puede usar para introducir etiquetas que no están contempladas en el editor HTML de la vista Visual. Módulo Extracte Este campo es un campo resumen que equivaldría a la descripción que se hace de las páginas web en las etiquetas meta de la cabecera. Módul Envia retroenlaces Los retroenlaces son para notificar en sistemas de blog antiguos que los habéis enlazado. Si enlazáis otros blogs con el WordPress estos serán notificados automáticamente mediante retropings sin que sea necesario hacer nada más. Módulo Campos Personalizados Los campos personalizados pueden ser usados para añadir metadatos adicionales a una entrada. Y una vez introducido un campo y su valor los tendremos disponibles en todas las entradas. Pero para visualizar estos metadatos se debe tocar el código PHP de la plantilla de Wordpress que tenemos instalada. Por ejemplo: Estado anímico: contenta, triste, divertida... Modulo Discusión Las dos opciones existentes han de estar activas (permitir comentarios y retroenlaces), pues cuando se crea un blog es muy importante abrir todos los canales posibles para interactuar con los lectores y el resto de bloggers. Módulo Comentarios Aquí aparecerán todos los comentarios que los usuarios han hecho a esta entrada. Módulo Publica Sirve para publicar tu entrada y previsualitzarla antes de su publicación. WordPress dispone también de otros estados de publicación que se pueden activar desde el botón Editar del Estado: borrador y pendiente de revisión. Las opciones de visibilidad son: pública, privada o protegida. Publica: podemos determinar una fecha de publicación. Módul Etiquetas Las etiquetas son microcategorías para el blog, y su importancia en Internet va en aumento. Si disponemos de un blog siempre hemos de etiquetar cada una de las entradas porque la gente las pueda encontrar y los motores de búsqueda las indexan con más facilidad y de una manera más adecuada. Módulo Categorías Sirve para clasificar los contenidos del blog bajo categorías propias, así los lectores pueden navegar por categorías específicas para ver todas las entradas de una categoría. Son un menú del contenido del blog, así que no debería haber demasiadas. Desde esta ventana se pueden añadir categorías y seleccionar aquella/es bajo las que se ha de almacenar la entrada. Editar entradas Esta opción sirve para gestionar todas las entradas que hemos generado. Desde aquí se pueden borrar, visualizar y hacer una edición rápida de las propiedades de la entrada (núm. 4) Podemos buscar por cualquier palabra para encontrar una determinada entrada (núm.1) en el buscador. También podemos cambiar las opciones de visualización del listado de entradas (núm.3). Las entradas se clasifican en función de su estado: Publicadas, Borrador, Eliminadas. Si pulsáis la opción Papelera podéis restaurar alguna entrada eliminada por error o eliminarlas definitivamente del gestor. A la barra de filtros (núm.2) podemos realizar acciones masivas de edición de las propiedades de las entradas o eliminación. Otros filtros existentes que nos servirán para discernir entre las entradas son la fecha de publicación y la categoría. Para aplicar el filtro debéis pulsar el botón “Filtro”. Para modificar las columnas visibles del listado ir a la pestaña “Opciones de página” bajo la cabecera. Categorías y etiquetas Las funcionalidades de etiquetas y categorías tienen el mismo formulario en el administrador. La única diferencia es que las categorías se pueden jerarquizar al indicar al gestor que cuelgan de una categoría superior. Por ejemplo: Gestores de contenidos seria la categoría padre, y WordPress, Joomla... serían los hijos. La pantalla está dividida en dos columnas, la de la izquierda sirve para introducir una nueva categoría con todos sus campos, mientras que en la columna derecha podemos gestionar las categorías existentes. Los campos para añadir una nueva categoría o etiqueta son: Nombre de la categoría o de la etiqueta ha de ser único. URL de la categoría: sirve para realizar búsquedas por categorías/etiquetas des del navegador. Ejemplo: http://wp.repositorimagmatic.com/category/musica/ o http://wp.repositorimagmatic.com/?tag=themes Categoría superior (solo en el caso de las categorías): sirve para hacer una jerarquía de categorías. Descripción: este texto solo aparece en algunas plantillas de WordPress, en las otras no es visible. Los media y la mediateca Los media son los archivos de imagen, vídeo, audio y otros tipos de archivos (pdf, Word...) que podemos subir al blog y utilizarlos. Los elementos multimedia se añaden al blog mientras se redacta una entrada, tal y como ya se ha explicado en el apartado Crear una entrada (pág. 19). Aquí os recordamos la iconografía que WordPress usa para los diferentes tipos de elementos multimedia y que encontraréis encima del campo del contenido de cualquier entrada del blog. Añadir imagen | vídeo | audio | media Al seleccionar cualquiera de los elemento multimedia saldrá una ventana emergente para poder subir el archivo desde vuestro ordenador, enlazarlo de Internet o buscarlo en la mediateca porque ha sido subido al gestor previamente. La opción Media del menú principal del administrador permite gestionar los recursos multimedia que vamos añadiendo al blog a través de las entradas, así como subir nuevos para tenerlos disponibles a través de la subscripción Añade. En la opción Mediateca podemos editar, eliminar o ver los media almacenados en el gestor. Se puede llevar a término una acción masiva para eliminar archivos y disponemos del buscador para localizar un elemento determinado. Las opciones para editar una imagen van más allá de los campos descriptivos de la misma (título, texto alternativo...). Para acceder al panel de edición física de la imagen donde podremos recortar, escalar y girarla, debemos seleccionar el botón “Edita la imagen” que aparece al mostrar las propiedades de una imagen bajo la ficha técnica de la misma. En el caso de subir un archivo multimedia recordar que es importante por temas de accesibilidad llenar como mínimo los campos Título y Texto alternativo. Ponedle leyenda si queréis que aparezca un pie de foto y la descripción seria para aquellos tipos de archivos que necesitan ser descritos con más de una frase para poder explicar su contenido (vídeo, audio, Flash...). Los enlaces En un blog es muy importante ofrecer un listado de enlaces interesantes (blogroll) relacionados con la temática del blog, porque los blogs tienden a relacionarse entre ellos a través de los enlaces y a crear comunidades y redes sociales, cada una con sus participantes y temas característicos. WordPress permite: Organizar los enlaces por categorías Hacerlos privados Indicar el tipo de relación del blogger con el enlace Asociar el enlace con una imagen Evaluar la relevancia del enlace La opción Edita es un listado que nos permite gestionar los enlaces existentes: editarlos, eliminarlos, buscarlos y filtrar por categorías o por otros parámetros predefinits (nombre, puntuación...). La opción Categorías de enlaces posibilita la creación de nuevas categorías que aparecerán en el frontend y que nos servirán para clasificar los enlaces. La opción Añade un enlace es muy completa. Dispone de los siguientes módulos para organizar y definir el enlace: Nombre, URL, descripción y destino del enlace. Categoría donde se clasifica Si es público o privado Relación con el enlace (XHTML Friends Network) Adelantado, donde puedes almacenar información añadida sobre el enlace. Páginas estáti estática ticas cas Las páginas estáticas hacen posible añadir toda aquella información fija que queremos que forme parte del menú del blog por intereses personales, profesionales o corporativos. Las páginas quedan fuera de la cronología normal del blog: About, Contacto, etc. Este tipo de páginas más propios de una web, y el hecho de que Wordpress permite generarlas y organizarlas de manera flexible a través del módulo de atributos (pueden jerarquizarse, ordenarse o aplicarle una plantilla determinada si está previsto en el thema escogido por el blog), hace que este gestor de contenidos para blogs esté usándose como gestor de contenidos para web. Los programadores cogen el código de WordPress y lo adaptan en función de las necesidades del cliente. La opción Edita es un listado que nos permite gestionar las páginas existentes: editarlas, visualizarlas, eliminarlas y buscarlas. Los comentarios La opción comentarios del menú principal permite gestionar los comentarios existentes en todo el blog. Los comentarios se pueden clasificar como el correo electrónico en pendientes, aprobados, spam y eliminados. En esta pantalla también podemos buscar comentarios, realizar acciones masivas de eliminación de comentarios y filtrarlos por tipos: comentarios o pings. Para modificar las opciones de los comentarios se ha de ir al menú Opciones > Discusión. 7. Configuración del bloc: usuarios, opciones, extensiones y herramientas Una vez vistas las opciones relacionadas con la publicación y gestión de contenidos y comentarios, vamos a analizar el último grupo de opciones relacionadas con la configuración del blog. Antes de hablar de la personalización gráfica del blog vamos a repasar las opciones de configuración del mismo: usuarios, opciones, extensiones y herramientas. Usuarios La opción Usuarios del menú principal permite definir el perfil del blogger y añadir usuarios a tu blog. En primer lugar lo que haremos es describir nuestro perfil de usuario desde la opción Vuestro Perfil del menú Usuarios. En esta pantalla podemos: • • Cambiar algunas propiedades del administrador del Wordpress: gama de colores, ocultar o visualizar el editor HMTL a la hora de escribir y activar atajos de teclado para moderar los comentarios. Añadir los datos del blogger que queremos que sean públicos y cambiar la contraseña de acceso al administrador del Wordpress. Para añadir nuevos usuarios al blog hemos de ir a la opción Añadir. Añadir Los usuarios no pueden registrarse ellos mismos, si no que el administrador los debe dar de alta, a no ser que explícitamente le indiquéis a WordPress que cualquier persona puede registrarse con un rol predeterminado por vosotros (Menú Principal Opciones > General > Pertenencia y Rol inicial de los nuevos usuarios). Los roles que pueden ser asignados a los usuarios son los siguientes: • • • • • Administrador: tiene permisos de escritura para todo. Subscriptor: únicamente puede gestionar su perfil. Editor: publica y gestionar entradas y páginas, tanto si las ha creado él como si no. Autor: publica y gestiona únicamente sus propias entradas. Colaborador: puede escribir y gestionar sus propias entradas pero no publicarlas. Para gestionar los usuarios de nuestro blog tenemos la opción de Autores y usuarios. Desde aquí podemos buscar usuarios, eliminarlos o cambiarles el rol o ver su contribución al blog (las entradas que han escrito). Opciones Desde el menú Opciones se pueden configurar la mayoría de elementos del blog: cambiar la información del blog, las preferencias de escritura y lectura del mismo o la configuración de los comentarios. La opción General son las opciones generales del blog: título, descripción, dirección, mail del administrador, formato de hora y fecha y la posibilidad de que cualquier persona pueda registrarse en el blog con un rol predeterminado por vosotros (campos Pertenencia y Rol inicial de los nuevos usuarios). Las opciones de escritura hacen referencia a la configuración de la pantalla dónde se escriben las entradas y las posibilidades de publicación de entradas desde otras plataformas: tamaño de la caja del contenido de la entrada, categoría y categoría de enlaces por defecto donde almacenar las entradas y los enlaces, enviar entradas por correo electrónico, publicar de manera remota o hacer un ping a los servicios de actualización que le indicáis a WordPress cada vez que e introduce una nueva entrada. Las opciones de lectura permiten configurar la pantalla de inicio del blog (cantidad de entradas deseadas o si lo que se quiere es colocar una página estática como pantalla inicial) y cómo queremos que nuestra información sea enviada a navegadores y lectores de feeds. Los lectores de feeds facilitan la rápida recepción de nuevos contenidos que se han publicado en nuestro sector o nuestras fuentes preferidas, permiten ordenar el contenido bajo nuestro criterio e informarnos de los contenidos pendientes de lectura. Este tipo de herramientas permiten recibir los contenidos de aquellos canales a los que el usuario se ha suscrito (webs y blogs) desde el navegador web, de forma que no se ha de ir a buscar la información navegando hasta la fuente de la noticia si no que la información llega a vuestro navegador. Los lectores de feeds más conocidos son Bloglines, Google Reader y Feedburner. Las opciones de discusión permiten configurar los comentarios de los usuarios, los pingbacks y trackbacks, moderación de los comentarios, crear hilos de conversación, spam de comentarios, envío de notificaciones a otros blogs cuando hacemos una nueva entrada, avisar por correo electrónico al administrador de la existencia de nuevos comentarios o permitir que el usuario se identifique con un avatar. Las opciones de los media permiten definir las dimensiones máximas que hay que usar cuando se inserta una imagen en una entrada u otro media. Las opciones de privacidad permiten hacer el blog visible o invisible para los buscadores. Los usuarios siempre lo verán a no ser que lo pongamos en una red privada o bajo contraseña. Las opciones de los enlaces permanentes (permalinks) permiten cambiar la estructura de las URL de las entradas y archivos de WordPress de forma que sean URL friendly, es decir, más usables. WordPress almacena las direcciones de las entradas por defecto con una combinación de signos y cifras, pero permite variar esta estructura bien a través de opciones predeterminadas o bien a través de una estructura personalizada. Para las categorías y etiquetas nos permite añadir un prefijo personalizado a la URL. Las opciones diversos sirven para configurar el directorio donde se quieren subir los archivos (por defecto es wp-contento/uploads), organizar los archivos en carpetas en función de la fecha y hacer un seguimiento de las actualizaciones que se producen en los enlaces que tenemos listados en el blogroll. Extensiones (Plugins (Plugins) Plugins) Existe una gran cantidad de extensiones disponibles para WordPress gracias al dinamismo de su comunidad de desarrolladores. Las extensiones, conectores o plugins son herramientas que permiten añadir nuevas funcionalidades; de esta manera se puede personalizar el blog para que responda a las necesidades de cada usuario. El repositorio oficial de extensiones para WordPress se encuentra en la siguiente dirección: http://wordpress.org/extend/plugins/ La opción Instaladas permite gestionar las extensiones que tiene instaladas el blog: activarlas o desactivarlas, eliminarlas, buscarlas y editarlas. El Editor de Extensiones permite editar el código de la extensión así como buscar las funciones que usa la extensión en la documentación técnica de WordPress. La opción Añade permite buscar extensiones por palabra clave, autor, etiqueta o por las más populares dentro de la comunidad de WordPress, las más nuevas o las recientemente actualizadas. También es posible subir las extensiones programadas por uno mismo. Instalar una extensión disponible por el WordPress es una tarea sencilla: 1. Buscar la extensión (Ex. Favicons) 2. Seleccionar “Instalar” en la fila que corresponde a el extensión que deseáis en la pantalla de resultados de la búsqueda. 3. Fijaros en las compatibilidades de la extensión y la versión de WordPress que tenéis instalada, aunque muy probablemente WordPress os avisará si lal extensión que queréis instalar no ha sido probada con vuestra versión de WP. 4. Leed la Descripción de la extensión y las Instrucciones de instalación. En la columna derecha tenéis una pastilla para descargar e instalar la extensión de manera automática. 5. Una vez WP os informe de que la extensión ha sido instalada, activadla en esta misma pantalla y seguid los pasos que os han indicado en la pestaña Instalación. 6. Comprobad en la opción de Extensiones Instaladas si está activa y si tiene parámetros para su configuración. Imagen: Cuadro de diálogo de la extensión elegida Imagen: Pantalla de información del estado de la instalación de la extensión. Desde aquí se activa la extensión. Herramientas WordPress dispone de herramientas que permiten acelerar WordPress en el equipo local, importar/exportar contenido de otras fuentes de información o actualizar la versión de WP. Las dos herramientas que encontramos por defecto en la opción Herramientas es aconsejable que las instaléis porque son bastante útiles: el acelerador del WordPress en el equipo local mediante Google Gears y la herramienta Publica Esto que permite copiar y pegar en una entrada nueva de nuestro blog información que encontramos en la web. Si tenéis entradas o comentarios en otro sistema, el WordPress puede importarlos importar a vuestro blog actual. WP también permite exportar en un fichero XML todos los contenidos que se han generado e el blog para importarlos en otro blog de WP. Y por último tenemos la opción para actualizar la versión de WP que tenéis instalada por otra más reciente. Se puede hacer de manera automática o manual. 8.Personaliza 8.Personaliza la gráfica de tu blog Las plantillas (themes) configuran la distribución de elementos en el blog y su gráfica. Existe una nutrida comunidad de usuarios aficionados y profesionales que desarrollan nuevas plantillas para Wordpress. El gestor publica todas estas plantillas en la sección Extend>Themes una vez aprobadas oficialmente: (http://wordpress.org/extend/themes/) WordPress permite diferentes niveles de personalización gráfica: 1. Instalar un tema que nos guste y cambiarle la cabecera 2. Retocar la hoja de estilos del tema elegido 3. Cambiar los gráficos y la CSS Temas y plantilles Los temas de WordPress son los skins, la apariencia del blog. Los temas son un conjunto de archivos (gráficos, hojas de estilo, plantillas para diferentes tipos de páginas, archivos de código...) que generan una interfaz gráfica y un layout para el blog. Los temas cambian la apariencia del blog pero no afectan a la programación de la aplicación. WordPress ofrece dos temas por defecto en su distribución para su uso inicial (Kubrick y Classic). Podéis cambiar entre estos dos temas mediante el panel de administración: Apariencia > Temas. En la pantalla Temas tenéis en primer lugar el Tema actual que es el que tenéis activo, y debajo encontraréis los Temas disponibles que son los que tenéis instalados en el servidor: pulsáis el enlace Activa del tema disponible Classic y visualizáis el blog. WordPress está programado para cambiar de manera fácil el tema de tu blog. Vamos a comprobarlo: 1. Ir a la opción Añade un nuevo tema del menú Apariencia. 2. Buscar por término, autor o etiqueta. También podéis aplicar un filtro si consideráis que alguno de los filtros predeterminados es importante para el diseño de vuestro blog. O buscar en las categorías establecidas por WP: Destacadas | Más nuevas | Recientemente actualizadas 3. Leer las descripciones de los temas en la pantalla de resultados porque la información que contienen es relevante (si soporta o no Widgets...) y previsualizar el tema antes de instalarlo. Ex: Multi-Color. 4. En la pantalla de resultados seleccionar el enlace Instalar del tema deseado. Aparecerá una pantalla de confirmación de la instalación del nuevo tema. 5 . Volver a la opción Temas del menú Apariencia y Activar el tema que acabáis de instalar y personalizar la cabecera del blog (Apariencia > Cabecera personalizada) Nota: Si el tema elegido proporciona instrucciones, aseguraos de leerlas y seguirlas para la correcta instalación del tema. Los temas pueden proporcionar funcionalidades opcionales especiales que pueden requerir más pasos que los pasos de instalación mencionados arriba. Personaliza la gráfica con tus archivos y hoja de estilos El tema que instaláis puede soportar o no widgets, personalización de colores, de los gráficos de la cabecera, edición de las hojas de estilos... Por este motivo hay que fijarse bien en la descripción del tema antes de instalarlo. También es posible que os aparezca alguna opción nueva al final del menú Apariencia o dentro de las opciones existentes si el tema que habéis escogido permite personalizar algunos elementos del diseño. Por ejemplo, el tema denominado Multi-Color permite cambiar el gráfico de la cabecera y genera una nueva opción en el menú Apariencia denominada MultiColor Theme Options. En este tema vamos a cambiar algunos estilos para adaptarlo a la gráfica que tenemos pensada para nuestro blog: cambiaremos las medidas de la cabecera que es demasiado alta y los colores para usar los corporativos nuestros. Primero investigaremos las opciones predeterminadas que proporciona el tema. Por ejemplo, el tema Multi-Color nos permite hacer los siguientes cambios a la cabecera: • • • cambiar el gráfico de fondo elegir el color del texto ocultar o mostrar el texto Con respecto a los colores, este tema permite personalizar la distribución de algunos elementos en la pantalla y escoger entre un listado predeterminado de combinaciones de colores. Decidimos cambiar las medidas de alto de la cabecera para que se adapte mejor al diseño que tenemos pensado para el blog. Para hacer cambios en los archivos del tema hay que ir a la opción Apariencia > Editor. EL Editor de la apariencia permite cambiar el contenido de los ficheros que conforman el tema. Disponéis de los archivos PHP de las plantillas y de las hojas de estilo del tema. Si vais a modificar un valor no es necesario hacer una copia de seguridad pero si vais a tocar más valores es importante que previamente copiéis el contenido del fichero en un editor de texto plano como el blog de notas, el Notepad++ o cualquier otro que no distorsione el código que copiaréis (nunca usar el Word ni otros procesadores de texto que añadan su propio código). 1. Para cambiar las medidas de la cabecera debemos cambiar las dimensiones de la altura en el archivo “Funciones del tema” (functions. php): En la línea 6 hay que cambiar el valor de la función define(' HEADER IMAGE HEIGHT', 200); por 73. El resultado es define(' HEADER IMAGE HEIGHT', 73); 2. Ahora subiremos a través de la opción Apariencia > Cabecera personalizada el archivo “capsalera_m3i.gif”. 3. Al reducir la cabecera el título se sale. Vamos a modificar su posición en la Hoja de estilos (style. css): bajo el título /* Header */ encontraréis definido el #header h1, al que le cambiaremos el padding-top de 50 a 6 píxeles. Quedará así: padding-top: 6 px; 4. Ahora cambiaremos el color del menú principal, pero únicamente uno de sus estados: el seleccionado. La apariencia de los temas de WordPress se controla desde las hojas de estilo. En una plantilla hay bastantes estilos, de forma que para saber el estilo que estamos buscando lo que se debe hacer es visualizar el código fuente de la pantalla en el navegador y buscar algún texto que se visualice con el estilo que queremos cambiar. Una vez localizado en el código fuente nos fijaremos en el estilo que tiene aplicado y entonces tendremos el nombre del estilo que estamos buscando. En nuestro ejemplo elegimos la pantalla About y este será el texto que buscaremos. Una vez hemos localizado el texto About dentro del menú principal nos fijamos en el estilo que tiene aplicado, en este caso la etiqueta “li”: <li class="page_item page-item-2 current_page_item"> Este estilo se encuentra en la hoja de estilos propia del color escogido por la plantilla: style-black.css, style-brown.css o style-grey.css. En la que tengáis aplicada buscar en la segunda línea de los estilos del menú y cambiar el color del background de #444 a #CB1A57. Debe quedar así: .menu ul .current_page_item a:hover { background: #CB1A57; color: #fff; text-shadow: 1px 1px 1px #333; } 5. Ahora cambiaremos el color de los títulos de la barra lateral: Archivos y Tags. Buscaremos en el código fuente de la página la palabra Archives y veremos que es un H2. Vamos a cambiarle el color de fondo: .sidebar ul li h2 { background: #aa71b2 url(images/gray/sidebar_heading_bg.png) repeat-x top; text-shadow: 1px 1px 1px #9758a0; } Ups, es una imagen de fondo, no podemos cambiar el color de fondo mediante estilos si no que lo deberíamos hacer sustituyendo el gráfico. Bien, ya veis que podemos ir personalizando la hoja de estilos hasta el último detalle. En este último caso necesitaremos sustituir los gráficos. Para cambiar la hoja de estilos y los gráficos de un diseño con el objetivo de personalizarlo completamente, se debe hacer previamente el diseño con un programa de diseño gráfico (Photoshop, Gimp, etc.) y modificar los valores de los estilos en la hoja de estilos, bien a través del editor del WordPress o bien con un editor de texto plano (Blog de notas, NotePad ++) o con un editor HMTL como el Dreamweaver. Y para subir lo que hagáis, así como para realizar las numerosas pruebas con la hoja de estilos si la editáis en local, necesitaréis un programa de FTP (File Transfer Protocol) como el Filezilla o cualquier otro que os guste. Si editáis la hoja de estilos en local dispondréis del buscador del editor de texto o HMTL que os facilitará la rápida localización de los estilos y la ayuda del código de colores (en el caso del NotePad++ o el Dreamweaver), pero para visualizar lo que estáis haciendo deberéis subir constantemente por FTP la hoja de estilos. Con respecto a los gráficos: Podéis hacer un diseño previo y después buscar un tema que se adapte para personalizarlo. Podéis buscar un tema que os guste, hacer una captura de pantalla del mismo y ponéroslo de base en el programa de diseño para ir diseñando con la captura como guía. Los temas se instalan dentro de WordPress en la carpeta “ wp-content”. Allí podréis ver los dos temas por defecto del WP y los que habéis instalado. No estaría de más hacer una copia de seguridad del tema antes de empezar a tocarlo por si necesitamos restituir algún archivo o hacer comparaciones en algún momento del proceso de personalización del diseño. Una muestra de personalización de un diseño sería la del bloc del Centre d’Informació i Promoció del Delta del Llobregat “Porta del Delta”: http://www.portadeldelta.cat/blog/ Para personalizar este diseño se partió del tema Cloudy Night: Widgets Un wiget es una herramienta virtual interactiva que se puede descargar y que ofrece servicios como por ejemplo las últimas noticias, el tiempo o mapas, entre muchos otros. (Font: Viquipèdia) Los widgets son gadgets o artefactos que permiten añadir varias piezas de información al contenido secundario temático, normalmente en la barra lateral o al pié de página de WordPress. El hecho de que exista más o menos espacio previsto para colocar widgets dependerá del tema escogido. Los widgets son extensiones interactivas, es decir, el lector del blog puede interactuar con ellas. Para conocer los widgets disponibles para WordPress hay que ir al repositorio de extensiones y filtrar por la etiqueta widgets: http://wordpress.org/extend/plugins/tags/widget. O si lo hacéis a través del panel del administrador vais a Extensiones>Añadir> Buscar por la etiqueta Widget o widgets. Una vez escogido el widget se instala exactamente igual que hemos hecho con las extensiones, pero la diferencia es que hay un paso más que consiste en ubicarlo en una zona predeterminada de la interfaz (Barra lateral, Pie...) a través de la opción Apariencia > Widgets. En función del tema que hayáis escogido dispondréis de una o más zonas dónde hacer vuestro widget visible. Ex: instalamos el widget “Yahoo Weather” y una vez nos hemos asegurado que lo tenemos activo dentro de la opción Extensiones> Instaladas, vamos a hacerlo visible en el menú Apariencia>Widgets arrastrándolo hasta una de las posibles zonas de la plantilla que están en la columna derecha de la pantalla (Barra lateral, Pie...) 9. Recursos para ampliar conocimientos En el sitio web de WordPress está disponible tota la información y los recursos necesarios para instalar, ampliar, personalizar y documentarse sobre este potente gestor de contenidos para blogs. Para descargarse WordPress: http://wordpress.org/download/ Repositorio de extensiones: http://wordpress.org/extend/plugins/ Repositorio widgets: http://wordpress.org/extend/plugins/tags/widget Repositorio de temes: http://wordpress.org/extend/themes/ Documentación oficial: http://codex.wordpress.org/es:Main_Page Para construirse un blog rápidamente disponéis de muchas herramientas en el mercado, las más conocidas son: Blogger de Google: http://www.blogger.com Spaces de Microsoft: http://home.spaces.live.com/ Wordpress.com: http://wordpress.com Otros programas comentados en el tutorial: Cliente FTP Filezilla: http://filezilla-project.org/download.php Programa de diseño gráfico Gimp: http://www.softcatala.org/wiki/Rebost Editor de texto plano: NotePad ++: http://download.cnet.com/Notepad/30002352_4-10327521.html