Un nuevo estudio comandado por la firma de investigación Sucuri ha revelado que 3 de cada 4 sitios webs que fueron hackeados en el último trimestre contaban con el gestor Wordpress. Bien es cierto que hoy día más del 50% de los sitios webs se basan en Wordpress para subsistir, pero también queda claro que un atacante prefiere realizar todos sus esfuerzos al gestor más popular para alcanzar muchas más víctimas.

Este informe de Sucuri desvela que 3 de cada 4 sitios webs que fueron hackeados en el último trimestre se basaban en Worpdress, mientras que el resto de gestores más inseguros son Joomla (16% de sitios hackeados), Magento (5%), Drupal (2%) y vBulletin (0,32%). La mayoría de los hackers acceden a hackear estos sitios haciendo uso de sistemas desactualizados, gestores con anteriores versiones o con plugins abandonados con lagunas de seguridad.

Así, el 55% de los sitios de worpdress que fueron hackeados en este último trimestre contaban con una versión obsoleta del gestor, frente al 91% de Magento, al 86% de Joomla o al 84% de Drupal, viniendo a decir que el usuario de Worpdress es más cuidadoso a la hora de actualizar.

Dominios al mejor precio con este cupón Godaddy

Pero una de las principales causas de hackeo son por los famosos plugins desactualizados que abren una puerta a los hackers, en concreto un 22% de sitios web con wordpress hackeados han contado con tres plugins abandonados instalados:  TimThumb, Gravity Forms y RevSlider.

Finalmente, el estudio confirma que las formas de acceso indeseado a estos sitios web se produce por las famosas puertas traseras, seguido del malware y del SPAM.

[Fuente: Softpedia]

Este fallo de seguridad en Wordpress afecta, sin ir más lejos, a uno de los temas que trae preinstalados el CMS, el conocido “TwentyFifteen”, con lo que cualquier usuario capaz de aprovechar el agujero de seguridad podría lograr acceder al gestor de contenidos de la web en cuestión.

El problema de seguridad de Wordpress no afecta sólo a los temas preinstalados, sino a cualquiera que utilice los paquetes genéricos (donde reside todo el problema) incluidos también plugins. JetPack, por poner nombres sobre la mesa, es otro de los plugins afectados.

La vulnerabilidad en cuestión es conocida como Cross-site scripting o XSS. Básicamente es un tipo de fallo de seguridad que presentan algunas apps web por medio del cual, y mediante inyección de código (JavaScript, VBScript, etc.) en la web, es posible tomar el control del sitio. La forma de explotar esta vulnerabilidad es por medio de un link malicioso en que el usuario tendría que pinchar para poder verse afectado.

La buena noticia es que el problema de Wordpress ya ha sido resuelto, con lo que es verdaderamente importante que, tras haberse dado a conocer este problema, los usuarios del gestor de contenidos procedan a instalar de inmediato la actualización que Wordpress lanzó el jueves a la versión 4.2.2.

Es muy importante que si estás utilizando Wordpress instales este parche oficial para prevenir que tu website se vea afectado. Pero no sólo esto, sino que la actualización también es capaz de solucionar el problema si el fichero example.html de Wordpress se ha visto afectado, eliminándolo.

Las 10 mejores plantillas premium para WordPress

Desde Sucuri Security explican que “la vulnerabilidad XSS es muy simple de explotar y sucede al nivel de Modelo de Objeto de Documento (DOM)”, al tiempo que ofrecen más detalles técnicos acerca del funcionamiento de este tipo de ataques.

[Fuente: NDTV Gadgets]

Instalando componentes, módulos y plugins desde el panel de administración dotarás a tu sitio web de tiendas online, galerías de fotos, foros, etc.

Actualmente el directorio de extensiones de Joomla cuenta con más de 8.680 extensiones, y sigue creciendo.

Tener un número tan elevado de plugins y complementos tiene sus ventajas, pero también sus inconvenientes, y es que tanta variedad nos puede confundir y dificultar la labor de elegir una u otra extensión.

Las mejores ofertas para crear tu propia web

Para facilitarte esta labor te proponemos nuestra selección con los mejores plugins y complementos para Joomla, pero antes un vídeo en el que te contamos qué es y cómo funciona Joomla.

Akeeba Backup

Ningún sitio web construido con Joomla debería prescindir de este componente.

Akeeba se encarga de automatizar las copias de seguridad de tu página para que siempre tengas un backup a mano.

Puedes pensar que no lo necesitas, hasta que un día una subida de tensión en el centro de datos destroza los discos duros del servidor.

Combinado con el script Kickstart, es la solución de seguridad perfecta.

Descargar | Más información

JCE

El editor WYSIWYG incluido de forma predeterminada en Joomla está bien, pero se podría esperar mucho más de él.

JCE es el sustituto más completo que existe, gracias a su sistema interno de plugins.

Además de los gestores inteligentes de enlaces e imágenes, puedes añadir nuevas características instalando pequeños paquetes adicionales como complemento a Joomla.

Descargar | Más información

JComments

Joomla no incorpora ningún sistema de comentarios de forma nativa, por lo que tendrás que incluir otro por tu cuenta.

Si las soluciones de terceros como Disqus no te hacen demasiada gracia, siempre puedes recurrir a componentes como JComments para insertar comentarios en tus artículos.

Este componente se ejecuta en tu servidor, por lo que no tendrás que depender de ninguna otra compañía.

Descargar | Más información

Phoca Gallery

Una de las galerías más completas que existen.

Organiza tus imágenes en carpetas y súbelas todas a la vez para que los álbumes se creen automáticamente.

Sólo tendrás que preocuparte de configurar los tamaños de las miniaturas y qué tema usar para la galería.

Además, se puede integrar con extensiones de e-commerce como Virtue Mart para montar tu propio sitio de venta de imágenes.

Descargar | Más información

K2

Este componente lleva el sistema de creación de contenidos de Joomla a un nuevo nivel.

Con él podrás definir diversos campos personalizados y así crear nuevos objetos de contenido con los que construir sitios web más complejos.

Con un poco de imaginación, K2 es capaz de generar galerías, sitios de noticias, directorios, tablones de anuncios…

Descargar / Más información

Kunena

Si quieres insertar un foro en tu web, no busques más, Kunena es el componente nativo más sencillo de implementar.

Olvídate de scripts y plugins que sincronicen bases de datos entre phpBB y tu sitio Joomla.

Con Kunena es mucho más fácil: instalar, definir los foros y olvidarse del resto.

Descargar | Más información

Proforms

Inserta formularios en tus páginas de Joomla de forma intuitiva.

No es necesario saber HTML ni PHP; basta con instalar Proforms y usar la app del backend para crearlos tú mismo de forma visual.

Se distribuye en dos formatos: gratuito (con menos opciones) y comercial.

Descargar/comprar | Más información

eXtplorer

Si acostumbras a gestionar los archivos de Joomla mediante un cliente FTP, te encantará eXtplorer.

Es un administrador de archivos que se ejecuta directamente desde el backend, proporcionando todas las herramientas necesarias: subida y descarga de ficheros, renombrar, mover, copiar, cambiar permisos y mucho más.

Un must have si te pasas el día haciendo modificaciones.

Descargar | Más información

GCalendar

Inserta calendarios de eventos creados con Google Calendar en tu sitio web Joomla.

A diferencia de otros componentes, no emplea un iframe para cargar el calendario, sino que lo construye desde cero con el feed de Google.

Asimismo, incluye una serie de módulos para mostrar los próximos eventos, su localización y demás.

Descargar | Más información

HikaShop

Aunque durante mucho tiempo la extensión de eCommerce más usada en Joomla fue VirtueMart, poco a poco se ha convertido en un gigante difícil de mantener.

La savia fresca del sector, representada por componentes como HikaShop, está promoviendo la instalación de shopping carts más recientes.

No solo es una tienda online, sino que te asesorará con herramientas de marketing y análisis de mercado.

Descargar | Más información

Paradigm es, para muchos, el mejor temaque RocketTheme ha lanzado en 2013.

Combina fondos planos con imágenes desenfocadas para alternar las secciones de la página, e interpreta el comportamiento del menú superior en base a la posición del scrolling vertical o las dimensiones de la ventana.

Si el ancho es insuficiente, se mostrará un árbol desplegable en la esquina superior izquierda.

Comprar | Demo

Moustache, de YooTheme

Este tema de YooTheme ya ha aparecido en una de las recopilaciones de plantillas para WordPress. Afortunadamente, también es compatible con Joomla, por lo que podrás disfrutar de este estupendo portfolio corporativo en la plataforma que tú elijas. Inspírate con los presets de la página de demostración para hacerte una idea de hasta dónde puede estirarse este tema Instagramero.

Comprar | Demo

Smashboard, de JoomlArt

JoomlArt es otro de los veteranos en la creación de temas Premium para Joomla. Smashboard fue lanzado el pasado junio e implementa un diseño perfecto para magazines modernos. En vez de usar el scroll vertical, los elementos discurren en horizontal, mientras que el clásico menú superior es sustituido por una barra de iconos en el margen izquierdo que permite filtrar las categorías de contenido.

Comprar | Demo

(M)Social, de Gavick

Como indica el nombre, esta plantilla premium para Joomla de Gavick está pensada para webs con un alto componente de interacción social. La cabecera emplea una parrilla dinámica que se reagrupará según el ancho de pantalla disponible, mientras que resto de elementos sigue un estilo plano y equilibrado. En cuanto a los colores, se incluyen varias paletas predefinidas y, además, puedes crear las tuyas propias.

Comprar | Demo

ZT Darki, de Zoo Template

Si te gustó la nueva interfaz de Windows, Darki te entrará por los ojos. Basada en las mismas tendencias estéticas que Modern UI, esta plantilla de ZooTemplate estructura los elementos de la web en módulos regulares con rellenos planos. Eso sí, las extensiones incluidas hacen uso completo de características avanzadas de CSS3, con lo que se consigue un resultado muy llamativo y vistoso.

Comprar | Demo

Optima, de JoomShaper

Uno de los últimos lanzamientos de JoomShaper. Optima está pensada para sitios web corporativos que necesiten un aspecto serio pero no por ello pasado de moda. Animaciones, sombras y transiciones están a la orden del día en esta plantilla Premium e incluye varios perfiles predeterminados para ponértelo aún más fácil.

Comprar | Demo

Bolt, de Themexpert

Si te gustó el tema Xeon, listado como uno de los 10 mejores temas gratuitos para Joomla, Bolt te encantará, pues es algo así como su ‘hermano mayor’. Con multitud de perfiles prediseñados, esta plantilla opta por la estrategia de vista única y permite crear portfolios y webs de presentación en cuestión de minutos. Toda la web se carga en una sola página ultra optimizada, por lo que es posiblemente uno de los diseños más ligeros que podrás encontrar.

Comprar | Demo

Creative, de Joomla Monster

Este diseño de Joomla Monster es de esos que transforman tanto Joomla que los visitantes jamás sospecharían que se trata de un CMS. A primera vista, puede parecer incluso que es una app para tablets. Combina una portada en parrilla 100% responsive con un menú lateral bien integrado dimensionalmente, evitando así la ruptura habitual entre la navegación y el contenido. Todas las previsualizaciones están animadas y cuentan con transiciones sencillas pero atractivas.

Comprar | Demo

Magazino, de Hellas Design

Magazino se sitúa a medio camino entre una webapp y el típico tema para magazines online. El menú de navegación ha sido sustituido por una barra vertical con iconos, mientras que el contenido se reparte en paneles separados cromáticamente por categorías. En su desarrollo se ha usado Bootstrap, por lo que el comportamiento responsive está más que asegurado.

Comprar | Demo

Helion, de Shape 5

La plantilla de diciembre de los chicos de Shape 5 se diseñó para satisfacer la creciente demanda de sitios multimedia. Helion hace especial hincapié en el protagonismo de la barra lateral izquierda y la cabecera central, por lo que incluye varios módulos propios con animaciones y transiciones. Aunque por defecto usa un esquema oscuro, también existe la posibilidad de adaptarlo a paletas claras desde el panel de personalización.

Comprar | Demo

Si no te han convencido ninguna de estas plantillas para Joomla, quizá puedas plantearte utilizar otro CMS en la creación de tu nueva página web.

Diseño profesional con Wordpress

Joomla, al igual que Wordpress, que permite desarrollar sitios web dinámicos e interactivos, páginas web completas y totalmente funcionales.

De hecho, gracias al inmenso número de componentes que existen, podrás transformarlo en casi cualquier cosa.

Este CMS permite altas dósis de personalización dentro de cada diseño, plantilla o tema de Joomla.

Crea tu página web profesional desde 6,99 euros al mes

Si eres fotógrafo y necesitas un sitio en la red, estas plantillas para Joomla son lo que necesitas para mostrar todo tu trabajo de una manera limpia, organizada y muy visual.

BT Photography

BT Photography es una de las plantillas para fotografos en Joomla más populares de Theme Forest.

La portada incorpora un slider con las imágenes a pantalla completa, mientras que el resto de secciones de la página opta por un diseño tradicional a una, dos o tres columnas, según prefieras. Dispone de varias paletas de colores predeterminadas para personalizar rápidamente el aspecto del sitio.

El diseño es totalmente responsive y adaptado a móviles y tablets con hermósas imágenes, animaciones, CSS y Javascript incorporado, compresión de plantilla y demás.

Comprar | Demo

My Folio

My Folio es otro diseño basado en una paleta oscura que resulta realmente elegante.

