Este post está visible exclusivamente en el feed del blog, durante una semana. Después se hace visible en el blog y se envía por e-mail a los suscriptores.

Un welcome matt para Blogpocket

¿Cómo se puede implementar, sin plugins, un felpudo de bienvenida como el que luce experimentalmente Blogpocket? Muy fácil empleando bloques del editor de WordPress.

Simularemos una pantalla estilo «Welcome Matt», una landing page que ocupa toda la altura de la pantalla, antes de mostrar la página en cuestión. En este caso, hemos modificado la plantilla que muestra la página con las entradas del blog, insertando un bloque de grupo contenedor antes de la plantilla de cabecera (Header).

Observa primero en la captura de la página home de Blogpocket cómo mostramos el formulario de suscripción a la newsletter, a toda página.

screencapture-blogpocket-2023-11-05-18_21_45-322x1024 Un welcome matt para Blogpocket

Insertaremos primero un bloque de grupo que tendrá dentro la siguiente estructura de bloques:

Captura-de-pantalla-2023-11-05-a-las-18.24.55 Un welcome matt para Blogpocket

El grupo contenedor debe configurarse con una altura mínima de aproximadamente el 100% VH.

El bloque de columnas interior debe configurarse con un relleno vertical de aproximadamente el 30% VH y con apilamiento en móvil.

La anchura de las tres columnas se configurará con el siguiente ancho (aproximadamente):

  • Columna de la izquierda: 20%.
  • Columna central: 60%.
  • Columna de la derecha: 20%

La columna central lleva un bloque HTML con el código del formulario que se ajustó a width=»340″ para que se viese bien en móvil.

El bloque de párrafo se ajustó a un tamaño de letra extrapequeño.

Y se añadió un bloque de icono, instalando el plugin The Icon Block, centrándolo y ajustando su ancho a 102px. Para que al hacer clic aparezca automáticamente el blog, rellenaremos el campo «Anclaje HTML» con el valor «site-header», en la configuración avanzada del bloque de Grupo que está dentro del bloque Header. Y en el bloque de icono, pondremos «#site-header» (sin las comillas) en la opción de link.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido