GeneratePress es un tema de WordPress simple pero poderoso que le permite personalizar cada sección del diseño. Anteriormente, necesitaba un complemento separado para agregar barras laterales personalizadas a los sitios de WordPress. Sin embargo, puede hacer esto con la opción Elementos en el tema GeneratePress sin un complemento adicional. Recuerde, Elements es parte del complemento GP Premium y no está disponible en un tema gratuito. Por lo tanto, debe tener el complemento premium para seguir este artículo.
Concepto de barras laterales personalizadas
En este punto, la barra lateral en WordPress es un concepto obsoleto que la mayoría de los temas ofrecen diseños de página enfocados de ancho completo sin una barra lateral. Sin embargo, en nuestra opinión, la barra lateral es una parte importante de cualquier sitio para mostrar widgets adicionales. El tema GeneratePress aún usa el área de widgets (Apariencia > Widgets) y le permite crear una barra lateral derecha o izquierda para su sitio. Pero usar la misma barra lateral en todo el sitio puede no ser apropiado y es posible que desee mostrar la barra lateral dinámicamente según las condiciones.
- Su sitio tiene diferentes categorías y desea mostrar diferentes barras laterales según la categoría. También puede hacer lo mismo con las etiquetas y otras páginas de archivo.
- Puede haber publicaciones especiales en las que desee tener barras laterales personalizadas para mostrar eventos, pancartas de afiliados o anuncios en lugar del contenido normal de la barra lateral. Esto es muy útil para sitios de reseñas y cupones para mostrar widgets relevantes en la barra lateral y corregir el último widget al desplazarse por el contenido.
Sea cual sea el motivo, sigue los pasos a continuación para configurar barras laterales personalizadas en el tema de GeneratePress.
# 1. Habilitar elementos en GeneratePress
Este es el primer paso y debe usar la función Elementos en GeneratePress para personalizar el diseño del tema sin editar archivos PHP.
- Inicie sesión en su panel de administración de WordPress y vaya a la pestaña "Apariencia> GeneratePress".
- En la pestaña "Tablero", desplácese hacia abajo y haga clic en el botón "Activar" en el módulo "Artículos".
- Verá un mensaje que muestra "Módulo habilitado" y se agregará un nuevo elemento de menú llamado "Elementos" debajo del encabezado "Apariencia".
# 2. Usar la barra lateral derecha en todo el sitio
A continuación, habilitemos la opción de la barra lateral derecha para todo el sitio.
- Ve a la sección "Apariencia > Personalización" y navega hasta la opción "Diseño > Barras laterales".
- Seleccione la opción "Contenido / Barra lateral" para todas las opciones disponibles para hacer que la barra lateral derecha sea la barra lateral predeterminada para una barra lateral ancha en el sitio. Haga clic en el botón "Publicar" para guardar los cambios.
# 3. Agregue Widgets a la barra lateral derecha de todo el sitio
Para mostrar claramente la diferencia, agreguemos un bloque de imagen a la amplia barra lateral derecha del sitio.
- Vaya a la sección Apariencia > Widgets y agregue un bloque de Imagen al área de widgets en la barra lateral derecha.
- Haga clic en el botón "Actualizar" para publicar sus cambios y todas sus publicaciones deben mostrar este widget gráfico en la barra lateral derecha.
# 4. Crea bloques de barra lateral personalizados con elementos
Agreguemos un widget de Publicaciones recientes a la barra lateral personalizada y mostrémoslo en una publicación específica reemplazando la barra lateral predeterminada con un widget de imagen.
- Vaya a la sección Apariencia > Elementos y haga clic en el botón Agregar nuevo elemento.
- Seleccione "Bloquear" en el menú desplegable "Seleccionar tipo de elemento" y haga clic en el botón "Crear".
- Cuando esté en el editor de bloques, asigne al elemento un título como "Barra lateral derecha personalizada".
- Agregue un widget de "Publicaciones recientes" con un título. Puede personalizar la apariencia de las últimas publicaciones para mostrar miniaturas pequeñas y ajustar estilos.
- Luego cambie a la pestaña "Elemento" en el lado derecho y seleccione "Barra lateral derecha" en el menú desplegable "Tipo de elemento".
Verá un mensaje emergente, esto reemplazará los widgets de barra lateral predeterminados de su sitio.
# 5. Elegir ubicaciones para mostrar una barra lateral personalizada
Este es el paso más importante para elegir ubicaciones en su sitio para reemplazar la barra lateral predeterminada con la barra lateral de Elementos.
- En la sección "Reglas de visualización", haga clic en el menú desplegable "Seleccionar" y seleccione la opción "Publicar".
- Esto abrirá un nuevo menú desplegable con la opción predeterminada "Todas las publicaciones" seleccionada. Haga clic en esto y seleccione una publicación específica de su sitio.
- Haga clic en el botón Publicar y guarde los cambios. Ahora puede encontrar el elemento de bloque de la barra lateral derecha personalizada recién creado con la ubicación que se muestra para la publicación específica en la página Apariencia > Elementos.
Nota: Puede usar la categoría de publicación, la etiqueta de publicación, el archivo de publicación, la página y muchas otras opciones de "Ubicación" para mostrar la barra lateral personalizada. Además, también puede excluir publicaciones y mostrar una barra lateral personalizada solo para un rol de usuario específico.
# 6. Probar una barra lateral personalizada
Ahora que ha terminado con la configuración, abra cualquier publicación que no sea la publicación seleccionada como ubicación en la pestaña Elementos. Verá la barra lateral derecha con un widget gráfico, que es la barra lateral predeterminada de su sitio.
Ahora abra la publicación específica que agregó en la sección Ubicaciones de elementos. Verá la barra lateral personalizada que muestra el widget de las últimas publicaciones en lugar de la barra lateral predeterminada con un widget de imagen.
Uso de la barra lateral derecha e izquierda en GeneratePress Free Theme
Si no tiene el complemento GP Premium, hay una opción limitada con un tema gratuito para usar la barra lateral izquierda o derecha en publicaciones específicas.
- Primero, establezca la barra lateral derecha predeterminada en la sección "Apariencia > Personalizar > Diseño > Barras laterales" como "Contenido/Barra lateral" para "Diseño de la barra lateral".
- Elija "Barra lateral/Contenido" u otra opción de barra lateral para las opciones "Diseño de barra lateral de blog" y "Diseño de publicación única". De esta manera, puede mezclar y combinar diseños de barra lateral para todo el sitio, páginas de blog y todas las publicaciones.
- Para cambiar el diseño de la barra lateral de una publicación individual, vaya al editor de Gutenberg para crear o editar su publicación.
- Haga clic en el ícono "Opciones" con tres puntos verticales que aparecen en la esquina superior derecha y seleccione la opción "Preferencias". En la ventana emergente que aparece, vaya a la sección "Paneles" y habilite la opción "Diseño".
- Cierre la ventana emergente de Preferencias y encontrará un meta cuadro de Diseño en la pestaña Publicar. "Diseño de la barra lateral" mostrará "Predeterminado", lo que indica que se utilizará la barra lateral predeterminada para esta publicación. Haga clic en eso y seleccione izquierda o la barra lateral derecha para cambiar la barra lateral predeterminada a su configuración preferida.
Deja una respuesta