Controle la visibilidad de los widgets de WordPress con widgets condicionales

Los widgets son una forma excelente de promocionar otros aspectos de su sitio web, sin interrumpir el contenido que un visitante está leyendo en ese momento. Por lo general, esto se hace en una barra lateral u otra área designada por su tema de WordPress para widgets.

Sin embargo, puede haber ocasiones en las que solo desee que se muestre un widget en determinadas páginas. Afortunadamente, existen widgets condicionales solo para este escenario. Por ejemplo, si tiene un widget de calendario en su sitio web, es posible que solo desee que aparezca en su página de eventos.

En este artículo, le daremos una descripción general de qué son los widgets condicionales y cómo crearlos. También exploraremos dos opciones para configurarlos. ¡Vamos a sumergirnos!

¿Qué son los widgets condicionales?

En pocas palabras, los widgets condicionales son widgets de WordPress que tienen una variable de control adicional. Esto le permite determinar si cada widget aparecerá o no en una página o publicación específica. Esto puede ayudarte de un par de maneras diferentes.

En primer lugar, puede maximizar el valor inmobiliario del sitio web. Hay mucho espacio libre en la barra lateral en la mayoría de los temas. Cuando hace que sus widgets sean condicionales, puede controlar cuánto de ese espacio se dedica a cada función. Podrá incluir o excluir ciertos widgets de la barra lateral según sea necesario.

Además, al hacer que sus widgets sean condicionales, puede asegurarse de que sus barras laterales sean más relevantes para cada página. Por ejemplo, puede eliminar un mapa y un widget de indicaciones de todas sus otras páginas, pero dejarlos visibles en su página "Acerca de". Esto libera ese espacio del widget de la barra lateral para contenido más relevante en sus otras páginas.

Cómo hacer un widget condicional (sin Jetpack)

Cuando se trata de trabajar con widgets condicionales, hay un par de herramientas que puede usar. Algunos de ellos requieren ajustes en el código de su tema, mientras que otros no.

Primero veremos cómo activar las opciones condicionales con un complemento que requiere un poco de conocimiento adicional de codificación. Luego exploraremos cómo lograr los mismos resultados con el complemento Jetpack.

Paso 1: elija un complemento de widget condicional

Hay varias opciones de complementos para hacer que los widgets sean condicionales. Para este ejemplo, vamos a utilizar Widget Logic.

Este complemento agrega un campo a todos sus widgets, donde puede incluir cualquier etiqueta condicional de WordPress o código PHP general. Para comenzar, primero querrá instalar y activar el complemento.

Paso 2: abre tu panel de widgets

A continuación, puede navegar a Apariencia > Widgets y abrir el panel de configuración en cualquier widget para acceder a un nuevo campo de lógica de Widget .

Aquí es donde puede agregar cualquiera de las etiquetas condicionales de WordPress que mencionamos anteriormente. Por ejemplo, si desea que un widget en particular se muestre en la barra lateral de todas las páginas, excepto en la página "Acerca de", puede agregar:

!is_page('about')

Del mismo modo, puede combinar varias etiquetas condicionales para personalizar aún más la visualización de sus widgets. Por ejemplo, puede especificar ciertos widgets para que se muestren solo en publicaciones individuales de una determinada categoría, mediante el uso de nombres de categoría. Si desea que todas las publicaciones en una categoría de 'productos horneados' muestren un widget específico, puede usar:

is_single() && in_category('baked-goods')

Además, encontrará más opciones en la parte inferior de la página Apariencia > Widgets .

Esta configuración le permite especificar el orden en que se cargará su nueva lógica de widget. Esto es particularmente importante para los temas que varían significativamente de las opciones más estándar de WordPress.

En última instancia, deberá conocer bastante bien el código de su tema para evitar errores al usar este complemento. Además, querrá estar familiarizado con WordPress Loop, para que pueda comprender más completamente el orden en que ciertos elementos se cargarán en su sitio web.

Cambiar la visibilidad de los widgets con Jetpack

Como mencionamos anteriormente, otra solución para personalizar las opciones de visualización de sus widgets es usar Jetpack. Este complemento multipropósito tiene muchas funciones que pueden ayudarlo a ajustar el rendimiento de su sitio web de WordPress y también le permite administrar widgets condicionales.

Paso 1: abre la configuración de Jetpack

Una vez que haya realizado los pasos necesarios de instalación y configuración de Jetpack, deberá visitar la página Jetpack > Configuración en su panel de control de WordPress. Luego haga clic en la pestaña Escritura .

La función de visibilidad del widget no está habilitada de forma predeterminada. Deberá desplazarse hacia abajo hasta el área de configuración de widgets y activar esta opción.

Tus cambios se guardarán automáticamente. Una vez que complete este paso, podrá controlar dónde aparecen los widgets en su sitio web.

Paso 2: agregar nuevas reglas

Ahora que su función de visibilidad se ha activado, podrá navegar a Apariencia > Widget en su panel de control de WordPress. Si hace clic en un widget activo, verá un nuevo botón de visibilidad .

Si selecciona Visibilidad, encontrará un nuevo panel de opciones donde puede crear declaraciones de lógica de visibilidad. Estos le permitirán controlar dónde aparece cada widget en particular en su sitio web de WordPress.

Puede crear varias declaraciones lógicas para controlar la visibilidad de su widget, pero luego deberá decidir si se deben cumplir todas las condiciones. Si es así, deberá marcar la casilla Hacer coincidir todas las condiciones .

Por ejemplo, si desea ocultar el widget Publicaciones recientes en la página principal de su sitio web, pero solo cuando las publicaciones están escritas por un autor específico, puede configurar la lógica de esta manera.

Al usar Jetpack para personalizar sus widgets, no debería tener que ajustar el código de su tema. Sin embargo, aún recomendamos probar su nueva configuración en un servidor de prueba antes de implementarla en su sitio web en vivo.

Personaliza tu sitio con WP Engine

Ahora que sabe cómo obtener más control sobre las páginas y publicaciones en las que aparecen sus widgets de WordPress, puede crear barras laterales muy relevantes para su sitio web. Aquí en WP Engine, entendemos lo importante que puede ser tener acceso a los recursos adecuados para desarrolladores si desea crear un sitio verdaderamente personalizado.

Además, la personalización del sitio web a menudo puede requerir muchas pruebas, pruebas y errores. Es por eso que ofrecemos una variedad de planes de alojamiento con todas las herramientas y recursos que necesita para crear una experiencia digital increíble. ¡Vea todas nuestras soluciones y productos de WordPress para su próximo proyecto!