Con esta plantilla para fotógrafos podrás crear tus propias posiciones de módulo para insertar los bloques de contenido a tu gusto sin preocuparte de las dimensiones de pantalla de los visitantes, pues es 100% responsive.

Puedes elegir entre cargar todo en una sola página dinámica o escoger varias páginas independientes.

Además cuenta con apoyo a más de 500 fuentes de Google, posibilidad de integrar vídeos de Vimeo y/o Youtube, etc.

Comprar | Demo

OT Photographer

Aunque la imagen de portada pueda parecer un tanto narcisista, este diseño puede resultar perfecta para fotógrafos individuales siempre que se le practique algún que otro ajuste de personalización.

El resto de secciones de la página respeta la altura máxima que configures en el panel de administración, por lo que el contenido queda confinado a un área con scroll vertical.

La plantilla OT Photographer cuenta con grandes opciones de personalización a través de CSS sin tables, con ancho de plantilla modificable, columnas intercambiables, 10 posiciones de módulos totalmente plegables y lo mejor de todo, con un SEO muy amigable para los principales buscadores.

Comprar | Demo

JP Personal

El nombre lo dice todo. Este tema está pensado para portfolios personales y, con un par de ajustes, el escaparate digital para tu obra fotográfica.

Aprovecha la plataforma Warp de YooTheme para garantizar un comportamiento 100% responsive y a un precio muy inferior a la media: tan solo 25€.

JP-Personal está construido para dotar a tu web de fotografía de un aspecto moderno y minimalista.

El SlitSlider en la parte superior de la página es perfecto para mostrar a sus mensajes o su producto. Aquí puede añadir sus imágenes de fondo, mensajes de texto o cualquier otro contenido. 

Este plantilla de Joomla para tu portafolio ofrece un diseño responsive gracias al uso de HTML5 / CSS3 y marco Warp. 

Comprar | Demo

Moderno

Dice el refrán que una imagen vale más que mil palabras.

Pues bien, en esta plantilla para fotógrafos y aficionados a la fotografía la imagen lo es todo.

El fondo queda inundado con las imágenes que escojas para la portada, dejando el menú relegado a la parte inferior de la página.

Al navegar entre el contenido, solo están el texto y tus ojos.

Nada de módulos y módulos en cada posible rincón. El tema rey del minimalismo en Joomla.

Comprar | Demo

Spectral

Esta es una de las últimas creaciones de RocketTheme, quizá la agencia de diseño de plantillas para Joomla con más años a sus espaldas.

Aunque en la demo puede parecer algo compleja para un simple portal de fotografía, se puede adaptar fácilmente a casi cualquier caso.

El diseño de estilo está inspirado por las recientes tendencias visuales, mezclando fondos sutiles y superposiciones, para crear una atractiva experiencia para sus visitantes.

Los fondos de cabecera se mezclan íntimamente con la características del diseño con superposiciones creando así efectos increíbles.

Esta es una de las plantillas más personalizables que encontrarás dentro de la amplia variedad de temas disponibles para Joomla. 

Comprar | Demo

Trawolta

Un tema sencillo construido en negros y naranjas para presentar tus últimas creaciones.

La cabecera está ocupada por una parrilla de 3x3, alternando imágenes y texto, dando como resultado una forma rápida y directa de mostrar tus trabajos fotográficos más recientes. El resto de la web sigue una estructura tipo blog correcta y acertada.

Diseño profesional para tu web

Esta es otra de esos "temas" donde la imagen juega un papel fundamental en el diseño de la página. El contenido de la página principal se agrupa cuidadosamente para creae un diseño muy limpio y atractivo.

Comprar | Demo

Showroom

Esta plantilla está diseñada con los portfolios y tumblogs en mente, por lo que no se arriesga y opta por el menú lateral en el margen izquierdo y la sección principal a la derecha.

Gracias a los múltiples presets incluidos, puedes elegir diferentes fondos y posiciones de los elementos.

Al estar creado por los chicos de YooTheme, las animaciones y efectos están más que asegurados en Showroom.

Este tema viene con toda una serie de características como: imágenes destacadas, diferentes variaciones de estilo y color, varios widgets disponibles, iconos, etc.

Comprar | Demo

Photographer

Un tema de vista única que exprime el máximo los fondos a pantalla completa con efecto de paralaje: diferentes fondos se van sucediendo a lo largo de la página, pero permanecen anclados en su posición a medida que los contenidos se desplazan sobre el lienzo.

Es 100% responsive, por lo que la interfaz cambiará de forma inteligente según la resolución disponible.

Una elección perfecta para todas las personas creativas, fotógrafos, diseñadores y otros. 

Comprar | Demo

Aragon

Antes de que empieces a pensarlo: no, este tema no tiene nada que ver con cierta comunidad autónoma.

Aragon sigue las líneas actuales del portfolio a pantalla completa con transiciones y paralaje.

Si le añadimos la integración con Bootstrap, se logra un tema moderno y conseguido, a la altura de los diseños más recientes.

Aragon es una plantilla de Joomla para fotógrafos freelance, pero también ofrece grandes posibilidades para grandes empresas y demás PYMES. 

Comprar | Demo

La gratuidad no rivaliza con la calidad. Elastica es un diseño limpio y sencillo que hace un uso racional de las animaciones CSS3 para darle un aspecto moderno y actual a tu web. 

El motor de renderizado es 100% responsive, lo que garantizará la máxima compatibilidad sea cual sea el dispositivo usado para visitar la página.

Descargar | Demo

Design Control

Recién salida del horno, esta plantilla de Shape 5 llega por Navidad para hacer gala de la plataforma Vertex.

Con ella se pueden construir sitios 100% responsive sin apenas esfuerzo y, de hecho, es la misma tecnología sobre la que se sustentan las plantillas comerciales de esta agencia.

Un diseño limpio y equilibrado con todas las características que se pueden esperar de un portal estándar.

Descargar | Demo

AfterBurner 2

Los chicos de RocketTheme ofrecen este tema de forma gratuita como carta de presentación a sus temas comerciales. Si bien carecen de algunos interesantes extras que sí aparecen en las plantillas Premium, tiene todo lo necesario para montar desde cero un portal con las últimas tecnologías web: HTML5, CSS3 compilado con LESS y JavaScript optimizado.

Descargar | Demo

Master Theme

YooTheme lleva un tiempo sin desarrollar un tema gratuito, pero ofrecen su plataforma Warp de forma totalmente libre. Como parte de este producto se incluye el diseño Master, que sirve como punto de partida para demostrar las capacidades de esta herramienta. Si bien al principio puede parecer excesivamente sencillo, ofrece todas las facilidades para personalizarlo a tu gusto.

Descargar/demo

Meet Gavern

Gavern es la plataforma de diseño de Gavick. En su última revisión, incluye soporte nativo para el framework Bootstrap de Twitter, lo que permite usar las últimas tecnologías web de forma eficiente sin ninguna complicación. El resultado final es un tema limpio, 100% responsive, con múltiples posibilidades de modularización para adaptarlo a tus necesidades.

Descargar | Demo

Music

Otro tema responsive de Gavick que implementa una interfaz con un alto componente jerárquico. Construido en torno a un portal sobre música, esta plantilla demuestra las posibilidades del framework de la agencia. Lanza la demo y redimensiona la ventana del navegador para ver cómo los elementos cambian su posición según el ancho de la página.

Descargar | Demo

ST Orddie

Una plantilla gratuita para montar una web corporativa con grandes encabezados, elementos animados y varios estilos de blog que responden perfectamente a las dimensiones de la pantalla. El personalizador incluido permite cambiar fácilmente de paleta de colores para encontrar el punto de partida más próximo al resultado final que desees.

Descargar | Demo

Sports Digga!

Una portada con fondos dinámicos que estructura los diferentes elementos de la página en bloques bien diferenciados. Dependiendo de la resolución a la que se renderice la web, el menú inteligente adopta una forma u otra para facilitar la experiencia de uso lo más posible. Crosstec es la agencia responsable de este diseño y, al igual que en el resto de sus productos, ofrece una descarga gratuita con funcionalidades limitadas. ¡Prueba todas las que quieras!

Descargar | Demo

Expose 4

Otro diseño concebido para hacer gala de la plataforma creada por la agencia de diseño de turno; en este caso, Themexpert. La interfaz es, cómo no, 100% responsive gracias al framework Bootstrap de Twitter. Implementa lo último de HTML5 y CSS3, así como un asistente de personalización para ajustar la plantilla a las necesidades del diseño. Ligera y funcional, es un buen punto de partida para ponerse en serio en esto del diseño web.

Descargar | Demo 

Xeon

Si buscas crear el típico portal de presentación de vista única, Xeon es tu plantilla. Las secciones de la web no utilizan diferentes páginas, sino que se sitúan en una sola usando diferentes paneles. La transición de uno a otro puede hacerse mediante desplazamiento vertical o, si lo prefieres, directamente desde el menú.

Descargar | Demo

Si no te han convencido ninguna de estas plantillas para Joomla, quizá puedas plantearte utilizar otro CMS en la creación de tu nueva página web.

Diseño profesional con Wordpress

Los CMS son sistemas de generación contenidos que, por su naturaleza online, requieren un servidor web con PHP y MySQL o similares.

No obstante, antes de contratar ningún servicio de alojamiento, es recomendable iniciar el desarrollo en un entorno local, en tu propio PC.

Uno de los más usados es XAMPP y es totalmente compatible con Joomla.

Crea tu propio servidor local para desarrollo web con XAMPP

Instala Joomla 3.x en tu servidor

La instalación de los CMS más recientes, como Joomla, no entraña más dificultad que seguir los pasos de un asistente a través del navegador.

No obstante, para un usuario principiante, los conceptos utilizados pueden resultar poco obvios y quizá necesiten esta guía detallada para servidores XAMPP.

Primeros pasos con Joomla 3: Instalación y conceptos básicos

El panel de administración de Joomla 3.x

Todo buen CMS necesita de un buen panel de administración, y Joomla puede presumir de ello.

La nueva versión luce orgullosa un backend totalmente renovado, por lo que gestionar tu página web será más sencillo que nunca.

Tu nueva web desde 0,99 euros al mes

Además, seguirás descubriendo algunos términos propios de esta plataforma.

Conoce el nuevo panel de administración de Joomla 3

Empieza a generar contenidos en Joomla

Una de las grandes ventajas de los CMS como Joomlao Wordpress es poder escribir artículos directamente desde el panel de control, gracias al editor visual que integran.

No hay que preocuparse por escribir código HTML ni tener Word a mano; todo transcurre en tu navegador sin necesidad de plugins.

Cómo publicar artículos en Joomla 3

Crea el menu de navegación

En Joomla, cada sección de la web ha de estar correctamente referenciada en el sistema de menús.

Es la única forma de añadir los apartados a la navegación del sitio y, además, ofrece muchas posibilidades de configuración para cada elemento individual, haciéndolo todavía más versátil.

Configura la navegación de tu web con los menús de Joomla

Personaliza el diseño de la web

En la mayoría de CMS, el diseño de la web es solo un aspecto más que puedes cambiar a tu antojo.

En Joomla, basta con instalar la plantilla, ajustar su configuración y activar el nuevo tema desde el panel de administración. En apenas tres clicks puedes cambiar radicalmente el aspecto de tu web.

Escoge un tema para Joomla y cambia el diseño de tu web

Los módulos en Joomla

En Joomla, los módulos son las extensiones utilizadas para insertar todo tipo de elementos en la página web. Puede ser un panel con los últimos mensajes publicados, el menú de navegación o un formulario de ingreso.

Hay miles de ellos y tú eliges cuáles usar.

Usa los módulos de Joomla y elige qué mostrar en la portada

Añade un sistema de comentarios

Joomla incluye todo lo necesario para empezar a publicar artículos en un blog o mantener una web de noticias.

También dispone de un sistema de usuarios, pero no hay ninguna facilidad integrada que permita comentar los artículos. Para ello, hay que recurrir a extensiones desarrolladas por terceros.

Añade un sistema de comentarios para tus artículos en Joomla

Los componentes

Los componentes de Joomla te permiten añadir casi cualquier cosa a tu web: foros, galerías de imágenes, sistemas de suscripción, monitorización de estadísticas... Al fin y al cabo, el JED cuenta con más de 7000 extensiones, así que es muy probable que allí encuentres todo lo que necesites para tu web.

Extiende las funcionalidades de Joomla con sus componentes

Sube tu sitio a Internet

AkeebaBackup es la solución de copias de seguridad más usada en el universo Joomla. Además de poner a salvo tu web, facilita enormemente la migración de webs a otros servidores.

Por si fuera poco, ¡es gratuito y muy fácil de usar! De paso, también aprenderás a restaurar backups genéricos.

Sube tu sitio Joomla local al servidor web usando un backup

Añade estadísticas y botones sociales

Tras completar la migración al server online, es hora de anunciar tu llegada a la red. Inserta algunos botones para que tus visitantes difundan y compartan los contenidos en sus redes sociales y monitoriza la actividad resultante con las estadísticas facilitadas por Google Analytics.

Sigue las estadísticas y socializa tu web basada en Joomla

El repositorio de Joomla está repleto de plugins que te permiten insertar botones con los que compartir los contenidos en Facebook, Twitter, LinkedIn y demás redes. Algunos siguen el desplazamiento vertical desde el lateral, otros están fijos bajo el texto y otros admiten muchas más configuraciones. También los hay comerciales o gratuitos, así que a fin de cuentas depende de tus gustos personales. Lo mejor es explorar la categoría Social Share del JED para ver todas las opciones disponibles. En el ejemplo se usará JoomShareBar, cuya descarga, eso sí, requiere registro.

