Cómo agregar o editar una barra lateral con widgets en WordPress

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Las barras laterales son una excelente manera de agregar contenido y funcionalidad adicionales a tu sitio web, sin distraer de su contenido principal.

La mayoría de los temas de WordPress cuentan con una barra lateral integrada, que posiblemente ya contenga algunos widgets de WordPress, por ejemplo una barra de búsqueda o una lista de tus entradas de blog más recientes.

En este consejo rápido, te mostraré cómo personalizar la barra lateral integrada de tu tema, incluyendo cómo agregar y eliminar contenido, además de cómo personalizar el contenido que ya se encuentra ahí.

Incluso si tu tema cuenta con múltiples barras laterales integradas, estas barras laterales quizá no sean la mejor opción para tu sitio web. Si te sientes restringido por tu tema, entonces también te mostraré cómo crear una barra lateral personalizada, para luego colocar esta barra lateral en cualquier lugar de tu sitio web, incluyendo las áreas que no estén permitidas en tu tema.

Los mejores complementos para barras laterales y widgets de WordPress en CodeCanyon

Explora miles de los mejores complementos de WordPress alguna vez creados en CodeCanyon. Con un pago único de bajo costo, puedes comprar estos complementos de WordPress de alta calidad y mejorar la experiencia en tu sitio web para ti y para tus visitantes.

¿Qué es la barra lateral de WordPress?

Una barra lateral es un área llena de widgets de tu sitio web de WordPress, en donde puedes mostrar contenido que no forma parte de la página web principal. Este contenido secundario se agrega a tu sitio web a través de widgets, por ejemplo, puedes usar un widget para mostrar una lista de tus blogs publicados más recientemente, una nube de etiquetas o una barra de búsqueda.

WordPress supports a range of widgets so you can add extra content and functionality to your website

Las barras laterales pueden ser útiles para ayudar a los visitantes a navegar por tu sitio web, pero también pueden proporcionar funcionalidad adicional. Por ejemplo, si creaste una tienda en línea, entonces podrías usar la barra lateral para mostrar controles deslizantes que permitan a los visitantes filtrar productos según el precio, la categoría y las opciones de entrega. En este escenario, los controles deslizantes siempre estarán accesibles fácilmente sin distraer del contenido principal de la página. Si estás intentando monetizar tu sitio web, entonces las barras laterales también pueden ser un lugar ideal para mostrar anuncios.

Si bien el término "barra lateral" sugiere una columna vertical que se muestra junto a tu contenido principal, las barras laterales pueden aparecer en otras ubicaciones, incluso arriba o debajo del pie de página de tu sitio web.

Sidebars dont have to be vertical bars that run alongside your webpages main content

La ubicación de las barras laterales de tu sitio variará dependiendo del tema de WordPress que hayas elegido, pero cerca del final de este artículo te mostraré cómo crear una barra lateral personalizada que puedes colocar en cualquier lugar de tu sitio, incluyendo ubicaciones que quizá no estén permitidas en tu tema de WordPress.

Cómo agregar, eliminar y editar los widgets de la barra lateral

Puedes personalizar la barra lateral a través del Dashboard (Panel de control), o mediante el Customizer (Personalizador) de WordPress.

Cómo editar la barra lateral con el Customizer (Personalizador)

Comencemos con el método del Customizer (Personalizador):

Inicia sesión en tu sitio de WordPress, si aún no lo has hecho. Luego, en el menú de la izquierda, selecciona Appearance > Customize (Apariencia > Personalizar). Esto ejecutará la herramienta Customizer (Personalizador).

En el panel izquierdo del Customizer (Personalizador), selecciona Widgets. Ahora el panel mostrará una lista de todas las áreas de tu sitio web que contengan widgets. Las convenciones de nomenclatura pueden variar dependiendo de tu tema, pero la barra lateral normalmente tendrá la palabra sidebar (barra lateral) en su título. Cuando encuentres el widget de la barra lateral, haz clic en él.

You can add and remove widgets from your websites sidebars using the Customizer tool

Ahora WordPress mostrará una lista de todos los widgets que se encuentran alojados actualmente dentro de tu barra lateral. Desde aquí puedes llevar a cabo las siguientes tareas:

