Herramientas Personales
Usted está aquí: Inicio / Ayuda / Aplicaciones web / WordPress / Aspecto / Widgets

Widgets

archivado en: , ,
Qué son y cómo usarlos

Artículo parcialmente desfasado: pendiente de actualizar

En WordPress los widgets son pequeñas herramientas que, con determinados temas, te permitirán incluir, modificar y eliminar determinados contenidos de algunas zonas de tu sitio web.

En nuestras instalaciones de WordPress y WordPress Multi-User tenemos varios temas que te permitirán usar los widgets para personalizar en gran medida tu sitio web (columnas laterales, cabecera, imágenes, fuentes, colores, etc.).

A continuación vamos a explicar el uso de los widgets en el tema Noticias-Azul (en otros temas, tendrás que realizar adaptaciones de estas instrucciones).

ÁREAS PERSONALIZABLES

Sidebars 1, 2 y 3 por defectoEn el tema Noticias-Azul las áreas personalizables a través de los widgets son tres, están situadas en la columna lateral de la derecha y se llaman Sidebar 1, 2 y 3 ("sidebar" significa "barra lateral"):

  • Sidebar 1: mide 240 pixels de ancho (es decir, lo mismo que la citada columna lateral) y ocupa la parte superior de la columna en todas las entradas y páginas, salvo en aquellas páginas que tengan subpáginas o que sean subpáginas de otras (en este tipo de páginas, aparece en segundo lugar, justo debajo del correspondiente menú de subpáginas). Por defecto (antes de añadirle algún widget), muestra las últimas 10 entradas publicadas.
  • Sidebar 2: mide 120 pixels de ancho (es decir, la mitad que Sidebar 1 y que la columna lateral) y ocupa la mitad izquierda de la columna lateral, justo debajo de la Sidebar 1. Por defecto, muestra las Categorías y Archivos -mensuales- de entradas.
  • Sidebar 3: mide 120 pixels de ancho y ocupa la mitad derecha de la columna lateral, justo debajo de la Sidebar 1 y a la derecha de la Sidebar 2. Por defecto, muestra los enlaces.

Pulsa en la miniatura para ver un ejemplo a tamaño real.

PERSONALIZACIÓN DE LAS SIDEBARS CON LOS WIDGETS

Una vez dentro de la zona de administración, pulsa en Presentación y después en Widgets. Verás tres columnas (que corresponden a cada una de las tres sidebars) y, debajo de ellas, una fila con todos los widgets disponibles actualmente (más adelante incluiremos más).

Widgets 1

Para personalizar una sidebar, sólo tienes que arrastrar a la misma los widgets que quieras que aparezcan en ella, ordenarlos y configurarlos a tu gusto y pulsar en el botón Guardar cambios. A partir de este momento, en la sidebar personalizada dejarán de aparecer los elementos que aparecían por defecto y aparecerán los elementos correspondientes a los widgets que hayas arrastrado dentro de la misma.

Para ordenar los widgets de una sidebar, sólo tienes que arrastrarlos arriba o abajo dentro de la misma. El orden en que los pongas en la zona de administración, será el que tengan en la parte pública. Una vez ordenados a tu gusto, vuelve a pulsar el botón Guardar cambios.

Para configurar un widget, pulsa en el siguiente botón que verás en la parte derecha del mismo (si no aparece este botón, es que ese widget no es configurable):

Botón de configuración de los Widgets

Al hacer esto, se abrirá una ventana emergente en la que podrás configurar el widget a tu gusto (ponerle el título que quieras que se vea en la parte pública -o dejarlo en blanco si no quieres que aparezca- y determinar distintas opciones de configuración que varían según el widget -ver abajo-). Una vez configurado, pulsa en la equis (x) de la esquina superior derecha de la ventana emergente o en cualquier punto fuera de ella para cerrarla y, finalmente, guarda los cambios.

Lógicamente, puedes hacerlo todo de un tirón (arrastrar los widgets deseados dentro de las distintas sidebars que quieras personalizar, ordenarlos a tu gusto, configurarlos como desees y, finalmente, guardar los cambios realizados).

WIDGETS DISPONIBLES