Descubre el dominio perfecto

Instala JoomShareBar

Instala el plugin de la forma habitual a través del gestor de extensiones y, a continuación, dirígete a Extensiones> Gestor de plugins. Localiza la entrada correspondiente a JoomShareBar y pincha sobre ella para editar la configuración.

Cambia su estado a Habilitado y, en la pestaña 1. Basic Settings, activa, al menos, el modo Article View. La configuración predeterminada incluirá una columna flotante en el lateral que mostrará los botones en vertical aunque, por supuesto, puedes cambiarlo a tu gusto.

A lo largo de las diferentes pestañas podrás especificar si quieres que el panel siga al visitante según avanza por la página o si quieres incluir un enlace a tu página de Facebook. Dedícale unos minutos hasta estar satisfecho. Cuando estés listo, presiona en Guardar y cerrar y visita un artículo cualquiera para ver cómo le sienta a tu web.

Monitoriza las estadísticas

Lo más probable es que quieras llevar cierto control sobre el volumen de visitas que recibe la página, qué consultas han hecho en el buscador para llegar a ti o quién ha enlazado cierto contenido. Para ello, una de las mejores herramientas es Google Analytics. Antes de nada, date de alta en Analytics visitando este enlace y entrando con tu cuenta de Google. Luego, añade un nuevo perfil para la web siguiendo estas instrucciones.

Luego, en Joomla, instala un plugin de gestión de Analytics como Nice Google Analytics y, en su configuración, introduce el identificador del tracking UA. Especifica también la dirección de tu web y, en el desplegable inferior, si tienes varios dominios o subdominios. Habilita el plugin y presiona en Guardar y cerrar.

Tu página de informes de Google Analytics comenzará a mostrar los primeros datos al cabo de unas horas, si bien sólo comenzará a ser útil al cabo de varios días, momento en el que ya tendrás visitas suficientes para obtener resultados del análisis de estadísticas.

Tarifas y fucniones de tu web

Aunque lo habitual es acceder al JED y buscar la extensión pertinente, nada impide que vayas directamente a la web del desarrollador del componente y lo descargues ahí mismo. En el caso de AkeebaBackup, tienes que ir a esta dirección, escoger la última versión disponible para Joomla 3 y descargar el paquete Akeeba Backup Core. Luego, desde el panel de administración, instálalo de la forma habitual.

Si se produce algún error, es posible que tenga que ver con restricciones en la configuración de subida de archivos. Ante esta situación, puedes cambiar la configuración del php.ini o, si tienes espíritu aventurero, probar con otro método de instalación. Sitúate en la pestaña Instalar desde una URL y pega la dirección web que aparece junto al archivo recién descargado en el gestor del navegador (normalmente, está disponible con el atajo Ctrl+J).

El alojamiento web que necesitas

Crea un backup de tu sitio Joomla

Cuando lo tengas instalado, ve a Componentes> Akeeba Backup y acepta la configuración predeterminada presionando en el botón Accept the mandatory information and apply preferences, situado abajo del todo. A continuación, deja que se ejecuten los tests de rendimiento.

Cuando acabe, presiona directamente en el botón Backup now y, en la siguiente ventana, introduce algunos datos que te ayuden a identificar esta copia de seguridad. Por último, vuelve a presionar en Backup now y espera a que se completen todos los pasos de la copia. Cuando acabe, pincha en Manage Backups y verás la nueva copia en el listado de backups.

Carga el fichero comprimido al servidor online

Accede al servidor FTP de tu alojamiento usando el programa que quieras, ya sea FileZilla o el propio cliente FTP de Windows. Si no conoces cuáles son tus datos de conexión, contacta con tu proveedor. En cualquier caso, suele ser ftp.midominio.com y la combinación de usuario y contraseña del panel del hosting. Cuando hayas accedido, localiza el fichero JPA en la ruta C:\xampp\htdocs\joomla\administrator\components\com_akeeba\backup y cárgalo a la parte pública del server (carpeta /public_html, /htdocs o /www, usualmente). 

Servidores virtuales, ¿qué ofrecen?

Sube el script Kickstart de Akeeba

Mientras se sube el archivo JPA, accede de nuevo al sitio de Akeeba Backup y, esta vez, descarga el script Kickstart desde esta dirección. Este script se encargará de descomprimir el fichero JPA y lanzar el instalador de Joomla en el servidor online. No es un componente de Joomla, así que no trates de instalarlo como tal, pues no funcionará. Se descargará un Zip que debes descomprimir en tu disco duro, creando un buen abanico de archivos. De todos ellos, selecciona los ficheros kickstart.php, json2.min.js, jquery.min.js y, por último, la traducción española es-ES.kickstart.ini. Cárgalos en el mismo directorio que usaste para el fichero JPA del paso anterior.

Instala tu web online

En cuanto estén todos los ficheros subidos en el FTP, accede a la dirección www.midominio. es/kickstart.php y comprueba que el selector desplegable apunta al fichero JPA que acabas de subir. El resto lo puedes dejar tal y como está y presionar en Comenzar. Se mostrará un instalador similar al de Joomla muy fácil de seguir y, al acabar, podrás acceder a tu web online.

No obstante, es probable que se muestren algunos errores de escritura. Para solucionarlo, puedes consultar la documentación referida en el error. Básicamente, tienes que crear un directorio llamado kicktemp con permisos 777 en la misma carpeta del FTP donde está el fichero kickstart.php y, en el paso 2 de la configuración de Kickstart, cambiar al modo FTP. Se abrirá un formulario donde tendrás que especificar la configuración de conexión FTP que has usado para conectarte con FileZilla. No te olvides de añadir la cadena /kicktemp al valor especificado Directorio temporal. y presiona, de nuevo, en Comenzar. Esta vez debería funcionar sin problemas.

Instala Joomla vía Kickstart

Tras la descompresión, pulsa en Lanzar el instalador y sigue los pasos del asistente. Si se siguen dando errores de escritura, vuelve a facilitar los datos de conexión FTP y presiona en Aplicar cambios.

En principio, puedes presionar Siguiente para ir al próximo paso, aunque no está de más leer las recomendaciones que proporciona el asistente para un mejor rendimiento. A continuación, especifica los datos de conexión a la base de datos (si no has creado ninguna aún, contacta con tu proveedor de alojamiento para que te faciliten un método) y presiona en Siguiente.

Tras la restauración, pincha en Siguiente paso y, si quieres cambiar algunos de los parámetros mostrados, edítalos. Es totalmente opcional, así que, si lo prefieres, presiona directamente en Siguiente. Si te lo pide, copia los contenidos del área de texto y pégalo en un nuevo fichero Txt a través del Bloc de notas. Guárdalo con el nombre configuration.php (sin la extensión .txt) y súbelo al FTP.

Luego, borra la carpeta /installation mediante el botón Borrar el directorio de instalación o, si no es posible, manualmente mediante el cliente FTP. No te olvides de borrar los archivos que subiste en los pasos 2 y 3, o de lo contrario un usuario malintencionado podría hacer cambios en tu web. Por último, visita la dirección de tu web y comprueba que todo funciona correctamente. ¡Agarráte porque tu web ya está online, y va a empezar a recibir visitas! De hecho, quizá es buena idea ponerla en modo offline mientras ultimas los detalles. Para ello, desde el panel de administración, dirígete a Sistema> Configuración global y marca la opción Sitio fuera de línea. Un click en Guardar y tu sitio estará cerrado hasta que todo esté a tu gusto. 

El Directorio de Extensiones para Joomla (JED viene de Joomla! Extensions Directory) es el repositorio oficial de componentes, módulos y plugins para todas las instalaciones de este CMS. Organizado en un detallado árbol de categorías, es el lugar al que tendrás que acudir siempre que quieras añadirle una nueva función a tu página web.

Lo más sencillo es usar el buscador de la parte superior y, a partir de uno de los resultados, localizar la categoría que alberga el tipo de extensión que buscas. Por ejemplo, si quieres instalar un foro, deberías buscar algo similar a forums. Al pinchar en una de las coincidencias de la página de resultados, se mostrará un enlace con la categoría a la que pertenecen. Fíjate, además, en que son compatibles con la versión de Joomla que estés usando; en este caso, Joomla 3.x.

Descarga el componente

Si ya has visto cómo instalar módulos y plugins, este paso no te resultará demasiado difícil. Sólo tienes que acudir al sitio web listado en el JED y descargar el componente en cuestión. Ten en cuenta que estos portales ya están fuera de los dominios del equipo de Joomla, por lo que podrán exigir que te registres en su página o, en algunos casos con licencia comercial, que tramites un pago para adquirir la extensión. Por tanto, fíjate en los comentarios de otros usuarios que ya han usado esa extensión antes de abrir la cartera o, mejor aún, consulta si existe una alternativa gratuita.

Más de 300 Web Apps para alcanzar el éxito en Internet

Instala el componente

En cuanto completes la descarga, tendrás que acceder al panel de administración deJoomla. Una vez allí, desde el menú Extensiones> Gestor de extensiones, carga el paquete Zip del componente al servidor web usando el botón Subir e Instalar. Cuando el asistente termina, muchas extensiones muestran un mensaje de confirmación, pero no todas. En cualquier caso, podrás comprobar que todo ha ido correctamente si ves una nueva entrada en el menú Componentes. En el caso de Kunena, el sistema de foros que acabamos de instalar en el ejemplo, luce así.

Descubre el dominio perfecto para tu web

Configura el componente

Dependiendo de la complejidad de la extensión, tendrás que dedicarle más o menos tiempo a este paso. Los componentes más complejos, como los foros, requerirán que crees las categorías y subcategorías, ajustar los permisos de usuario, los tamaños de las imágenes, etc. Cada componente es un mundo, así que lo habitual es consultar la documentación que suelen ofrecer los desarrolladores en su respectiva página web.

Crea una entrada en el menú

Cuando hayas satisfecho todos los requisitos de configuración, dirígete al gestor del menú que estés usando como principal (habitualmente, Main Menu) y, antes de nada, fíjate si el componente ha creado ya una entrada propia. Algunas extensiones, como Kunena, se toman las molestias por ti, así que sólo tienes que activarlas pinchando sobre la cruz roja que aparece a su izquierda.

Si no has tenido tanta suerte, pincha en el botón Nuevo, selecciona la entrada correspondiente al componente que acabas de instalar y configura la entrada tal y como se mencionó en el capítulo de gestión de menús de este curso de Joomla 3.x.

Antes de empezar, debes saber que hay dos tipos de sistemas de comentarios: los que se alojan completamente en tu servidor web, junto con Joomla, y los que recurren a servicios de terceros, como Disqus.

Las soluciones alojadas se ejecutan sobre la propia base de datos, por lo que siempre lo tendrás bajo control, aunque a cambio de, teóricamente, un mayor consumo de recursos. No obstante, puede suponer una barrera para los nuevos usuarios, ya que tendrán que registrarse o superar controles anti-spam. Además, exige la instalación de componentes, plugins y módulos.

Crea una página web de éxito

Las soluciones de terceros, por su parte, se ejecutan en los servidores del servicio escogido y utilizan un sistema de login compatible con Facebook, Twitter y demás, por lo que es mucho más cómodo para tus usuarios. Sólo requiere instalar un plugin y crear una cuenta en el servicio.

Por tanto, a fin de cuentas, se basa en una cuestión personal. ¿Quieres facilidad de uso y no preocuparte por nada? Usa Disqus. ¿Prefieres control absoluto a cambio de un sistema algo más complejo? Usa alguna extensión, como JComments. En este caso práctico, verás cómo instalar Disqus en Joomla.

Instala Disqus en Joomla

Si vas a optar por Disqus, necesitarás descargar un plugin que te facilite la integración del servicio en Joomla. En el repositorio de extensiones de Joomla encontrarás varios de ellos, pero, elijas el que elijas, asegúrate de que es compatible con la rama Joomla 3.x. Por ejemplo, descarga el plugin Simple Disqus Comments directamente desde su página web y descomprime el fichero Zip (hay veces que el Zip instalable está dentro de un fichero Zip adicional). En este caso, el Zip contiene los instaladores para las tres versiones activas de Joomla.

Dirígete al panel de administración y, en la sección Extensiones> Gestor de extensiones, selecciona el fichero plg_simpledisqus_j30.zip e instálalo. A continuación, ve al apartado Extensiones> Gestor de plugins y localiza el plugin recién instalado escribiendo “disqus” en la caja de búsqueda. Pincha sobre su título y cambia el estado de Deshabilitado a Habilitado.

Abre una nueva pestaña, dirígete a la página de Disqus for Websites y da de alta tu web pinchando en Add Disqus to your website. Rellena el formulario con los datos de tu web, prestando especial atención al campo Site Shortname, que es el parámetro que habrá que facilitarle al plugin de Joomla. Asimismo, también tendrás que crear una cuenta de usuario que tendrá privilegios de moderación. Tras pulsar en Continue ya podrás configurar el plugin en tu web.

Empieza ahora a vender por Internet

Configura las opciones del plugin

Regresa al panel de administración, y en la página de configuración del plugin, cambia a la pestaña Opciones básicas. Introduce tu Disqus Shortname y, presiona en Guardar.

