Barras laterales y Widgets

Algunos Temas de Wordpress son conocidos como "widget ready" o que aceptan "widgets". Esto significa que una o más de sus columnas, usualmente llamadas "barra laterales", son dinámicas y les puedes añadir o eliminar opciones por medio del Escritorio de Wordpress.

Veamos lo que esto significa en la práctica cuando tomamos en consideración un blog tipico que actúa como un diario personal. Un blog como este usualmente tiene un formato de 2 columnas. Una columna principal a la izquierda y una columna más angosta a la derecha con un número de cuadros que sirven un propósito específico.

Con esta barra angosta en mente, algunos de los objetos típicos, llamados widgets, son:

Todos estos objetos son soportados por Wordpress en la configuración original. Algunos Temas y plugins diferentes podrían añadir algunos. Tu también puedes hacer tus propios objetos pegando un HTML en in widget simple de texto - - por ejemplo, podrías pegar un vídeo de YouTube en tu barra lateral.

Que el Tema que tu estas utilizando sea "widget ready", y cuantas áreas del Tema acepten widgets, dependerá completamente del creador del Tema. Existe una gran posibilidad de que el Tema que estés utilizando tenga al menos una barra lateral que tu puedas manipular. SI no es así, restaurá el Tema "Wordpress por defecto 1.6" (ver lección 18) y utiliza este Tema mientras dure esta lección.

Vamos a ver como trabajan algunos de estos widgets:

Desde los controles del Escritorio, selecciona el menú de "Apariencia", luego selecciona "Widgets". En la página de "Widgets", vemos dos areas separadas por 2 columnas.

A la izquierda, vemos los "Widgets disponibles" y a la derecha (Mas angosta) vemos lo que se conoce como "barra lateral" definida por botones azules. Esta "barra lateral" es una representación de esa barra lateral en tu Tema. Es posible que tengas más de una barra lateral y también es posible que no se llamen "barras laterales". Selecciona la flecha a la derecha de la barra lateral para abrirla. Puede estar vacía o no.

Lo que podemos hacer en este punto es arrastrar widgets desde el área de "Widgets disponibles" hacia la "barra lateral".

En otras versiones, debes selecciona "Añadir" en el widget que quieres y seleccionar la barra lateral en la que ira este widget. Ahora, en la barra lateral, puedes ordenar los widgets en el orden en que quieres que aparezcan.

Selecciona la opción de "Editar" a la derecha del widget. Esto te llevará a un nueva pagina. Ahí, en la opción de "Posición" seleccionas el lugar que ocupara el widget. Luego seleccionas "Guardar widget". Veremos que la posición del widget cambio de lugar, claro está, si hubo algún cambio.

Estos widgets ahora serán visibles en tu sitio web, los que se encontraban de manera estática has sido sobreescritos. Pero antes de ver como se ven los widgets que añadimos, vamos a configurarlos.

Selecciona "Añadir" a la derecha del widget de Categorías para ver las opciones asociadas a este widget. Veremos la opción de poder cambiar el titulo (en otras palabras, podríamos cambiar el nombre de Categorías a secciones), como también podemos cambiar la manera en que estas categorías se presentan, por ejemplo, como lista desplegable en lugar de enlaces, o mostrar la cantidad de entradas por Categoría. Cualquier cambio que realicemos debe ser guardado con la opción de "Guardar widget".

Para eliminar un widget, seleccionamos la opción "Borrar" al seleccionar "editar" a la derecha del widget que quieres eliminar. Para eliminar un widget, debemos seleccionar el widget en la barra lateral derecha.

Puedes configurar otros widgets, pero antes de terminar, selecciona el widget "Texto" para proseguir con esta lección.

El widget de Texto es muy útil para colocar HTML en la Pagina sin tener que editar los archivos del Tema manualmente y arriesgarse a arruinarlos. En muchas ocasiones, nos darán un HTML para ser incluido en nuestro sitio web. Por ejemplo, puede ser un código para un sistema de estadística para registrar los visitantes al sitio, otro podría ser un código para enviar por correo electrónico un formulario de suscripción.

Veras que el widget cuenta con un título y un cuadro de texto. Tu puedes, si así lo quieres, dejar el titulo en blanco para que nada aparezca en el Tema. Vamos a hacer esto. En el cuadro de texto, pega el siguiente código de HTML:

<strong><span style="color:red">Testing</span></strong>

Selecciona "Guardar widget" y visita tu sitio para ver los resultados.