Cómo agregar una barra lateral personalizada a cualquier tema de WordPress

Si alguna vez deseaste poder agregar una barra lateral personalizada a WordPress, ahora puedes hacerlo. No solo puede crear tantas barras laterales como desee, sino que también puede colocarlas en cualquier página o publicación.

¿Tiene una página que necesita una barra lateral diferente de las otras páginas de su sitio? No hay problema. Le mostraré cómo agregar barras laterales personalizadas en cualquier lugar.

La tendencia en el diseño de sitios web es hacia diseños de una sola columna compatibles con dispositivos móviles y lejos de las barras laterales. Es posible que haya notado que WordPress no ha ofrecido un tema predeterminado con una barra lateral en varios años.

No es para preocuparse. En un tema sin barra lateral, las áreas de widgets están en los pies de página. El complemento que vamos a usar funciona tanto en esos como en temas de varias columnas.

Para ilustrar más fácilmente este tutorial, usaré un tema ( Friendly Lite ) con una barra lateral derecha.

Y para hacer funcionar nuestra magia de la barra lateral, usaremos el complemento SMK Sidebar Generator . El complemento genera barras laterales que reemplazan la barra lateral predeterminada de su tema. Entonces, si ya tiene widgets de barra lateral, tendrá que agregarlos a la(s) barra(s) lateral(es) recién creada(s).

¿Por qué desearía reemplazar la barra lateral predeterminada?

Si usa la misma barra lateral en todas partes de su sitio, no es necesario reemplazar la barra lateral predeterminada de su tema. El complemento del que vamos a hablar te da la opción de crear muchas barras laterales diferentes y usarlas donde quieras.

Úselo si desea que la barra lateral de sus páginas sea diferente a la barra lateral de sus publicaciones. O si desea una barra lateral única en una sola página o publicación. O una barra lateral que solo aparece en un grupo seleccionado de páginas o publicaciones.

El complemento le permite crear barras laterales ilimitadas, lo que le brinda una flexibilidad infinita que no tendría sin él.

Instalación del complemento SMK Sidebar Generator

Inicie sesión en su panel de administración de WordPress.

En la navegación de la columna izquierda, pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo".

En el cuadro "Buscar complementos...", ingrese "SMK Sidebar Generator".

Una vez que haya localizado el complemento, haga clic en el botón "Instalar ahora".

Finalmente, haga clic en el botón "Activar".

Cómo crear una barra lateral en WordPress con el generador de barra lateral SMK

Lo primero que queremos hacer es crear una barra lateral global. Uno que aparecerá en cada página y publicación donde no mostramos una barra lateral personalizada. Tenemos que hacerlo porque el complemento reemplaza la barra lateral predeterminada del tema.

Para nuestra barra lateral predeterminada, mostraremos un calendario de publicaciones. Como mencioné anteriormente, si ya tiene widgets de barra lateral en su sitio, los agregará a esta nueva barra lateral predeterminada. Llegaremos a ese paso después de crear la nueva barra lateral.

En la navegación de la columna izquierda, pase el mouse sobre el enlace "Apariencia" y haga clic en el enlace "Generador de barra lateral".

Haga clic en el botón "Agregar nuevo".

En el campo "Nombre", agregaré "Barra lateral global".

Luego, en el campo "Descripción", ingresaré "Barra lateral global predeterminada", para que podamos identificarla en la lista de barras laterales.

En la lista "Barras laterales para reemplazar", elegiremos "Barra lateral principal".

La última opción es el cuadro "Habilitar condiciones". Llegaremos a las condiciones en un minuto. Pero como queremos que esta barra lateral global aparezca en todas partes, no marcaremos la casilla de condiciones.

Haga clic en el botón "Guardar cambios".

Como puede ver, hay opciones para reemplazar cualquier área de widgets. En este tema, hay tres áreas de widgets de pie de página y la barra lateral derecha. Su tema probablemente tendrá diferentes áreas de widgets.

Agregar widgets a la nueva barra lateral

Ahora, si hacemos clic en el enlace "Widgets" en la navegación de la columna izquierda, podemos agregar nuestro calendario a nuestra nueva barra lateral. Nuevamente, si tiene que agregar widgets que estaban en su barra lateral predeterminada, aquí es donde lo hará.

Arrastraré el widget Calendario a la nueva área de widgets de la barra lateral global.

Luego le daré un mosaico y haré clic en el botón "Guardar".

Ahora, si vamos al sitio, podemos ver que nuestra nueva barra lateral de calendario reemplaza la barra lateral predeterminada.