Por otro lado, puede que no te interese habilitar los comentarios en las páginas estáticas, del tipo Acerca de nosotros y similares. Para configurarlo en Disqus, tendrás que recopilar previamente los números de identificación de las categorías de las que quieres excluirlo. Lo más sencillo es acudir al gestor de categorías y anotar los números contenidos en la columna ID. Luego, podrás introducir los identificadores separados por comas en la configuración del plugin. Puedes hacer lo mismo con artículos concretos.

Revisa la actividad de los usuarios

Una vez tengas el sistema de comentarios activo y, dependiendo de la configuración de revisión de publicaciones, deberás pasarte por el panel de control del sistema. En el caso de Disqus, tendrás que acceder a la dirección web formada por tu shortname y el dominio disqus.com. En este caso, sería pruebacomputerhoy.disqus.com. Introduce tus credenciales de acceso y listo.

Para estructurar correctamente los módulos, cada plantilla incorpora una serie de posiciones en la que Joomla insertará los módulos. Desgraciadamente, no hay ninguna convención acerca de la nomenclatura que se debe emplear, por lo que es bastante probable que tengas que reasignar las posiciones de los módulos cuando cambies de diseño. Para averiguar qué posiciones usa tu tema actual, dirígete a la demo de la plantilla en la web del desarrollador, donde normalmente suelen publicar una guía visual de las posiciones. En el caso de RT AfterBurner, lo encontrarás aquí.

Crea una página web de éxito

Accede al gestor

Cuando te hayas familiarizado con las posiciones, ya puedes empezar a configurar la distribución de los módulos en las diferentes partes de la web. Entra en el panel de administración y accede a Extensiones> Gestor de módulos, donde se listarán todos los disponibles en ese momento.

Configura el módulo

Las columnas muestran, además del nombre del módulo, la posición a la que están asignados y en qué páginas se han insertado. Para configurarlo, pincha sobre el título de, por ejemplo, RokNavMenu, un módulo de menú diseñado especialmente por los chicos de RocketTheme para sus plantillas. Como puedes ver, la equis roja muestra que está inactivo (no publicado).

Empieza ahora a vender por Internet

Comienzo por cambiarle el nombre a algo con más significado como Navegación y, justo debajo, escoge la posición que más te guste. Ten en cuenta que ahí se listan todas las posiciones de todas las plantillas instaladas, así que tendrás que navegar un poco más abajo hasta dar con RT Afterburner 2. Elige, por ejemplo, una de las posiciones laterales como Sidebar A. Aprovecha también para cambiar el estado a Publicado.

Opciones específicas del módulo

En la pestaña Opciones debes elegir qué menú deberá mostrar este módulo, así como los niveles a los que comenzará la lectura. La configuración predeterminada es que lea todos los niveles, pero, en ciertos casos, puede ser interesante mostrar sólo el nivel principal (si lo vas a mostrar en el footer de la web, por ejemplo), o sólo el segundo nivel (para mostrar un menú específico de las secciones).

Un poco más abajo se listan aún más opciones, así que dedícale unos minutos para ver qué parámetros puedes modificar. Cada módulo es un mundo y hay algunos realmente complejos. En estos casos, es recomendable posar el cursor del ratón sobre el título de la entrada para obtener una pequeña descripción.

Asignación por páginas

En casos como el menú, el módulo debería aparecer en todas las páginas de la página, por lo que el valor de la pestaña Asignación de menú deberá estar configurado como En todas las páginas.

No obstante, habrá módulos que sólo quieras mostrar en la página principal y otros que querrás excluir específicamente de una página concreta. Para ello, deberás jugar con los valores Solo en las páginas seleccionadas o En todas las páginas menos en las seleccionadas, según corresponda. Marca las casillas que consideres necesarias y pulsa en Guardar.

Instalar nuevos módulos

Si te quieres aventurar con nuevos módulos encontrados en el directorio de extensiones de Joomla, es muy fácil. Una vez hayas descargado el fichero mod_nombredelmodulo.zip, basta con dirigirse a la sección Extensiones> Gestor de extensiones, escogerlo con el botón Seleccionar archivo y presionar en Subir e instalar. Luego, podrás configurarlo como acabas de hacer con mod_roknavmenu. 

Contando con la época Mambo, Joomla suma a sus espaldas más de 10 años de desarrollo.

Desde sus inicios más tempranos ya contaba con el sistema de plantillas, lo que ha contribuido a crear un extenso catálogo de temas y diseños para Joomla. De hecho, la documentación del proyecto explica cómo crear tus propios temas desde cero, si bien esta tarea no es nada trivial para los recién iniciados en el diseño web.

Crea una página web de éxito

Dada la naturaleza abierta del proyecto, muchos de los temas creados por los usuarios de Joomla están disponibles para que los descargues de forma gratuita. Buscando “joomla templates” en Google te aparecerán muchos resultados.

No obstante, si quieres ver diseños realmente espectaculares, prueba con las agencias de diseño comerciales. Estas empresas operan con un modelo de suscripción, lanzando un nuevo tema cada mes.

Es habitual que junto con el tema se incluyan extensiones específicas para la plantilla, logrando transformar la sencilla apariencia de Joomla en un sitio web totalmente diferente.

Afortunadamente, estas agencias también ofrecen un tema gratuito de vez en cuando, y será un buen punto de partida para este ejemplo. Accede a la web de RocketTheme, una de las agencias más populares, y descarga el tema AfterBurner 2 Bundle. Obtendrás un fichero Zip.

Instala el tema en Joomla

Accede al panel de administración y entra en la sección Extensiones> Gestor de extensiones. En la pestaña Subir paquete, pincha en el botón Seleccionar archivo y selecciona el Zip que acabas de descargar. Un click en Subir e instalar se encargará del resto del proceso. Verás cómo, además de la plantilla, se instalan otras extensiones necesarias para el funcionamiento de este diseño.

Empieza ahora a vender por Internet

Activa la nueva plantilla

Ahora, dirígete al apartado Extensiones> Gestor de plantillas y pincha en el botón con el icono en forma de estrella, situado junto la entrada Afterburner 2 - Default. Esto activará el tema en toda la parte pública de la web y podrás ver cómo le sienta a tu página.

De momento, notarás que los módulos de la parte de la derecha han desaparecido. Esto es debido a que cada plantilla especifica las posiciones donde se insertan los módulos con una nomenclatura diferente. Si sientes curiosidad, puedes corregirlo desde el menú Extensiones> Gestor de módulos o, si no, esperar a leer la entrega del curso correspondiente a los módulos.

Configura el diseño

Las plantillas de agencias comerciales, aun siendo gratuitas, suelen ofrecer algunos parámetros con los que puedes jugar para adaptar el aspecto del tema sin tener que tocar el código. En el caso de RocketTheme, el nivel de personalización ofrecido exige hasta un nuevo componente de administración con el que podrás retocar todo lo imaginable. Accede a Extensiones> Gestor de plantillas, pincha sobre el nombre de la plantilla y recorre todos los apartados para adaptar el diseño a tus gustos.

Accede al panel de administración y entra en el menú Menús> Gestor de menús. Verás que ya existen tres menús, como consecuencia de la importación de los datos de ejemplo. Todos ellos contienen elementos activos, tal y como muestra la columna Publicados. Si pulsas sobre el título de uno de ellos, verás qué entradas alojan.

En el listado podrás ver que hay uno de ellos con el parámetro Inicio activado. Este es el elemento del menú que funcionará como portada; es decir, el que verán los visitantes al entrar en tu página web. Según la configuración predeterminada de Joomla, suele mostrar una categoría de los contenidos en formato de blog. De hecho, con los datos de ejemplo instalados, son los propios artículos los que te van describiendo el funcionamiento de la portada, aunque en inglés.

Descubre el dominio perfecto

En cualquier caso, lo que debes recordar es que, además de algunos elementos especiales, las entradas de los menús de Joomla enlazan de forma inequívoca a uno de los componentes instalados. Además, cada componente puede especificar diferentes modos de vista, por lo que se convierte en un sistema muy versátil.

Crea tus propias entradas del menú

Con las categorías de los contenidos ya establecidas, quizá quieres crear algunas entradas específicas en el menú. Como de costumbre, utiliza el botón Nuevo de la parte superior y, en la nueva página, pincha en el botón azul Seleccionar. Se abrirá una ventana flotante listando los componentes instalados. En este caso, el que te interesa es Artículos> Mostrar una categoría en formato blog.

La página de menús se recargará automáticamente, incorporando la configuración específica del componente seleccionado. Selecciona la categoría a la que quieres enlazar y ponle nombre y alias. En cuanto al resto de parámetros, puedes dejarlos tal y como están de momento y pinchar directamente en Guardar y nuevo.

Consigue el máximo de rendimiento para todo tipo de proyectos

Ahora puedes añadir una nueva entrada de menú anidada bajo la que acabas de crear. El proceso a seguir es el mismo, con la salvedad de que tienes que escoger el elemento principal correspondiente, de forma similar a como hiciste con las subcategorías. El campo que debes modificar es este de aquí abajo.

Configura los parámetros avanzados

Como habrás visto, cada elemento del menú tiene muchas más opciones de las mencionadas. Gran parte de estos parámetros dependen del tipo de componente al que hayas enlazado la entrada, aunque hay otros que son comunes. No hace falta que los especifiques al crear el elemento, sino que puedes hacerlo más adelante pinchando sobre la entrada correspondiente.

Por ejemplo, en la misma pestaña Detalles, puedes ocultar una entrada del menú si cambias su estado de Publicado a Despublicado. Esta modificación no elimina ninguna configuración; solamente deja de mostrarse en la parte pública de la web. Siempre podrás volver revertir los cambios marcando de nuevo Publicado.

En la columna de la derecha, es posible especificar parte de la configuración específica de esta entrada. Por ejemplo, cambiar radicalmente la plantilla del diseño que usará Joomla al generar los contenidos de esa sección u optar por abrir el enlace en una pestaña nueva.

Lo interesante viene cuando cambias a la pestaña Opciones avanzadas. Aquí se listan las opciones específicas del componente, por lo que su contenido será distinto para cada entrada del menú. Dedícale unos minutos a estudiar todos los parámetros listados en la entrada del menú que acabas de crear, pues en el caso del componente Artículos, son bastantes. Por ejemplo, puedes escoger entre un diseño de varias columnas más típico de un periódico online, u optar por un diseño a una sola columna más común en blogs.

En cuanto a la pestaña Asignación de módulos para este elemento del menú, ya se verá más adelante, en el capítulo dedicado a los módulos. Si tienes curiosidad, basta con saber que desde aquí podrás controlar qué modulos se mostrarán en esta sección de la web.

Múltiples menús

Por último, cabe mencionar que no estás limitado a un único menú. Puedes crear cuantos quieras desde la sección Menús> Gestor de menús> Añadir nuevo menú. Este formulario es muy sencillo y solo requiere, un nombre, un identificador y, si quieres, una pequeña descripción.

Empieza a vender por Internet

Por si fuera poco, puedes reutilizar un mismo menú varias veces. Esto es posible ya que, a fin de cuentas, lo que vas a utilizar para mostrar los menús en la página web es un módulo. Por tanto, puedes crear tantas instancias del módulo de menús como quieras, cada una con sus parámetros. Así, por ejemplo, puedes mostrar una versión reducida del menú principal en la parte inferior de la web, listando solo el nivel principal y descartando todos los elementos anidados.

Antes de ponerte a escribir, debes tomarte unos minutos y decidir cómo vas a estructurar los contenidos de tu página. ¿Es un blog en el que vas a publicar diariamente varios artículos? ¿O es más bien un portal estático con cuatro o cinco páginas perennes y una pequeña sección de noticias con poco movimiento? Dependiendo de la naturaleza de tu web, el árbol de categorías tendrá más o menos niveles, pero es conveniente que lo tengas todo planteado de antemano. Piérdele el miedo al papel y el boli y haz varios esbozos.

Cuando estés seguro, es hora de integrarlo en Joomla. Dirígete al menú Contenido y pincha en la entrada Gestor de categorías, donde verás que, como resultado de la inserción de los datos de ejemplo, existen ya dos categorías. Puedes ignorarlas o, si quieres, reaprovecharlas para tus propios contenidos.

Lo interesante, no obstante, es crear tus propias categorías. Pulsa en el botón verde Nuevo y, en la nueva página, inserta el nombre de la categoría. Siguiendo el ejemplo de la captura, sería Noticias. El campo Alias debe contener el mismo nombre, pero en un formato adecuado para las direcciones web. Normalmente puedes dejarlo en blanco para que se genere automáticamente, pero otras veces querrás especificarlo tú mismo. A fin de cuentas, es lo que aparecerá tras el dominio de la página (www.dominio.com/noticias y similares). Además, también puedes insertar una pequeña descripción en el editor de la parte inferior.

El resto de campos puedes dejarlos tal y como están de forma predeterminada y pinchar directamente en el botón Guardar y nuevo. Repite el proceso con todas las categorías hasta tener el árbol completo.

Este es el dominio perfecto para tu proyecto

Crea subcategorías

En el área de la derecha, verás varios desplegables con el que configurar algunos aspectos de la categoría que estás creando. Por ejemplo, cuando vayas a crear una subcategoría, tendrás que señalar bajo qué categoría quedará anidada. Es decir, especificar cuál será su categoría raíz. Puedes escoger cualquier una subcategoría como raíz, así que es posible crear tantos niveles como creas necesarios. Eso sí, más de tres puede ser excesivo.

