• 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

Añadir un widget de Genesis eNews Extended antes de las entradas en la página de blog

Aprende en este tutorial cómo añadir un widget de Genesis eNews Extended en la página de blog de un child theme de Genesis mediante código.

Es muy habitual encontrar child themes de Genesis que contienen un widget “después de la entrada” que aparece detrás del contenido del post y justo antes de los comentarios.

Suele utilizarse para agregar un call to action (CTA).

¿Por ejemplo?

Un formulario para que los lectores se suscriban al boletín de noticias.

Pero, ¿y si te interesa mostrarlo en otro lugar de la página?

Sin ir más lejos, el otro día Sergio me comentó que quería mostrar un cajetín de suscripción del plugin Genesis eNews Extended antes de las entradas en la página del blog de Authority Pro.

Así que me puse manos a la obra y este fue el resultado final:

¿Te interesa conseguir lo mismo en cualquier child theme de Genesis? 

Sigue leyendo y averigua cómo hacerlo. 😉

Pasos para insertar un widget de Genesis eNews Extended antes de las entradas en la página de blog

1. Crea el widget área

Añade el siguiente fragmento al final del fichero functions.php:

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

Con este bloque primero registras un nuevo área de widget llamado «Página del blog» y a continuación creas la estructura de widget.

En concreto, usas el hook genesis_archive_title_descriptions para mostrar el contenido antes de entradas y la etiqueta condicional para que se muestre únicamente en la página del blog.

Widget área para mostrar contenido en la página del blog.

2. Configura y añade el widget de Genesis e-news Extended

A continuación ve a Apariencia > Widgets y busca el de Genesis eNews Extended.

Rellena los campos que te interesen (en este ejemplo):

  • Título
  • Nombre
  • Email
  • Texto de enviar

Y colócalo en el nuevo widget área.

3. Da estilos mediante CSS

También puedes realizar pequeños ajustes de CSS para asegurarte de que se visualiza a tu gusto.

Para conseguir el mismo diseño que en la captura del inicio, añade lo siguiente al style.css:

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

Ya lo tienes.

Aunque el tutorial está pensado para Authority Pro, puedes aplicarlo a cualquier otro child theme de Genesis sin problema. Solo tienes que cambiar el domain-text de 'authority-pro' por el de tu tema (por ejemplo, 'genesis-sample') y ajustar el CSS a tu gusto.

Conclusiones

Si te interesa mostrar un cajetín de suscripción en la página del blog, usando Genesis eNews Extended, ahora ya sabes cómo hacerlo de forma sencilla.

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

Archivo Authority Pro Genesis Framework PHP Widgets

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 identificarte 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?