Trabajar con las condiciones en la barra lateral personalizada en WordPress

Ahora veamos cómo podemos agregar una barra lateral diferente y mostrarla donde queramos.

Primero, crea una nueva barra lateral. Lo haremos de la misma manera que creamos nuestra barra lateral global. Aquí están los pasos de nuevo:

• Haga clic en el enlace "Generador de barra lateral".
• Haga clic en el botón "Agregar nuevo".
• Introduzca un nombre en el campo "Nombre". (Llamo a esta "Barra lateral de imagen", ya que la usaremos para mostrar una imagen).
• Ingrese una descripción en el campo "Descripción" para que podamos identificarlo en la lista de barras laterales.
• En la lista "Barras laterales para reemplazar", elija "Barra lateral principal".

Ahora marque la casilla "Habilitar condiciones". Aquí es donde elegimos dónde será visible la nueva barra lateral.

Haga clic en el menú desplegable "Reemplazar si".

Puede ver que tenemos la opción entre "Publicaciones" y "Páginas". Quiero mostrar una imagen en la barra lateral de algunas páginas del sitio. Entonces, seleccionaré "Páginas" en el menú desplegable.

Ahora el campo "y es igual a" se completa con los nombres de todas nuestras páginas.

• Si seleccionamos “Todas las páginas”, la barra lateral de imágenes se mostrará en todas las páginas del sitio. Las publicaciones seguirán mostrando la barra lateral global.
• Si elegimos una sola página, la barra lateral se mostrará solo en esa página.
• También podemos elegir varias páginas haciendo clic en el nombre de una página, luego manteniendo presionada la tecla Ctrl y haciendo clic en otras páginas.

He seleccionado algunas páginas para mostrar nuestra barra lateral de imágenes.

Finalmente, hacemos clic en el botón “Guardar cambios”.

Si seleccionamos "Publicaciones" en el menú desplegable "Reemplazar si", tendríamos las mismas opciones, pero para publicaciones, no para páginas.

Adición del widget de imagen a la barra lateral de nueva imagen

Ahora haremos clic en el enlace "Widgets" en la columna izquierda nuevamente y arrastraremos el widget de imagen a nuestra nueva barra lateral.

Haré clic en el botón "Agregar imagen" para cargar una imagen o agregar una desde la biblioteca multimedia.

Luego haga clic en el botón "Guardar".

Ahora bien, si vamos a una de las páginas que seleccionamos en condiciones, la imagen ha sustituido al calendario.

Pero si vamos a una página que no seleccionamos en condiciones, se muestra el calendario.

Condiciones adicionales

Elegimos entre páginas y publicaciones cuando configuramos nuestras condiciones. Pero no tiene que ser uno u otro. Por ejemplo, podemos mostrar nuestra barra lateral de imágenes en algunas publicaciones agregando una condición.

Haré clic en el enlace "Generador de barra lateral" en la navegación, luego abriré la barra lateral de la imagen haciendo clic en ella.

Puede ver en "Habilitar condiciones", hay un botón "Agregar condición".

Si hacemos clic en él, aparece otra selección de condiciones. Desde allí, podemos elegir qué publicaciones (o todas las publicaciones) agregamos a la barra lateral de imágenes.

Eso cubre la instalación y configuración. Estoy seguro de que puedes ver que las posibilidades de configuración son amplias. Puede agregar tantas condiciones como necesite a tantas barras laterales como necesite. Muy genial.

Qué sucede si desinstala el complemento SMK Sidebar Generator

Si desinstala el complemento, se eliminarán todas las barras laterales personalizadas y la configuración. Las páginas y las publicaciones volverán a la barra lateral del tema original.

Nunca ha sido tan fácil agregar una barra lateral a WordPress

Hemos repasado cómo funciona el complemento y le mostramos cómo personalizar cuándo y dónde aparecen las barras laterales personalizadas. El generador de barra lateral SMK proporciona claramente un nivel de personalización que no está disponible en una instalación estándar de WordPress.

Es posible que las barras laterales ya no estén de moda, pero tal vez eso las haga más atractivas. En un mundo sin barras laterales, ¡la barra lateral es la reina! Pero como mencioné, este complemento puede personalizar cualquier área de widget, por lo que también funciona en los pies de página.

¿Sigues usando un tema con una barra lateral izquierda o derecha? ¿Podría considerar volver a una barra lateral ahora que sabe que puede personalizar su apariencia? Házmelo saber en los comentarios.