Por cierto, no te preocupes por el orden de creación, ya que luego podrás reordenarlo todo a tu gusto arrastrando de los tiradores de la parte izquierda de la lista de categorías.

Empieza a vender en Internet

Tu primer artículo

Cuando hayas terminado con las categorías, podrás redactar todos esos artículos que tienes en mente. El proceso es muy sencillo, accede a Contenido> Gestor de artículos> Añadir nuevo artículo. Ponle título, escoge su categoría y da rienda suelta al teclado en el editor visual.

Para añadir imágenes, existen varios métodos, como el propio botón del editor visual o el gestor multimedia de Joomla, al cual puedes acceder desde la parte inferior del editor pinchando en Imagen. Puedes escoger alguna de las que hay de prueba o subir la tuya propia desde el formulario que hay un poco más abajo. El botón Insertar se encargará de escribir automáticamente todo el código necesario para mostrar la imagen en la noticia.

Configura los ajustes para cada artículo

Además de escribir, puedes indagar un poco en las pestañas adicionales que encontrarás en esta interfaz para ver la cantidad de cosas que puedes configurar con Joomla. Eso sí, recuerda que con los valores predeterminados funcionará a la perfección. Lo único que quizá quieres cambiar es el valor de Destacado, en el margen derecho. Si quieres que el artículo aparezca en la portada, esta es una de las formas de hacerlo.

Cuando estés satisfecho, guarda los resultados con alguna de las opciones que aparecen en la barra de herramientas de arriba. Elige una u otra dependiendo de lo que harás a continuación: seguir escribiendo el mismo artículo, continuar con uno nuevo o navegar a otra parte del panel.

Los ajustes generales del contenido

En la barra de herramientas del gestor de artículos de Joomla encontrarás un botón llamado Opciones. Aquí puedes alterar los parámetros predeterminados que se usarán para maquetar el artículo: mostrar la fecha de publicación original o la de la última edición, enlazar el nombre del usuario a su perfil o cortar el texto a una previsualización de 100 palabras son algunas de las cosas que podrás modificar en esta sección.

Ve probando con las diferentes combinaciones hasta encontrar la que más se adapte a tus necesidades, pero, en cualquier caso, recuerda que podrás cambiarlas de forma individual para cada artículo y, como verás más adelante, para cada entrada del menú. Por tanto, tampoco hace falta que busques una solución de compromiso para toda la web.

Para entrar en el panel de administración de Joomla, sólo hay que añadir /administrator a la dirección de la web. Si estás siguiendo el curso, estarás trabajando en local, por lo que tendrás que entrar en la URL http:// localhost/joomla/administrator. Una vez ahí, ingresa los datos de administrador que especificaste durante la instalación y pincha en Log in.

Conoce los nuevos nombres de dominio para tu negocio o blog

Pon la interfaz en español

Si te fijaste, el asistente de instalación ofrecía la posibilidad de aplicar idiomas adicionales, pero el paso se omitió deliberadamente para esta pequeña inmersión en el panel de administración. Antes de describirlo pormenorizadamente, despliega el menú Extensions de la barra superior y pincha en Language Manager.

En la barra de herramientas bajo el logo de Joomla, presiona sobre el botón Install Language y, la casilla de búsqueda, escribe Spanish para localizar el idioma de Cervantes en la lista. Marca su casilla y presiona en el botón Install de la parte de arriba.

Cuando termine de instalarse, vuelve al menú Extensions> Language Manager y pulsa sobre el icono en forma de estrella que aparece en la entrada Spanish (ES). A continuación, en el menú lateral, pincha en Installed – Administrator y repite el proceso para traducir la interfaz del panel de administración. Haz click en el logo de Joomla para volver a la portada y verás que ahora está todo en castellano.

Conoce el panel de administración

Con el paso anterior te has podido hacer una idea de lo sencillo que es hacer cambios con Joomla. No hay que escribir código, ni descargar paquetes de repositorios: (casi) todo se hace desde el panel de administración a base de clicks. La única dificultad que puedes tener es localizar un apartado en los menús, así que vamos a darle un repaso rápido.

En los menús desplegables de la parte superior se encuentran listadas todas las secciones del panel de administración. El menú Sistema incluye la configuración global de Joomla, que regula parámetros como el nombre del sitio, la conexión a la base de datos y otros muchos aspectos técnicos que de momento no merece la pena mencionar.

Servidores virtuales a un precio asequible

Usuarios y menús

Desde el menú Usuarios se controlan las cuentas de las personas registradas en tu web. En la mayoría de páginas, sólo estará el equipo de administración, pero si tienes en mente una comunidad con foros, galerías colaborativas y secciones similares, te alegrará saber que Joomla tiene todo lo necesario. El sistema de usuarios soporta grupos y permisos personalizables, por lo que puedes restringir a qué áreas puede acceder cada grupo. Esto es interesante en sitios web que requieran suscripción de pago, por ejemplo.

El apartado Menús gestiona todos los aspectos de la navegación del sitio. En Joomla, para acceder a una sección de la página, hay que crear su correspondiente entrada en el menú. No debes entenderlo como un aspecto restrictivo, sino todo lo contrario. Cada entrada en el menú admite su propia configuración, así que puedes enlazar de varias formas diferentes a una misma sección, pero cambiando algunos parámetros, como los permisos de acceso. Por ejemplo, puedes crear una entrada que te lleve a las últimas noticias en formato de lista, y crear otra diferente que disponga las noticias a dos columnas sólo para usuarios registrados. 

Los componentes y los contenidos

Uno de los usos más corrientes de Joomla es escribir noticias, gestionar un blog o crear documentación. Es decir, se usa principalmente para publicar artículos que escribes directamente en el panel de administración gracias al editor visual. Esto se hace a través del menú Contenidos, desde el que también puedes administrar los diferentes niveles de categorías en los que irás organizando los artículos.

El siguiente menú engloba los componentes instalados en el sistema. Puedes pensar en los componentes como pequeñas aplicaciones programadas para cumplir con una función. Por ejemplo, el componente com_search se encarga de las búsquedas que hacen los visitantes en la web, com_joomlaupdate mantiene actualizada la plataforma de Joomla, etc. De hecho, la gestión de artículos que se realiza en el menú Contenidos está controlada, en realidad, por el componente com_content.

Fácil y sencillo, crea tu página web fácilmente

Las extensiones

Ahora comienza lo realmente interesante. Joomla es un CMS muy versátil, pues implementa un sistema modular con el que es posible extender las características nativas de la plataforma. Esto es, además de idiomas, puedes instalar nuevos componentes desarrollados por terceros para, por ejemplo, montar un foro en la web. También existen los denominados módulos y plugins.

Los módulos están diseñados para insertar bloques de diversos tipos en una parte concreta de la web. Puede ser una lista con las noticias más visitadas, un formulario de acceso para los usuarios registrados, un buscador, un vídeo… Los plugins, por su parte, son pequeños scripts que cumplen una función muy concreta. Hay plugins sencillos que te permiten, por ejemplo, para sustituir automáticamente los enlaces a YouTube por el código de inserción del vídeo, mientras que hay otros más complejos que se dedican a gestionar la memoria caché de Joomla o generar galerías automáticamente cuando insertas varias fotos en un artículo.

Lo mejor de todo es que la inmensa mayoría de extensiones están recogidas en el JED (Joomla Extensions Directory), listadas en categorías que te permitirán encontrar fácilmente la extensión que buscas para tu sitio.

La documentación

Quizá tanta teoría resulte un poco abrumadora al principio, pero en Joomla hay algunos términos muy concretos que hay que saber manejar. Afortunadamente, este proyecto cuenta con una documentación muy extensa que podrás consultar en cualquier momento desde el menú Ayuda. Aquí hay enlaces a tutoriales, recursos y webs de asistencia que podrás usar si en algún momento tienes alguna duda.

El panel de usuario

Ya sólo queda mencionar este panel de la esquina superior derecha. La primera entrada es un enlace a tu perfil de administrador, donde, entre otras csas, podrás editar tu nombre y dejar de llamarte Super User. La segunda entrada te permitirá cerrar la sesión cuando no vayas a utilizar el panel durante un tiempo. Recuerda salir correctamente mediante este enlace si no vas a estar delante del PC. Si sólo cierras la pestaña, la sesión se quedará abierta durante unos minutos y alguien podría aprovecharlo para hacer cambios en tu web.

Antes de nada, si estás trabajando en local (esto es, con el servidor web instalado en tu ordenador), abre el panel de control de XAMPP y asegúrate de que Apache y MySQL están ejecutándose. Cuando lo tengas, abre el navegador e ingresa la dirección http:// localhost/joomla o, en el caso de tener conflictos con Skype en Windows 8, http:// localhost:8080/joomla. Deberías llegar a una pantalla similar a la siguiente.

Rellena el formulario con los datos solicitados por el asistente y, en el caso de la contraseña, escoge una con mayúsculas, minúsculas, números y símbolos. Recuerda bien cuáles son los datos del administrador y, cuando estés listo, presiona en Siguiente.

Atención. Si tu versión de PHP pertenece a la rama 5.5, tras pulsar en Siguiente, aparecerá una barra de progreso azul pero no pasará nada más. Para continuar con la instalación, tendrás que hacer un pequeño cambio en el fichero C:\xampp\htdocs\joomla\libraries\joomla\filter\input.php, tal y como se indica en esta página. Sólo hay que sustituir la línea sombreada en rojo por la sombreada en verde. Guarda los cambios, recarga la página del instalador y todo debería funcionar correctamente.

¿Quieres el máximo de rendimiento para tu proyecto? Esta es la solución

Configura la base de datos

En este paso hay que indicarle a Joomla cómo conectarse con la base de datos, pero antes hay que crear una. Abre una nueva pestaña, ve a http://localhost/phpmyadmin y, en la pestaña Bases de datos, escribe joomla y presiona en Crear.

De vuelta en el instalador de Joomla, introduce estos datos en el formulario y presiona en Siguiente.

• Tipo de base de datos: mysqli
• Hospedaje: localhost
• Usuario: root
• Contraseña:
• Base de datos: joomla
• Prefijo de las tablas:
• Proceso para una base de datos antigua: Respaldar

Concluye la instalación

En este último paso podrás optar por instalar artículos, menús y demás elementos de ejemplo en la página. Está en inglés, pero servirán para ilustrar cómo funciona Joomla por dentro. Por tanto, pincha en Datos de ejemplo tipo blog y, a continuación, revisa que los datos de la parte inferior son correctos. Cuando estés listo, presiona en Instalar y deja que el asistente se encargue del resto.

Wordpress, la alternativa a Joomla

Frontend vs Backend

Cuando acabe, pulsa en Eliminar carpeta de instalación. Si pinchas en el botón Sitio, accederás a la parte pública de la web, lo que los visitantes verán cuando accedan a tu página. Es lo que se conoce como frontend.

Por otro lado, si presionas sobre Administración, accederás al panel de control desde el que se gestiona todo el funcionamiento de Joomla. Desde ahí crearás nuevos artículos, reorganizarás los menús, instalarás nuevos componentes para, por ejemplo, incluir una galería de fotos en tu web, etc. En inglés, a esta parte de la web se le conoce como backend y, lógicamente, sólo está disponible para los administradores, por lo que está protegido por contraseña.

Como su nombre indica (“multi propósito”), este tema gratuito para Wordpress está diseñado con la versatilidad en mente. Construido con la plataforma Bootstrap de Twitter, soporta esquemas de colores ilimitados y, al ser 100% responsive, se adaptará a la pantalla de cualquier dispositivo. Además, cuenta con varias optimizaciones para los motores de búsqueda, por lo que podrás posicionar tu web con más facilidad.

Descargar | Demo

Writr

Aunque Wordpress fue diseñado para construir blogs de forma sencilla, poco a poco se empezó a usar para todo tipo de páginas web. Writr intenta revertir la tendencia con un tema al más puro estilo Tumblr: colores planos, un buen ancho de contenido, estilo personalizada para cada tipo de publicación y un menú sencillo. Puedes personalizar cada área a tu gusto, así que es perfecto para un blog personal.

Descargar | Demo

Hueman

WordPress puede utilizarse para construir revistas y magazines online sin mayor complicación. Especialmente si se usa un tema como Hueman que, aun siendo gratuito, ofrece la calidad y aspecto de una web profesional. El diseño se adapta automáticamente a la resolución óptima de la pantalla, así que no tendrás que preocuparte de si tus visitantes entran desde el PC o un smartphone. Integra varias características sociales de serie y varios mecanismos para minimizar el uso de imágenes: ¡solo necesita tres!

Descargar | Demo

The Newswire

Muchos portales de noticias utilizan Wordpress como punto de partida, por lo que si quieres montar tu propio diario online, quizá quieras empezar con el tema The Newswire. Totalmente responsive, sigue la estética de portales como Huffington Post y permite insertar titulares destacados con imágenes en alta resolución. El resto de la portada consigue ofrecer una estética limpia a pesar de la gran cantidad de contenidos que suelen mostrar este tipo de sitios.

Descargar | Demo

Customizr

Customizr es uno de los temas gratuitos más descargados de todo el repositorio de Wordpress. Las razones son obvias: es increíblemente sencillo de adaptar y personalizar a la medida de cada blog, ya que hace uso del propio asistente de Wordpress para mostrar todas las opciones de configuración. La documentación ofrecida en el sitio oficial está muy bien redactada, por lo que es un buen punto de partida para los principiantes. Además, es 100% responsive: ¡ponlo a prueba en la demo haciendo zoom en el navegador!