Actualmente están disponibles los siguientes widgets:

  • Akismet: para mostrar el número de comentarios basura bloqueados por el sistema antispam Akismet de Wordpress.com en tu sitio web (lógicamente, debes tener activado y configurado este plugin -consulta su manual en la sección de Plugins-). Puedes ponerle el título que quieras.
  • Archivos: para mostrar la lista de archivos mensuales de tus entradas (con indicación del mes y año de cada archivo mensual). Además de personalizar el título, también puedes decidir si se muestra o no el número de entradas publicadas cada mes, así como sustituir la lista por un menú desplegable (especialmente útil para sitios cuya lista de archivos mensuales sea enooooooorme).
  • Buscar: para incluir un formulario de búsqueda (éste no tiene opciones de configuración).
  • Calendar: para incluir un calendario mensual en que se destacan los días en que hayas publicado alguna entrada. Al poner el cursor sobre dichos días, aparecerá un texto con los títulos de las entradas publicadas ese día y si pulsas en la fecha, accederás a las mismas. Puedes ponerle el título que quieras.
  • Categories 1: para mostrar la lista de categorías de entradas. Además de personalizar el título, también puedes decidir si se muestra o no el número de entradas publicadas en cada categoría, sustituir la lista por un menú desplegable (especialmente útil para sitios que tengan muuuuuuuchas categorías) y si las categorías se muestran o no de manera jerárquica (en el caso de que tengas categorías y subcategorías).
  • Enlaces: para mostrar tu lista de enlaces (éste tampoco tiene opciones de configuración).
  • Meta: para mostrar los "enlaces meta" de tu sitio web (regístrate, identifícate, administración, salir, RSS novedades, RSS comentarios y WordPress). También puedes cambiarle el título.
  • Páginas: para mostrar la lista de tus páginas y subpáginas. Además del título, también puedes personalizar el orden de la lista (mostrar las páginas ordenadas por título, ID o número de orden establecido en cada página) y decidir qué páginas no han de mostrarse (para ello, tendrás que indicar sus ID separadas con comas). Realmente útil, aunque en el tema Noticias-Azul no hace falta.
  • Recent Comments: para mostrar los últimos comentarios recibidos. Además de personalizar el título, también puedes indicar el número de comentarios a mostrar (con un máximo de 15).
  • Recent Posts: para mostrar las últimas entradas publicadas. Además de personalizar el título, también puedes indicar el número de entradas a mostrar (con un máximo de 15).
  • RSS 1: para mostrar las últimas entradas o noticias de cualquier sitio web con soporte RSS o Atom. Al poner el cursor sobre las entradas, aparecen las primeras líneas de las mismas. Para que funcione, sólo tienes que indicar la URL de la correspondiente fuente y seleccionar el número de entradas que quieres que se muestren (entre 1 y 10). Además, si lo deseas, también puedes personalizar el título (si no indicas nada, aparecerá el de la fuente RSS/Atom).
  • Tag Cloud: para mostrar la nube de etiquetas de tu sitio web. Para que funcione es necesario que añadas etiquetas (palabras clave) a tus entradas y páginas, cosa que por el momento aún no se puede hacer en la última versión de WPMU, por lo que hasta que no implementen esta característica en la versión multiusuario de WordPress, no podrás utilizar este widget.
  • Text 1: para incluir texto plano o código HTML. En algunas ocasiones puede ser interesante dejarle el título en blanco (por ejemplo, si quieres poner tu foto u otra imagen hipervinculada a la página principal de tu sitio web en la parte superior de la columna de la derecha). Aunque no lo parezca a primera vista, es uno de los widgets más potentes y, sin lugar a dudas, el más versátil y flexible, ya que te permitirá incluir muchísimos tipos de elementos en tu columna lateral: texto plano y/o formateado, enlaces, imágenes, vídeos, cajas de música,... En breve, prepararemos algunos minimanuales para que puedas empezar a sacarle el mayor partido posible.

MÁS INFORMACIÓN

Widget
WordPress Widget (artículo)
WordPress Widgets (sitio web)
Widgets WordPress (otro sitio web)
Plugins/WordPress Widgets (sección oficial de WP)