• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar un widget solo en una página de WordPress

Descubre con este tutorial cómo introducir un widget de forma condicional en la página que tú elijas de WordPress sin plugins.

A raíz del tutorial donde explicaba cómo crear un nuevo área de widgets en Genesis Framework, Gustavo, uno de mis suscriptores, me preguntó:

Saludos, Nahuai.
Muy bien por este post, me parece de mucha utilidad.
Una pregunta: ¿Es factible poner widgets condicionales?


Me explico: si queremos que se vean en una etiqueta determinada solamente o en una página determinada, no en toda la plantilla.

¿Interesante, verdad? Así que me puse manos a la obra.

En este caso, vas a aprender cómo enseñar un widget en una determinada página.

Con esta base ya podrás realizar pequeños cambios para que se ajuste tus necesidades específicas.

Pasos para mostrar un widget solo en una página concreta de WordPress

1. Consigue visualizar el ID del widget

Primero necesitas conocer el ID del widget que quieres enseñar de forma condicional.

Pero, por defecto, la caja donde rellenas en contenido de los widgets no muestra el ID del widget en cuestión.

Para cambiar esta situación, añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

Así de sencillo. A partir de ahora, esto será lo que veas al entrar en la edición del widget:

mostrar ID de widget en WordPress
Mostar el ID del widget mediante código.

En este caso el ID es «enews-ext-2».

2. Carga el widget solo en la página que deseas

Ahora que ya conoces el ID del widget, puedes usar la lógica condicional sobre él.

En es este caso, usarás la etiqueta condicional is_page() con el número del ID de la página.

Para ello, añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

Con este sencillo snippet le indicas a WordPress que si no es la página que has seleccionado, no debe cargar ese widget concreto.

En este caso, el widget se cargaría solo en la página con ID 1390, pero te invito a modificar el código con la que a ti te interese.

Puedes obtener el ID de la página revisando la URL cuando editas la misma o, si quieres ponértelo más fácil, conseguir que se muestre directamente en el admin de WordPress con este tutorial.

Conclusión

Con unas pocas líneas de código puedes conocer el ID del widget y mostrarlo de forma condicional en una página concreta.

Esto es solo un ejemplo de lo que puedes conseguir conociendo la ID de un widget y utilizando las etiquetas condicionales.

Espero que te sirva de inspiración. 😉

¿Tienes alguna duda sobre este tutorial? Déjala en los comentarios.

Ventajas de suscriptor.

Página PHP Widgets WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?