En este tutorial vamos a ver cómo podemos crear y mostrar un sidebar distinto al predeterminado en una página concreta en Genesis Framework.
Personalizando Genesis
Si usáis Genesis y necesitáis mostrar sidebars personalizados en una página específica, este tutorial os va a resultar muy útil.
Y es que vamos a usar un plugin que nos ayudará a conseguirlo. Este plugin se llama Genesis Simple Sidebars, se encuentra en el repositorio de WordPress y está desarrollado por StudioPress. Tenéis mucha más información en el curso básico de Genesis, y el curso intermedio de Genesis.
Con este plugin podremos crear nuevas widgets áreas o barras laterales, que podremos mostrar donde queramos con todos los widgets que les hayamos añadido. De hecho, estos sidebars podrían asociarse a páginas concretas, entradas específicas, páginas de categorías e incluso de etiquetas. ¿Interesante, verdad? Pues vamos a verlo.
Crear nuevo sidebar
Lo primero que haremos será crear un nuevo sidebar, para ello necesitamos instalar el plugin. Así que vamos a entrar al escritorio de WordPress, "Plugins/Añadir nuevo", e insertar en el buscador el nombre del mismo, Genesis Simple Sidebars.
Una vez localizado, lo instalamos y actualizamos. Cuando lo hayamos hecho, aparecerá una nueva opción de menú en "Genesis/Simple Sidebars" a la cual debemos acceder.
Al hacerlo pasaremos directamente a la página desde la que podremos crear nuevos sidebars. Por un lado se mostrará la opción para crearlas y por otro los sidebars que tenemos actualmente disponibles en el sitio, los cuales dependerá del tema que estemos usando.
Instalar Genesis Simple Sidebars
Para añadir un nuevo sidebar debemos rellenar los siguientes campos:
- Name/Nombre: Aquí irá el nombre que queremos usar para el nuevo widget área.
- ID: En este campo, introduciremos un identificador único que servirá para registrarlo.
- Description/Descipción: Es opcional, aquí podremos incluir una pequeña descripción del nuevo sidebar.
Después de insertar estos datos tenemos que hacer clic sobre "Add New Sidebar" o "Añadir nueva barra lateral" y automáticamente el sidebar se añadirá a la columna de la derecha.
Crear un nuevo sidebar con Genesis Simple Sidebars
Y ya tendremos nuestro nuevo sidebar creado, así que pasemos al siguiente apartado donde veremos cómo personalizar este sidebar con los widgets que necesitemos.
Añadir widgets al nuevo sidebar
Para añadir los widgets a este nuevo sidebar seguiremos los pasos habituales. Tendremos que acceder a "Apariencia/Widgets" y, una vez aquí, veremos que aparece la barra lateral que creamos en el apartado anterior, "Sidebar tutoriales".
Como siempre, tendremos que desplegarla e insertar los widgets que necesitemos, arrastrando y soltando los mismos en el sidebar.
Añadir widgets a la nueva barra lateral
Después de hacerlo, guardamos los cambios. Lo siguiente será asignar ese sidebar que acabamos de configurar a un contenido concreto que nos interese. Podremos usarlo tantas veces como queramos :).
Mostrar sidebar en una página específica
Pues bien, una vez hemos creado un sidebar personalizado y le hemos asignado los widgets que queremos que aparezcan en él, podemos asociarlo a una página o a varias, de forma que se muestre sólo cuando se visita dicho contenido.
Para ello tenemos que acceder en modo edición a cualquier página del sitio donde tenemos instalado Genesis Simple Sidebar.
Una vez allí, veremos que aparece una nueva opción entre las ya disponibles, "Sidebar Selection" / "Selección de la barra lateral". Si no se mostrara podéis pulsar sobre "Opciones de pantalla" y seleccionar a continuación "Selección de la barra lateral" para que sea visible.
Colocar sidebar personalizado en una página concreta
Esta sección nos permite elegir la barra lateral primaria y, en algunas ocasiones, también la secundaria de forma que podamos usarlas en esta página en concreto. Tened en cuenta que en algunas plantillas de Genesis el sidebar secundario no se va a visualizar porque no se contempla en el diseño.
En otras ocasiones, sí se contempla pero el layout que tenemos configurado no lo soporta, así que debemos tenerlo en cuenta si queremos usar ambas.
En cualquier caso podemos utilizar la barra lateral principal o primaria, únicamente tendremos que elegir entre los sidebars que hayamos creado. Si no elegimos ninguno, se mostrará el sidebar primario por defecto.
Sidebar predeterminado
Cuando lo hagamos, podemos guardar y ver los cambios. Al visualizarla observaremos que en esta página no se muestra el sidebar predeterminado sino el que hemos creado expresamente para este contenido.
Página específica con sidebar personalizado
¡Y ya está! Como veis, mostrar una barra lateral personalizada en Genesis según la página que estemos visitando es muy sencillo. Solamente tendréis que seguir estos tres pasos y listo.
Resumen y conclusión
Genesis Simple Sidebars es un plugin gratuito que nos permite crear nuevos sidebars en Genesis Framework y usarlos donde queramos. Para usarlos, primero tendremos que instalar el plugin, activarlo, y después crear las widgets áreas.
Una vez lo hagamos, añadiremos a las mismas los widgets que necesitemos. Después, tenemos que acceder a la página donde queramos que aparezca el nuevo sidebar y seleccionarlo en la opción "Sidebar Selection".
¡Ya hasta aquí el tutorial! Esperamos que os resulte útil. Ya lo sabéis, si queréis saber más sobre este framework, os recomendamos echar un vistazo al curso básico de Genesis, al curso intermedio de Genesis, y al curso de Genesis avanzado. Si os suscribís a boluda.com tendréis acceso a todos ellos y a muchos más. Hay 3057 vídeos disponibles y clases nuevas cada día, ¡os esperamos! :)