Este artículo trata sobre “Widgets clásicos”. Si estás utilizando los widgets más recientes basados en bloques, consulta este artículo.
Los widgets de WordPress añaden contenido y funcionalidad al área de widgets. El área de widgets es un área predefinida por el tema, normalmente ubicada en la barra lateral o en el pie de página, pero varía de un tema a otro. Algunos ejemplos son los widgets predeterminados que vienen con WordPress: para categorías, nube de etiquetas, búsqueda, etc. Los plugins suelen añadir sus propios widgets.
Originalmente, los widgets se diseñaron para proporcionar una forma sencilla y fácil de usar de dar al usuario control sobre el diseño y la estructura del tema de WordPress, lo que ahora está disponible en los temas de WordPress correctamente “widgetizados” para incluir el encabezado, el pie de página y otras partes del diseño y la estructura de WordPress.
Los widgets no requieren experiencia ni conocimientos de código. Se pueden añadir, eliminar y reorganizar en el Personalizador del tema o en Apariencia > Widgets de las pantallas de administración de WordPress.
Algunos widgets de WordPress ofrecen personalización y opciones, como formularios para rellenar, inclusiones o exclusiones de datos e información, imágenes opcionales y otras funciones de personalización.
El Editor de widgets basado en bloques explica cómo utilizar la experiencia actualizada de widgets con bloques.
La pantalla de widgets de Apariencia explica cómo utilizar los diversos widgets que vienen con WordPress en la experiencia clásica.
Los plugins que vienen acompañados de widgets se pueden encontrar en el Directorio de plugins de WordPress.
Instalar widgets
WordPress viene preinstalado con una variedad de widgets. Si estos no son suficientes para tus necesidades, puedes instalar otros nuevos buscándolos en el Directorio de plugins de WordPress, al que se puede acceder desde la pantalla de administración de WordPress Plugins > Añadir nuevo.
Mostrar widgets
Widgets existentes en áreas de widgets existentes
Antes de poder añadir un widget, debes verificar que el tema que estás utilizando es compatible con los widgets (más específicamente: área de widgets). Puedes hacerlo simplemente accediendo al menú Apariencia y buscando un submenú titulado “Widgets”.
Si tu tema es compatible con el Personalizador del tema, puedes seguir los siguientes pasos. En el Personalizador del tema, está disponible la vista previa en vivo de los cambios.
- Ve a Apariencia > Personalizar en las pantallas de administración de WordPress.
- Haz clic en el menú Widget del Personalizador del tema para acceder a la pantalla de personalización de widgets.
- Haz clic en la flecha hacia abajo del área de widgets para mostrar los widgets ya registrados.
- Haz clic en el botón Añadir un widget en la parte inferior de la barra lateral. Se mostrará la lista de widgets disponibles.
- Haz clic en el widget que quieras añadir. Los widgets deberían añadirse a la barra lateral.
- Previsualiza tu sitio y deberías ver el contenido de tu nuevo widget.
- Para ordenar los widgets dentro de la barra lateral, arrástralos y suéltalos en el orden que quieras, o haz clic en el enlace Reordenar, luego en la flecha hacia arriba y en la flecha hacia abajo de cada widget, y haz clic en Listo después de ordenarlos.
- Para personalizar las funciones del widget, haz clic en la flecha hacia abajo de la derecha para expandir la interfaz del widget.
- Para eliminar el widget, haz clic en Eliminar en la interfaz del widget del paso anterior.
Si tu tema no es compatible con el Personalizador del tema, puedes seguir los siguientes pasos convencionales:
- Ve a Apariencia > Widgets en las pantallas de administración de WordPress.
- Elige un widget y arrástralo a la barra lateral donde quieras que aparezca, o haz clic en el widget, (selecciona una barra lateral de destino si tu tema tiene más de una) y haz clic en el botón Añadir widget. Puede haber más de una opción de barra lateral, así que empieza por la primera. Una vez colocado, WordPress actualiza automáticamente el tema.
- Previsualiza el sitio. Deberías comprobar que los elementos de la barra lateral “predeterminada” han desaparecido y que solo se muestra la nueva adición.
- Vuelve a la pantalla de widgets para seguir añadiendo widgets.
- Para ordenar los widgets dentro de la barra lateral o del área de widgets, haz clic en ellos y arrástralos hasta su posición.
- Para personalizar las funciones del widget, haz clic en la flecha hacia abajo de la esquina superior derecha para expandir la interfaz del widget.
- Para guardar la personalización del widget, haz clic en Guardar.
- Para eliminar el widget, haz clic en Borrar.
Si quieres eliminar el widget pero guardar su configuración para utilizarlo en el futuro, simplemente arrástralo al área de widgets inactivos. Puedes volver a añadirlo en cualquier momento desde allí. Esto resulta especialmente útil cuando cambias a un tema con menos áreas de widgets o con áreas diferentes.
Al cambiar de tema, a menudo varía la cantidad y la configuración de las áreas o barras laterales de widgets, y a veces estos conflictos hacen que la transición sea un poco menos fluida. Si has cambiado de tema y parece que faltan widgets, desplázate hacia abajo en la pantalla hasta el área de widgets inactivos, donde se habrán guardado todos tus widgets y sus configuraciones.
Activar el modo de accesibilidad, mediante las opciones de pantalla, permite utilizar botones Añadir y Editar en lugar de arrastrar y soltar.
Áreas de widgets
Aunque las áreas de widgets suelen encontrarse en las barras laterales de las páginas web, un tema puede colocar áreas de widgets en cualquier parte de una página. Por ejemplo, además de las ubicaciones habituales de las barras laterales, el tema Twenty Seventeen tiene un área de widgets en el pie de página de cada página.
Usar widgets de texto
El widget de texto es uno de los widgets de WordPress más utilizados y viene incluido en todas las instalaciones de WordPress. Permite a los usuarios añadir texto, vídeos, imágenes, listas personalizadas y mucho más a sus sitios de WordPress.
Para utilizar el widget de texto de WordPress:
- Ve a Apariencia > Personalizar en las pantallas de administración de WordPress y haz clic en el menú Widget del Personalizador del tema. O ve a Apariencia > Widgets en las pantallas de administración de WordPress.
- Abre la barra lateral a la que quieras añadir el widget de texto.
- Busca el widget de texto en la lista de widgets.
- Haz clic en el widget y arrástralo hasta el lugar donde quieras que aparezca.
Para abrir y editar el widget de texto:
- Haz clic en la flecha hacia abajo situada a la derecha del título del widget de texto.
- Establece el título del widget de texto (opcional).
- Añade el texto o el código HTML al cuadro, o edita lo que haya actualmente.
- Elige la opción Añadir párrafos automáticamente para envolver cada bloque de texto en una etiqueta de párrafo HTML (recomendado para texto).
- Haz clic en Guardar para guardar el widget de texto.
- Haz clic en Cerrar para cerrar el widget de texto.
- Cambia de pestaña en tu navegador y previsualiza los resultados; realiza cambios si es necesario.
El widget de texto puede contener diversos enlaces y reproductores HTML, XHTML y multimedia, como vídeos y objetos incrustados.
Añadir código al widget de texto
El HTML básico, los contenidos incrustados y JavaScript se añaden fácilmente al widget de texto de WordPress. La mayoría de los códigos de inserción de sitios de redes sociales para compartir contenido multimedia funcionarán en un widget de texto de WordPress. Sin embargo, el código activo y lenguajes de programación como PHP no funcionarán, ya que el widget eliminará el código que no pueda mostrar.
Para añadir código activo al widget de texto, utiliza uno de los muchos plugins de WordPress del Directorio de plugins de WordPress que anulan las restricciones de WordPress sobre el uso de PHP en las entradas. Comprueba que funcionen con los widgets, ya que algunos no lo harán.
Usar widgets RSS
El widget RSS permite integrar una fuente externa de contenido en un área de widgets de tu sitio, como tu cuenta de Twitter, publicaciones de Facebook, publicaciones de Google+ u otros blogs.
El widget RSS muestra el contenido publicado más recientemente de cualquier fuente con un feed activo. Es una forma ideal de integrar contenido externo en tu sitio.
De forma predeterminada, el widget RSS de WordPress muestra el título de la entrada o los primeros 100 caracteres aproximadamente de un tuit o de una entrada larga sin título. Estos aparecen en forma de enlace o incluyen un enlace a la fuente original, dependiendo del diseño y la estructura del feed’s.
- Introduce la URL del feed RSS en el primer cuadro, copiada de la página de origen del contenido que quieras incluir en tu barra lateral u otro espacio widgetizado.
- Asigna un título al feed: esto es opcional y te permite mostrar el origen del contenido.
- ¿Cuántos elementos quieres mostrar?: de forma predeterminada se muestran 10, pero puedes elegir entre 1 y 20 entradas.
- ¿Mostrar el contenido del elemento?: esto permite mostrar un extracto del contenido, no solo el título.
- ¿Mostrar el autor del elemento si está disponible?: si quieres dar crédito al autor original del contenido, marca esta opción para mostrarlo.
- ¿Mostrar la fecha del elemento?: si está disponible, se mostrará la fecha del contenido original.
Puedes añadir varios widgets RSS para los feeds entrantes a la barra lateral de WordPress y a otras áreas widgetizadas de tu sitio.