Descarga | Demo

Corpo

Un tema corporativo basado en una estética limpia y sencilla, por lo que será ideal para empezar con el diseño de la web de una empresa, asociación o similares. Es lo suficientemente personalizable como para usarlo como un diseño de portfolio personal y, de hecho, los creadores te animan a ello. Incorpora un slider en la cabecera de forma predeterminada para captar la atención de las visitas con un mínimo esfuerzo de desarrollo.

Descarga | Demo

Vantage

En palabras de los propios creadores, ‘el tema más revolucionario creado hasta la fecha’. Quizá suene algo osado auto adjudicarse un título tan ostentoso, pero lo cierto es que al menos tienen varias razones para reclamarlo. Diseño 100% responsive e integrado de serie con algunos de los plugins de Wordpress más usados, como WooCommerce, la tienda online por antonomasia en este CMS. El hecho de que continúen añadiendo características semana tras semana le hace contar con un valor añadido muy interesante.

Decargar | Demo

Post

Diseñado desde cero con una sola idea: hacer un tema limpio y sencillo de explorar. Eso no quiere decir que las opciones de personalización sean simples. Al contrario, pues incluye ocho disposiciones alternativas y nueve esquemas de colores escogidos con gusto. Si te gustan los layouts tipo Pinterest, quizá quieras empezar con este tma gratuito.

Descargar | Demo

Gadgetry

Tras echarle un vistazo a la demo, es fácil deducir de dónde viene el nombre. Este tema está inspirado en la estética de blogs de tecnología, contando con una gran cabecera en la parte superior y, más abajo, una serie de paneles con los contenidos más importantes de la jornada. La columna derecha se reserva, cómo no, a la interacción social de la web, últimos comentarios, entradas más populares y demás.

Descargar | Demo

Photopia

Por fin un tema gratuito para Wordpress que le hace justicia al gremio de los fotógrafos. Si siempre has querido montar un blog portfolio donde exponer tus obras más destacadas, Photopia puede ser justo lo que estabas buscando. En este tipo de portales, lo que importa es la obra y, en este caso concreto, que las fotos luzcan a ancho completo. Eso sí, la versión gratuita solo cuenta con algunas de las interesantes características de la versión comercial. Por ejemplo, no es responsive.

Descargar | Demo

La gestión de plugins se realiza, cómo no, desde el Escritorio, así que abre una nueva pestaña y accede a la ruta habitual de la administración. Una vez ahí, localiza la entrada Plugins en el menú de la izquierda y selecciona el enlace Añadir nuevo. Al igual que sucedía con los temas, lo primero en aparecer será el buscador, pero también puedes consultar algunas selecciones a través de los vínculos superiores.

Instala el plugin deseado

Tras explorar la lista de plugins, encontrarás algunos bastante interesantes. Uno de los más populares es Jetpack, con el que puedes añadir todas las funciones extra de Wordpress.com (la plataforma oficial para crear blogs con Wordpress sin tener que instalar nada) a tu blog. Jetpack permite, entre otras muchas cosas, monitorizar las estadísticas de las visitas, por lo que te resultará muy útil para, por ejemplo, descubrir qué tipo de contenidos despierta más interés.

Pincha en Destacados. En la primera posición de la lista deberías ver la entrada Jetpack by WordPress.com. Puedes ver su ficha técnica pulsando en Detalles, donde encontrarás la descripción, información de compatibilidad y, finalmente, el botón Instalar ahora. Púlsalo y deja que Wordpress se encargue del resto. Cuando acabe, presiona en Activar plugin.

Por cierto, si el plugin que buscas no está en el catálogo oficial de Wordpress, también puedes instalarlo desde la pestaña Subir. Tendrás que suministrar el fichero Zip que hayas descargado en la página del desarrollador.

Configura el plugin

Cada plugin es un mundo. Hay algunos tan sencillos que ni siquiera requieren configuración, mientras que hay otros que podrían ser otro CMS aparte. Por tanto, es posible que tengas que invertir algunos minutos (¡u horas!) en configurarlos adecuadamente.

En cualquier caso, el proceso general suele ser el mismo. Aunque siempre puedes acceder a la lista de plugins instalados desde el menú Plugins, la mayoría de ellos suelen crear una entrada propia en el menú principal. Por ejemplo, Jetpack la crea justo debajo de Escritorio. Si accedes ahí, podrás activar cada utilidad por separado, tras lo cual se mostrará el botón Configurar.

Como de costumbre, rellena los parámetros que consideres adecuados para tu blog y presiona Guardar cambios.

Desinstalar plugins

Si en un momento dado un plugin deja de servirte, puedes desinstalarlo desde Plugins> Plugins instalados. Sólo tienes que desactivarlo previamente con un click en Desactivar y, luego, pincha en Borrar. Tendrás que confirmar la decisión con otro click más en ‘Sí, quiero borrar estos archivos y datos’.

La forma más rápida y sencilla de empezar a personalizar el blog es modificar el tema predeterminado de WordPress, “Twenty Thirteen”. Si aún conservas el panel de bienvenida en el Escritorio, puedes presionar en el gran botón azul que pone ‘Personaliza tu sitio’. Si no, dirígete a Apariencia> Personalizar. En seguida verás el editor de temas en tiempo real.

Utiliza los paneles desplegables de la izquierda para modificar el título y subtítulo de la web, alterar el esquema de colores, cambiar la imagen de fondo de la cabecera o elegir qué mostrar en la portada. Todo lo que cambies se irá actualizando en el panel de previsualización de la derecha. Cuando estés satisfecho con las modificaciones, pulsa en Guardar y publicar, arriba del todo. 

Utiliza una imagen propia para la cabecera

Si quieres que la cabecera del blog tenga un fondo más personal, quizá no quieras usar los predeterminados. Esta vez, ve a la sección Apariencia> Cabecera y sigue las instrucciones en pantalla para subir tu propia imagen. Ten en cuenta la resolución recomendada o, de lo contrario, tendrás que recortarla.

En esta sección también puedes cambiar el color que se usa en el texto de la cabecera. Sólo tienes que ir hasta la parte de debajo de la página y escoger un nuevo color de la paleta interactiva. Si no quieres ningún texto, desactiva la casilla que hay justo encima. Cuando acabes, presiona el botón Guardar cambios.

Encuentra un tema a tu medida

El estilo predeterminado de WordPress es lo suficientemente neutro como para funcionar bien con muchos tipos de contenidos pero, siendo honestos, por mucho que lo personalizas nunca será demasiado ‘único’. Como diseñar un tema desde cero está fuera del alcance de este tutorial, la otra solución es utilizar un tema creado por otras personas. Dirígete a Apariencia> Temas y, en la parte superior, cambia a la pestaña Instalar temas.

Lo primero que verás es el buscador, lo que quizá despiste a más de uno. ¿No sería mejor ofrecer de primeras una selección con los temas más populares? No desesperes, puedes pinchar en el enlace Destacados de la parte superior para ver los mejores temas de WordPress y encontrar ese diseño que estabas buscando.

Instala el tema que más te guste

El listado muestra una miniatura más o menos grande que puede servir como anticipo del aspecto final del diseño, pero nunca sabrás si es el tema que buscabas hasta que lo pruebes en tu propio blog, ¿verdad? Aunque esto no es posible, si pulsas en el enlace Vista Previa que hay bajo cada imagen podrás ver cómo le sienta a una web genérica, ¡sin tener que instalarlo! Algo es algo.

Ve probando con todos los candidatos y cuando encuentres uno que te convenza, presiona en el botón Instalar de la barra lateral.

Activa el tema y adáptalo

Espera a que WordPress termine de bajar los paquetes y, cuando acabe, podrás pinchar en el enlace Activar. Acto seguido, el asistente te llevará a la vista principal del menú Apariencia. Pincha en el botón Personalizar del tema que acabas de activar y revisa las opciones que éste te ofrece, ya que, como ves, dependen de quién haya creado el tema.

Los mejores temas para WordPress

Aunque el catálogo de WordPress ofrece un número bastante aceptable de temas, la red aloja muchos más que no están recogidos ahí. Hay muchas agencias de diseño que lanzan un tema nuevo cada mes con una calidad realmente sorprendente. No solamente son verdaderas joyas estéticas, sino que además ofrecen funcionalidades extendidas de personalización y usabilidad para los usuarios. Eso sí, operan bajo un modelo de negocio basado en suscripciones, por lo que no son gratuitos. Si te interesa, puedes encontrar una selección en esta lista de temas comerciales para WordPress.

A diferencia de los plugins, los widgets no tienen su apartado individual en el Escritorio de WordPress. Como se utilizan para modelar el aspecto de la web, están recogidos en el menú Apariencia> Widgets. Allí podrás ver un panel central con todos los widgets disponibles y, a la derecha, las áreas de inserción que hay implementadas en el tema seleccionado.

Gestiona los widgets

La interfaz es tremendamente intuitiva. Para insertar, eliminar o reordenar un widget sólo tienes que arrastrarlo a la posición deseada. Esto es, para añadir uno a una de las áreas de inserción, basta con seleccionarlo en el panel central y llevarlo hasta el área pertinente.

Para eliminarlo, lo único que tienes que hacer “sacarlo fuera” de su área de inserción. El reordenamiento funciona exactamente igual: ponlo donde quieras y listo.

Configura un widget

Los parámetros de cada widget activo aparecen cuando presionas sobre su título. Cada widget ofrece su propio formulario de configuración, así que tendrás que especificar los valores que te pida.

Instalar nuevos widgets

Por supuesto, la oferta de widgets está a la par con la de plugins, e instalarlos es igual de fácil. De hecho, se instalan desde el mismo menú (Plugins> Añadir nuevo), porque, al fin y al cabo, los widgets son sólo un tipo especial de plugins. Busca el widget deseado y procede de la forma que se ha detallado en el tutorial sobre la instalación de plugins. Tras activarlo, aparecerá junto al resto en el gestor de widgets.

Este plugin ya ha aparecido en el curso de WordPress. Entre otras muchas cosas, incorpora una serie de herramientas sociales que te facilitarán tareas como compartir los contenidos en tus perfiles o añadir widgets para que los visitantes twitteen directamente desde tu blog.

Si aún no has instalado Jetpack, consulta la entrega de este curso dedicada a los plugins de Wordpress. Cuando lo tengas, dirígete al menú Jetpack y activa el panel Compartir.

Configura el plugin Compartir

Acto seguido, presiona en Configurar. Lo primero que debes hacer es seleccionar qué servicios quieres habilitar. Selecciona uno de los botones de la parte superior (por ejemplo, el de Facebook) y arrástralo hasta la sección inferior.

Repite el proceso con todas las redes que necesites y, más abajo, escoge las opciones generales del plugin. Cuando lo tengas, presiona en Guardar cambios. Los botones aparecerán en las zonas de la web que hayas marcado, normalmente bajo el texto de la entrada.

Más plugins sociales

Otra estrategia común es enlazar los contenidos desde tu cuenta de Twitter. Puedes hacerlo a mano o, si lo prefieres, confiarle esta tarea a uno de los plugins de Jetpack. En esta ocasión, se trata del panel Divulgar. También te puede interesar activar las suscripciones por correo electrónico o incluir un enlace a tu perfil de Google+. Basta con encontrar el panel adecuado y activarlo.

Integra las estadísticas de Google Analytics

Analytics es uno de los servicios de Google más atractivos para el webmaster. Proporciona estadísticas muy completas y fáciles de interpretar, por lo que es muy recomendable para monitorizar las visitas de tu blog, cómo se comportan los usuarios, cuánto tiempo invierten en tus entradas, etc. Antes de nada, necesitarás un perfil en Analytics. Si no sabes cómo se crean, este tutorial describe cómo hacerlo con Joomla. El proceso es completamente análogo; simplemente recuerda anotar el código de identificación.

La otra parte consiste en instalar un plugin que permita integrar Analytics en Wordpress. Ve a Plugins> Añadir nuevo y busca ‘analytics’. Aparecerán bastantes opciones. Puedes elegir la que prefieras, pero asegúrate de que es compatible con tu versión de WordPress. Por ejemplo, Google Analyticator. Presiona en Instalar ahora y, luego, actívalo como de costumbre.

A continuación, presiona en el enlace Settings que aparecerá bajo su entrada en la sección Plugins. Analyticator te permite integrar el panel de control de Google Analytics en Wordpress, pero en realidad no es necesario. Puedes pinchar en el botón Continue without authentication y, en la siguiente página, cambiar el primer desplegable a Enabled. Pega tu código de identificación en la siguiente casilla y deja el resto como está. Un click en Save changes activará la monitorización y Google Analytics empezará a recoger los datos de las visitas.

Las páginas de WordPress son como las entradas normales, sólo que han sido diseñadas para estar fijas en un sitio de la web. Si te fijas, durante la instalación se creó una página de ejemplo que puedes visitar desde la portada del blog.

Para empezar, dirígete al Escritorio y entra en la sección Páginas. Puedes editar la página de ejemplo pulsando sobre la única entrada que encontrarás en la lista o, si lo prefieres, eliminarla y empezar de cero pinchando en el botón Añadir nueva.

Redacta los contenidos de la forma habitual y pulsa en Publicar o Actualizar, según corresponda.

Reordena las páginas

Si sientes la necesidad de crear más de una página, acabarás con más de un enlace en el menú de navegación. Por defecto, estarán ordenados alfabéticamente, pero puedes modificarlo a tu antojo desde el menú de edición cada una de ellas. De la misma forma, puedes anidar una bajo otra para establecer subniveles. Simplemente, especifica los parámetros adecuados en el panel Atributos, a la derecha del editor visual.