1. Pon algo de orden en tus widgets

Puedes cambiar el orden en el que los widgets aparecen en la barra lateral agarrando un widget, arrastrándolo a una posición nueva y luego soltándolo en esta nueva ubicación.

Cuando estés satisfecho con tus cambios, haz clic en Publish (Publicar).

2. Ajusta el título de un widget

Puedes editar el texto que aparece arriba de cada widget, o incluso eliminar el texto del título de un widget por completo. Para hacer eso, simplemente encuentra el widget que tenga el título que quieras editar, y luego haz clic en él para expandir esta sección.

You can edit each widgets title or even remove it entirely using WordPress Customizer

Realiza tus cambios en el texto de Title (Título).
Haz clic en Done (Listo).
Haz que tus ediciones se vuelvan públicas haciendo clic en Publish (Publicar).

Ahora este widget se actualizará para mostrar el título editado.

3. Elimina cualquier widget de la barra lateral

Para eliminar un widget de la barra lateral, haz clic en él para expandir su sección y luego haz clic en el texto rojo Remove (Eliminar).

Not a fan of a particular widget You can remove any widget from your websites sidebar

Ahora el widget seleccionado deberá desaparecer. Para que este cambio sea permanente, haz clic en Publish (Publicar).

4. Mejora tu barra lateral con widgets adicionales

¿La barra lateral se ve un poco vacía? WordPress es compatible con una amplia gama de widgets distintos que puedes agregar a tus barras laterales:

Presiona el botón Add a widget (Agregar un widget).
Explora la lista de widgets disponibles. Cuando encuentres un widget que quieras agregar, haz clic en él.
Asigna un título a este widget y rellena cualquier otra opción de configuración que aparezca en el panel del lado izquierdo. Ten en cuenta que la configuración puede variar, dependiendo del widget con el que estés trabajando.
Repite el proceso para cada widget nuevo que quieras agregar a la barra lateral.
Cuando estés satisfecho con tu selección, haz clic en Done (Listo).
Para guardar tus cambios, haz clic en Publish (Publicar).

Ahora la barra lateral se actualizará para incluir todos tus widgets nuevos.

Si quieres más widgets que los que se incluyen en WordPress convencional, puedes probar un complemento para widgets de WordPress. Estos pueden permitirte agregar botones de llamada a acciones, calendarios, pronósticos del tiempo y más.

Personaliza la barra lateral desde el Dashboard (Panel de control)

También puedes editar la barra lateral desde el Dashboard (Panel de control) de WordPress.

En el menú de la izquierda de WordPress, selecciona Appearance > Widgets (Apariencia > Widgets), localiza la sección Sidebar (Barra lateral), y luego haz clic en ella para expandirla. Ahora podrás ver todos los widgets que componen a esta barra lateral en particular.

Desde aquí puedes hacer los siguientes cambios:

Reorganiza tus widgets. Puedes cambiar el orden en el que aparecen estos widgets en la barra lateral, mediante el uso de la función de arrastrar y soltar.
Cambia el título de un widget. Haz clic para expandir la sección correspondiente del widget, edita el texto del título según sea necesario y luego haz clic en Done (Listo).
Elimina un widget. Haz clic para expandir la sección correspondiente del widget y luego haz clic en el enlace Delete (Eliminar).
Agrega un widget. En la sección Available Widgets (Widgets disponibles), localiza el widget que quieras agregar a la barra lateral, y luego arrástralo y suéltalo a la sección Sidebar (Barra lateral). Toma en cuenta que el widget aparecerá en la barra lateral en donde sea que lo hayas soltado.

¿Quieres más widgets?

Tu cuenta de WordPress viene con una serie de widgets integrados, pero puedes acceder a aún más widgets instalando complementos de WordPress.

Si quieres más widgets de entre los que puedas elegir, entonces consulta nuestra guía de los mejores widgets de WordPress.

WordPress

Los mejores widgets de WordPress para 2018

Eric Dye

¿No eres fanático de las barras laterales integradas de WordPress?