Personaliza el menú

Como aún no nos hemos adentrado por completo en la personalización del diseño de tu blog, considera esto un primer acercamiento. Como era de esperar, WordPress te permite una total flexibilidad a la hora de gestionar la navegación en tu blog. Para ello, dirígete a la sección Apariencia> Menús.

Añade nuevos enlaces al menú

La interfaz del editor está dividida en dos partes. A la izquierda, se disponen una serie de paneles desplegables desde los que puedes añadir nuevas entradas. Basta con seleccionar el tipo de enlace (Página, Enlace personalizado o Categoría), marcar la casilla correspondiente (o escribir la dirección del enlace) y presionar en el botón Añadir al menú.

Cambia el orden del menú

Como ves, puedes seleccionar y añadir varias a la vez. Desgraciadamente, la jerarquía de categorías y subcategorías no se conserva en la adición múltiple, pero puedes restaurarla fácilmente arrastrando ligeramente cada subentrada hacia la derecha.

El método de arrastrar y soltar también te servirá para cambiar el orden de las entradas del menú. Simplemente, desplaza las entradas hasta la posición deseada. La única precaución que debes tener es no dejarlas como subentrada de la que esté por encima.

Aunque puedes hacer una copia manual de los archivos (ubicados en C:\xammp\htdocs\wordpress) y la base de datos (usando phpMyAdmin, por ejemplo), este método puede complicarse dependiendo del entorno al que vayas a migrar. Es más cómodo usar un plugin para backup. Dirígete a Plugins> Añadir nuevo y busca el plugin Duplicator. Instálalo de la forma habitual y, a continuación, actívalo.

Crea un nuevo backup

Accede al menú que se habrá creado para Duplicator y, en la barra de herramientas de la parte superior, pincha en el primer botón, titulado ‘Crear duplicado’. Confirma la decisión con un click en Crear duplicado y espera unos minutos a que se termine de generar la copia.

Cuando acabe, presiona en los botones Instalador y Duplicado, situados a la derecha del todo. Esta acción descargará los paquetes necesarios para la migración.

Sube el backup al servidor

Abre FileZilla o el cliente FTP que uses habitualmente y conéctate a tu servidor de alojamiento. Si no sabes cuáles son las credenciales necesarias, contacta con tu proveedor de hosting para que te las facilite. Carga los archivos que acabas de bajar a la raíz pública del server (suele ser /public_html, /htdocs o /www, generalmente).

Inicia la restauración

Cuando se terminen de subir los ficheros, abre una nueva pestaña en el navegador y accede a la dirección web del nuevo servidor, añadiendo /installer.php al final. Por ejemplo, si el dominio es miblog.com, tendrás que entrar en miblog.com/installer.php. Esto abrirá el instalador de Duplicator.

Completa la migración

Tu servidor debería satisfacer los requisitos de instalación sin problemas. Lo único que puede presentar alguna dificultad es que no tengas la extensión mysqli instalada. Si es así, contacta con tu proveedor de alojamiento.

En el primer paso, introduce los datos de conexión a la base de datos que has creado para esta instalación. Si aún no has creado ninguna, puedes usar cPanel o phpMyAdmin, tal y como se comentó en el curso de Joomla. Prueba que la conexión es correcta con Test Connection y marca la casilla “I have read all warnings and notices”. La restauración se iniciará con el botón Run Deployment.

A continuación, configura las nuevas rutas del servidor. Si no sabes cuáles son, puedes presionar los enlaces ‘get’ junto a cada casilla. Deja todas las tablas y plugins seleccionados y pincha en Update Tables. Cuando acabe, comprueba que todo ha ido bien con un click en ‘Test entire site’. No olvides presionar en ‘Delete Installer Files’ antes de abrir tu sitio al público.

Abre una nueva pestaña en tu navegador habitual y dirígete a la página web de Wordpress en español. En el lateral derecho encontrarás un botón azul enlazando a la última versión de Wordpress. Pincha en él y espera a que termine la transferencia.

Cuando acabe, descomprime el fichero Zip en el directorio Htdocs de XAMPP. Normalmente se trata de C:\xampp\htdocs, donde se creará una carpeta con el nombre \wordpress.

Inicia el servidor y crea una nueva base de datos

Mientras termina la extracción, ve iniciando el servidor web (si no recuerdas cómo, consulta este tutorial de XAMPP). Recuerda que tienes que ejecutar tanto Apache como MySQL.  Cuando esté listo, abre una nueva pestaña y dirígete a http://localhost/phpmyadmin. Una vez allí, pincha en la pestaña Bases de datos y rellena el campo con el nombre deseado; por ejemplo, ‘wordpress’. Presiona en Crear y ve al siguiente paso.

Sincroniza la base de datos

A estas alturas ya debería haber acabado la extracción, por lo que podrás acceder a la dirección http://localhost/wordpress. Lo primero que tendrás que hacer es crear el fichero de configuración, así que pulsa el botón incluido a tal efecto y, a continuación, el enlace ¡Vamos a ello! Introduce los siguientes parámetros (sí, la contraseña debe ir en blanco) y presiona en Enviar.

Lanza el asistente de instalación

Tras conectar correctamente con MySQL, pulsa en el vínculo Iniciar la instalación y completa los datos siguiendo las descripciones incluidas en cada campo del formulario. Continúa con un click en Instalar WordPress y… ¡ya está! ¿Ves como no era tan traumático?

Ahora, si pulsas en el botón Acceder, aparecerá el panel de ingreso al Escritorio, pero eso ya es tema de la siguiente entrega: el Escritorio de Wordpress. Mientras tanto, puedes ver qué tal ha quedado la portada yendo a http://localhost/wordpress.

Un blog es una forma muy sencilla y directa de comunicar ideas y pensamientos, pero si no le dotas de cierta coherencia y estructura, quizá acabe convertido en un caos sin sentido. Vale, a lo mejor es justo lo que buscas. En ese caso, adelante, lánzate a escribir. En caso de que quieras darle cierta coherencia a tu blog en Wordpress, tienes que tener muy en cuenta las categorías y etiquetas, pues ellas son las estructurarán en contenido.

No obstante, algunos usuarios pueden acabar sumidos en ese sinsentido sin darse cuenta, simplemente por no haber creado un buen sistema de categorías. Por tanto, antes de  ponerte a escribir todo eso que tienes que contarle al mundo, es mejor detenerse un momento y pensar: ¿De qué voy a hablar? Es tan sencillo como coger papel y lápiz y dibujar un pequeño árbol de categorías.

Crea el árbol de categorías en WordPress

Cuando estés satisfecho con el árbol, hay que insertarlo en WordPress. Accede al Escritorio y pincha en la sección Entradas> Categorías del menú lateral. En la parte izquierda del panel principal se presentará un formulario con todos los campos necesarios para crear una nueva categoría.

El primero es sencillo: simplemente escribe el nombre que le quieres dar. El segundo quizá te suene algo más extraño. El slug es, normalmente, una versión reducida del nombre completo de la categoría, utilizado para generar las URLs amigables. Por ejemplo, si tu categoría se llama “Frutos sin cáscara”, el slug sería algo como “frutos-sin-cascara”. Como ves, nada de tildes, espacios ni mayúsculas.

Añade los detalles de la categoría

En el desplegable de abajo puedes elegir, si procede, bajo qué categoría existente quieres anidar la hipotética subcategoría. Puedes repetir el proceso cuantas veces quieras, generando así varios niveles de jerarquía. Eso sí, no suele ser necesario crear más de tres, por lo que si ves que necesitas seis niveles, quizá debas replantear el diseño del árbol de categorías.

Por último, el último campo te permite insertar una descripción. Escríbela de forma que sea relevante y añada información al título, pues será utilizada en las metadescripciones e impactará de forma positiva en la puntuación SEO. Cuando acabes, pincha en el botón Añadir nueva categoría y repite el proceso hasta completar todo el árbol.

Revisa el listado de categorías

En la parte de la derecha del Panel deWordpress puedes ver el listado completo tal y como lo has ido creando.

Si pasas el cursor por encima de una de las entradas, aparecerán algunos enlaces para que edites o elimines la categoría en cuestión. También hay un enlace para ver qué contenidos están agrupados bajo ella y una serie de casillas para aplicar las acciones en lote con ayuda del desplegable de la parte superior.

Revisa las etiquetas

Normalmente, crearás las etiquetas in situ, al redactar los contenidos. No obstante, conviene que sepas desde qué parte de la interfaz puedes gestionar el listado completo para revisar que no haya entradas demasiado parecidas (“baloncesto” y “basket”, por ejemplo), ya que eso tendría un impacto negativo en la usabilidad del blog (y el posicionamiento).

Por tanto, puedes administrarlas a tu antojo desde la sección Entradas > Etiquetas. Las acciones disponibles son las mismas que en el caso de las categorías: editar sus propiedades (nombre, slug y descripción), ver los contenidos vinculados o eliminarla. Eso sí, ten cuidado al modificar el slug o eliminarla por completo, ya que si existen enlaces que usen un enlace que contenga dicho slug, dejará de funcionar.

Como primer paso de este tutorial de WordPress nos encontramos con la instalación y acceso al web o blog.

Aunque el asistente de instalación te llevaba directamente a la pantalla de ingreso, es de esperar que también quieras acceder más adelante.

Simplemente, te basta con añadir la ruta /wp-admin a la dirección de tu blog. A estas alturas estarás trabajando en local, así que será una dirección del estilo http://localhost/wordpress/wp-admin. Cuando te mudes a un entorno de producción, adquirirá este otro formato: www.miblog.es/wp-admin. 

Cuando entres en dicha página, tendrás que introducir tus credenciales de administrador y presionar el botón Acceder. ¿Sencillo, no?

La pantalla de bienvenida

La primera vez que accedas al Escritorio, verás un panel especial de bienvenida listando algunas de las acciones más comunes de la administración de tu sitio. Si te ves con ganas, ve probando todas las tareas que propone. Si no, déjalo ahí para otra ocasión o ciérralo para siempre con el enlace Descartar.

El menú lateral

El Escritorio cuenta con un menú lateral compuesto de varias entradas desplegables. Cada una de ellas dará lugar a un submenú flotante con más opciones. Como ves, está separado en tres bloques temáticos más o menos definidos: el inicio, la gestión de contenidos, y, por último, la configuración del sitio web. Cabe mencionar que si en algún momento necesitas más espacio horizontal en el Escritorio, puedes contraer este menú pinchando en la última entrada Cerrar menú.

Los módulos de la parte superior

Aunque la mayoría de tareas las lanzarás desde el menú lateral, en ocasiones podrás ahorrarte un par de clicks con los menús de la parte superior. La parte de la izquierda incluye enlaces a recursos oficiales de Wordpress, a las diferentes partes de tu sitio, a la moderación de comentarios y, por último, accesos directos a la creación de nuevos contenidos.

En el área de la derecha te encontrarás, en primer lugar, con el panel de gestión de tu perfil. Desde aquí podrás editar tus datos y, lo que es más importante, salir de tu cuenta. Cuando termines de usar el Escritorio, recuerda siempre cerrar la sesión activa o alguien podría realizar cambios no solicitados en el blog usando tu perfil de administrador.

Debajo del panel de gestión también encontrarás el personalizador de vistas y, a su lado, un panel de ayuda contextual muy útil, especialmente en los primeros días de uso de WordPress.

Si has intentando conocer un poco más acerca de Django, te habrás topado con la densa definición de la entradilla. En pocas palabras, resume muchas de las propiedades de este proyecto, así que veamos de qué se trata.

Con “Framework web” se refieren a que es una plataforma de desarrollo enfocada al entorno web.

Proporciona una serie de herramientas para facilitar la creación de páginas, siguiendo los principios DRY (Don’t Repeat Yourself; No Te Repitas) para evitar duplicidad en las líneas de código e invertir el menor esfuerzo posible. Por ejemplo, levantar un panel de administración básico sólo requiere un par de líneas de Python.

También se adscribe al diseño MVC (Modelo-Vista-Controlador), por lo que las diferentes partes del sitio están claramente separadas. Por ejemplo, el código de acceso a los datos es completamente independiente al que gobierna el aspecto externo de la página.

Al tratarse de Python, Django permite que el desarrollador escriba código ágilmente. El resultado son menos líneas de código y, en consecuencia, menos probabilidades de que haya bugs. De ahí que digan que “fomenta el desarrollo rápido y el diseño limpio y pragmático”.

Tras leer todas estas bondades, estarás pensando que WordPress no tiene que hacer nada contra este proyecto.

En realidad, son dos desarrollos diferentes que no se pueden comparar. WordPress es un CMS completo que incorpora todo lo necesario para construir un blog o, gracias a las plantillas, muchos tipos de portal (portfolios, grupos de música, showcase de fotógrafos, etc).

Django, en cambio, no pretende sustituir a WordPress como CMS. Sólo está ahí para ayudarte a levantar sitios web desde cero, sea del tipo que sea.

En WordPress no hace falta programar; en Django, sí. Quizá se entienda mejor con una analogía: si WordPress fuera un coche básico sobre el cual puedes aplicar un montón de modificaciones, Django sería un kit de piezas ideado para que tú mismo construyas el coche de tus sueños.

En vista de la versatilidad forzosa a la que está siendo sometido WordPress últimamente, quizá quieras optar por Django en busca de la flexibilidad necesaria para cualquier tipo de proyecto.

Aprenderás Python de una forma práctica y limpia, pues la implementación de Django obliga a respetar muchos principios de la buena programación.

No obstante, no todo el mundo está dispuesto a pringarse las manos de código. Para esas personas, quizá sea oportuno mencionar la existencia de varios CMS basados en Django. Los tres más conocidos son Django CMS, Mezzanine y Merengue (financiado por la Universidad de Málaga).

Django cuenta con una activa comunidad de desarrollo y dispone de una documentación muy completa, incluso para principiantes. La mayoría está en inglés, pero eso no debería ser un problema.

Empieza por la sección de soporte de la página oficial o, si lo prefieres en la lengua de Cervantes, por este portal en español.También hay varios libros publicados al respecto, por si prefieres aprender en papel. 

Si bien esto no supone ningún aspecto negativo a la hora de desarrollar portales web, sí que puede resultar un impedimento cuando sólo quieres crear un blog. ¿Para qué invertir horas y horas configurando WordPress si lo atractivo del blogging es escribir posts? La respuesta de John O’Nolan a esta pregunta se llama Ghost.

Crea tu blog con Ghost

Ghost está diseñado para hacerte la vida más fácil y bonita. El panel de administración es una verdadera maravilla que realmente apetece usar: gráficas atractivas, estadísticas significativas, informes de impacto y mucho más en una única página. Organízalo como quieras arrastrando los widgets del escritorio y siéntate a disfrutar.

Si la vista de dos paneles funciona tan bien en los clientes de correo electrónico, ¿por qué no usarla para escribir tus nuevos artículos? Adiós a los tiempos de carga y, de paso, a los miles de botones que hay en los editores WYSIWYG: Ghost usa la sintaxis Markdown.

Además de simplificar la interfaz, todas estas decisiones la hacen más usable, sea cual sea el dispositivo con el que estás accediendo. La plataforma de blogging no debe ser nunca una dificultad a la hora de publicar, así que si estás en el metro o en el bus, ahora podrás plasmar esa idea que se te acaba de ocurrir ahí mismo con tu smartphone o tablet.

Ghost hace uso de tecnologías web modernas que, siendo honestos, pueden dificultar la instalación para los usuarios noveles. No obstante, ya no tendrás que preocuparte por la implementación de Node.js en tu servidor, ya que desde ayer está disponible el servicio Ghost Hosted. A diferencia de otras plataformas similares, como la de WordPress, Ghost Hosted es una instalación independiente y te da control absoluto sobre tu blog.

Basta con crear una cuenta y tendrás tu blog listo en cuestión de minutos. Eso sí, ten en cuenta que, aunque Ghost como tal es gratuito, el servicio Hosted es de pago. Los precios de los planes empiezan en 5$ al mes pero, para celebrar el lanzamiento de la plataforma, este primer es gratuito. Puedes registrar tu blog rellenando este formulario.

Joomla! es reconocido por ser uno de los gestores de contenido o Content Management System de código abierto que más se utiliza en el mundo: aproximadamente, un 3% de las páginas en Internet utilizan este sistema que se destaca por su facilidad de uso para crear una amplia variedad de sitios web y aplicaciones. 

Otros datos de interés sobre el uso de este software es que es el preferido por más de 3,200 portales gubernamentales de 200 países y la página principal del proyecto atrae mensualmente 2,5 millones de nuevos usuarios. 

Tradicionalmente, este software ya hacia parte del sector educativo especialmente en universidades y administraciones públicas. Ahora, cada vez más organizaciones del sector privado se están sumando a la revolución propiciada por el software de código abierto. 

Esta nueva versión del Joomla! Day se celebrará en conjunto con la segunda edición del Congreso Hispano Luso de Software Libre y se espera la asistencia de reconocidos ponentes y expertos en el tema de todo el mundo. Entre los asistentes destacados se cuenta la presencia de David Hurley y Brian Teeman, CMD y cofundador de Joomla!, respectivamente y Saurabh Shah, desarrollador web para Mozilla. 

La versión más reciente de este evento está patrocinada principalmente por la asociación OpenSource Iberia, que representa a diversas empresas y particulares interesadas en el software libre en España.

Otros patrocinadores como Movistar, Complusoft y Siteground, entre otros, se suman al evento que reúne a los usuarios y desarrolladores del software libre y a los empresarios públicos y privados bajo un mismo techo. 

Para conocer la lista completa de ponentes y agenda del evento, así como más detalles sobre el Congreso Hispano Luso de Software Libre, visita la página oficial de Joomla! Day y la página del Congreso. 

Fuente de Imagen: Joomla Day! España. 

Accede al Escritorio con tus credenciales de administrador y entra en la sección Entradas > Añadir nueva y llegarás a la pantalla principal de edición. Alternativamente, puedes usar el atajo del menú superior Nuevo> Entrada. Para empezar, introduce el título del artículo.

El editor visual

Una de las ventajas de los CMS como WordPress es que no necesitas instalar ningún programa en tu PC para usarlos. En el caso de los blogs, esto significa que puedes escribir directamente en el editor visual. El formato de texto se aplica igual que en Word: selecciona el fragmento deseado y usa los botones para ponerlo en negrita, cursiva, subrayado, tachado... Si necesitas cambiar la tipografía, el tamaño o su color, tendrás que activar los controles avanzados con el último botón de la barra de herramientas.

Inserta imágenes

Siendo honestos, pocos visitantes estarán dispuestos a leer una buena retahíla de palabras si no le das un poco de vidilla. Esto es, adjuntar una imagen relevante de vez en cuando o, incluso, insertar un vídeo. También conviene incluir alguna negrita en las palabras clave del artículo y hacer un buen uso de los párrafos y títulos para facilitar la lectura del texto.

Si quieres insertar una imagen, presiona el botón Añadir objeto. Se abrirá una ventana emergente desde la que podrás subir la imagen desde tu PC; solo tienes que arrastrarla al diálogo. Procura que no tenga un tamaño excesivo e introduce algunos detalles sobre la imagen en el formulario de la derecha. Cuando lo tengas, presiona en el botón Insertar en la entrada y aparecerá en el editor.

Incrusta un vídeo

Desde YouTube, accede al vídeo que quieres insertar y, bajo el reproductor, sitúate en la pestaña Compartir. Elige la opción Insertar y copia el código que aparece en el recuadro inferior.

Vuelve al editor e inserta una línea en blanco en el lugar donde quieres insertar el vídeo. A continuación, en la esquina superior derecha del editor, cambia a la pestaña Texto. No te asustes, sólo tienes que pegar el código que acabas de copiar en el lugar deseado.

Cuando vuelvas a la vista normal no verás el vídeo, pero no te preocupes, aparecerá cuando guardes el artículo. En cualquier caso, es mejor dejar para la final todas aquellas tareas que impliquen modificar manualmente el código HTML. Así que, si vas a insertar vídeos, hazlo justo antes de guardar la entrada.

Enlaza contenidos relevantes

La inserción de enlaces funciona igual que el resto del editor. Selecciona el fragmento que quieres enlazar y pincha en el botón correspondiente; en este caso, tiene forma de eslabón. En la nueva ventana, pega la dirección web en cuestión y, si es una página ajena a tu portal, marca la casilla “Abrir enlace en una nueva ventana/pestaña”. Así se abrirá en una pestaña nueva y no abandonarán tu web al seguir el enlace.

Con el objetivo de retener al visitante el mayor tiempo posible, no está de más enlazar algunas partes del texto a contenido relacionado con la entrada. Por ejemplo, si tienes una página de recetas, es muy probable que un lector en la mermelada de fresa quiera saber cómo se hace una tarta de queso con mermelada de fresa. Aprovecha la composición del texto para reformular alguna frase y enlazarla a contenido relevante; eso sí, tampoco fuerces demasiado o quedará artificioso y poco natural.

Rellena los detalles de la entrada

Cuando estés satisfecho con el resultado del artículo, puedes publicarlo directamente con el botón azul Publicar de la derecha, aunque quizá antes deberías comprobar cómo ha quedado con el botón Vista previa. No olvides marcar las categorías en las que quieres ubicar la entrada. Aunque puedes seleccionar todas las que quieras, no es recomendable marcar más de dos.

All in One SEO pack es el plugin SEO para Wordpress por excelencia. Con múltiples posibilidades de optimización, la configuración general de este plugin  te permitirá definir el title y la meta description de la homepage, elementos esenciales para SEO, pues precisamente el contenido de estos elementos son los que se visualizarán el los resultados de búsqueda.

También podrás  indicar las reglas para la creación automática de Títulos de post, títulos de páginas de tags y categorías.

En esta configuración general también podrás especificar al plugin qué elementos de optimización SEO quieres incluir en tus post. De modo que  podrás disponer en tu CMS de un sencillo formulario para definir  títulos y meta etiquetas.

Descárgatelo aquí.

Canonical URL's

¿Sabías que el contenido duplicado es uno de los problemas SEO más frecuentes? Se produce cuando por error, nuestro CMS o nosotros mismos, duplicamos el mismo contenido en varias páginas diferentes.

Para gestionar correctamente esas páginas duplicadas por Wordpress y mejorar el SEO de nuestro site, existe la posibilidad de incluir un link rel=”canonical”, donde especificar  la URL canónica o preferida para una URL que es duplicada.

El plugin All in One SEO Pack también permite configurar esta función, aunque os recomiendo usar este plugin para URLs canonical de forma separada. Si te has quedado un poco pasmado con lo del rel="canonical", no tienes por qué temer, este sencillo plugin incrustará un pequeño formulario en tu CMS para que indiques rápida y fácilmente la url preferida entre varias duplicadas.

Descárgatelo aquí.

Redirection

Este plugin nos permitirá gestionar las redirecciones SEO friendly de páginas antiguas a páginas nuevas. Redirection generará las redirecciones 301  con las que evitar los errores 404 de páginas que han dejado de existir en tu sitio web en Wordpress.

¡Nunca hacer una redirección 301 fue tan sencillo!

Descárgatelo aquí.

Author box with rel

La identificación del autor de un contenido es una de las formas en que buscadores como Google descubren contenido de calidad. Y como el contenido es una las patas del SEO, es muy recomendable dar las pistas necesarias para que nuestras páginas y nuestro site en Wordpress sean de confianza y obtengan un mejor posicionamiento.

Para lograr esto, se debe enlazar el contenido de un autor con sus redes sociales. Esto, además, permitirá mostrar un “rich snippet”  en Google, un resultado de búsqueda enriquecido con la foto y la información del autor.

Con este sencillo plugin "Author box with rel" podrás garantizar la autoría de tus contenidos.  ¡Pero no te olvides de enlazar tu cuenta de Google+ con tu firma de autor en tus páginas!

Descárgatelo aquí.

SEO Smart Links

Con el plugin SEO Smart Links podrás automatizar la optimización SEO de tus enlaces  en Wordpress con la famosa etiqueta rel=”nofollow”.

Al indicar que tus enlaces son nofollow podrás esculpir el page Rank de tu site, permitiendo pasar popularidad web a las páginas que más te interesen y evitando darle beneficios SEO a páginas externas que estás enlazando.

Descárgatelo aquí.

Google XML Sitemaps

Incluimos aquí dos plugins: Google XML sitemaps y Google XML sitemaps for images.

Con ambos podrás crear los sitemaps xml, archivos de índice donde se indica a los buscadores las páginas de tu site que debe rastrear.

Como las búsquedas de imágenes también son frecuentes entre los usuarios de buscadores, es conveniente optimizar la visibilidad de las imágenes de tu site Wordpress. Para ello, el plugin de creación de sitemaps de imágenes será un gran aliado.

SEO friendly images

Para optimizar las imágenes de tu sitio web y captar  tráfico SEO  a través de ellas, no solo basta con crear un sitemap de imágenes, también deberás optimizar las etiqueta ALT y TITLE de las imágenes.

Con este pluginpara Wordpress podrás hacerlo automáticamente.

Schema Creator by Raven

Con este plugin podrás incluir el marcado estándar de datos estructurados de schema.org

Los datos estructurados son un conjunto de etiquetas que se rigen por el estándar schema.org. Sirven para marcar semánticamente los tipos de contenido a nivel del código fuente de nuestra página. De este modo le damos las pistas necesarias al buscador para interpretar el contenido que proporcionamos al usuario para que lo presente en los resultados de búsqueda en el formato rich snippet, es decir, un resultado de búsqueda enriquecido.

En función del tipo de contenido, el resultado de búsqueda tendrá un formato diferente. Si es un evento, mostrará el nombre del evento y su fecha de celebración; si son votos de usuario, mostrará las típicas estrellitas; si son recetas de cocina, mostrará una foto del plato e información como el tiempo de preparación...

Hay muchos tipos de rich snippets. Para conseguirlos, basta que uses este plugin Schema Creator. Mediante un sencillo formulario podrás marcar tu contenido con el formato estándar necesario.

Descárgatelo aquí.

Google Analytics for Wordpress

De acuerdo, este plugin no es esencialmente SEO, por eso lo hemos dejado para el final.

Este plugin te permitirá añadir fácilmente tu código de seguimiento de Google Analaytics a todas las páginas de tu sitio web en Wordpress.

Una vez configurado, tendrás en tus manos toda la información sobre lo que está ocurriendo en tu site, también sobre la información de tráfico y rendimiento SEO en los correspondientes apartados de Google Analytics.

Descárgatelo aquí.