Muchos temas de WordPress incluyen algún tipo de funcionalidad de barra lateral, pero estarás limitado por la forma en la que el tema elige colocar sus barras laterales. Si te sientes restringido por la barra, o barras laterales predeterminadas de tu tema, entonces puedes agregar una barra lateral personalizada a tu sitio web de WordPress con la ayuda de un complemento de terceros.

En esta sección te mostraré cómo crear una barra lateral completamente nueva usando el complemento gratuito Custom Sidebars.

Instala y activa el complemento para barras laterales

Para configurar el complemento Custom Sidebars:

En el menú de la izquierda de WordPress, selecciona Plugins > Add New (Complementos > Agregar nuevo).
Busca Custom Sidebars, y cuando el complemento llamado "Custom Sidebars – Dynamic Widget Area Manager" aparezca, haz clic en Install Now (Instalar ahora).

You can create entirely custom sidebars using a third party WordPress plugin

Cuando se te solicite, haz clic en Activate (Activar).

¡Ahora estás listo para crear tu barra lateral personalizada!

Cómo crear una barra lateral personalizada

Vamos a crear una barra lateral personalizada y a colocarla en nuestro propio sitio web:

En el menú de la izquierda de WordPress, selecciona Appearance > Widgets (Apariencia > Widgets).
Presiona el botón Create a new sidebar (Crear una barra lateral nueva).

You can create a sidebar in WordPress regular Appearance Widgets menu

En la ventana emergente subsecuente, asigna un nombre a tu barra lateral y escribe una descripción.
Haz clic en Create Sidebar (Crear barra lateral) y la nueva barra lateral aparecerá debajo de un encabezado dedicado de Custom Sidebars.

Ahora puedes agregar widgets a la barra lateral arrastrándolos desde la sección Available Widgets (Widgets disponibles). También puedes eliminar y editar tus widgets existentes, exactamente de la misma forma en la que modificaste las barras laterales integradas de WordPress.

Al crear una barra lateral personalizada, ¡esta no aparecerá en tu sitio web sino hasta que le des un hogar! Para colocar tu barra lateral, haz clic en Sidebar location (Ubicación de la barra lateral).

En la ventana emergente subsecuente, selecciona en qué parte de tu sitio web se debe colocar esta barra lateral, y si solo debe aparecer en publicaciones o páginas específicas. Por ejemplo, quizá optes por mostrar tu barra lateral en el Footer 1 (Pie de página 1) solamente para Posts (Entradas), o en el Footer 2 (Pie de página 2) para todos los Posts (Entradas) clasificados como News (Noticias).

Cuando estés satisfecho con la configuración de tu barra lateral, haz clic en Save Changes (Guardar cambios).

Ahora tu barra lateral personalizada aparecerá en tu sitio web. Alternativamente, al editar una página o entrada existente, o al crear una nueva, puedes especificar qué barra lateral utilizar:

Cuando edites la página o entrada, localiza la sección Sidebars (Barras laterales) en el menú de la izquierda.

You can assign custom sidebars to individual pages or post during the editing process

Haz clic para expandir la sección Sidebars (Barras laterales).
Usa los menús desplegables para especificar qué barra lateral debe colocarse en esta página web, y en qué parte debe aparecer en la pantalla.

Ahora, cuando presiones el botón Publish (Publicar) o Update (Actualizar), esta página se volverá activa junto con tu elección.

Conclusión

En este consejo rápido cubrimos la forma en la que puedes editar la barra lateral integrada de tu tema, mediante la adición, eliminación y el ajuste de la amplia gama de widgets de WordPress.

Si no eres fanático de la barra lateral predeterminada de tu tema, también te he mostrado cómo crear una barra lateral personalizada completamente nueva, esto mediante el uso de un complemento de terceros.

Los mejores temas y complementos de WordPress en Envato Market

Explora miles de hermosos temas de WordPress en ThemeForest y útiles complementos de WordPress en CodeCanyon. Compra estos temas y complementos de WordPress de alta calidad y mejora la experiencia en tu sitio web para ti y para tus visitantes.

Estos son algunos de los temas y complementos de WordPress mejor vendidos y más prometedores disponibles para 2020.