En uno de mis proyectos recientes para un cliente, me encontré con una necesidad muy específica: el cliente quería poder incluir un contenedor fijo en cada entrada de su blog. Este contenedor debía quedarse pegado en la parte superior de la pantalla al hacer scroll, y en su interior debía contener varios botones con documentos descargables y otros textos o elementos relevantes para cada entrada.
Como siempre, antes de lanzarme a programar una solución personalizada en PHP y JavaScript, preferí investigar si ya existía algún plugin que hiciera justo lo que necesitaba. Mi prioridad era encontrar algo que ahorrara tiempo y que permitiera a mi cliente gestionar esto de manera sencilla desde el editor de WordPress.
Después de revisar varias opciones, di con Sticky Block for Gutenberg Editor, y no pude estar más satisfecho: era exactamente lo que estaba buscando.
¿Qué es Sticky Block for Gutenberg Editor?
Sticky Block for Gutenberg Editor es un plugin gratuito desarrollado por Senff – a11n, que añade un bloque especial al editor de bloques de WordPress (Gutenberg). Este bloque actúa como un «contenedor pegajoso» o sticky, que se queda fijo en la parte superior de la pantalla cuando haces scroll, pero solo después de alcanzar cierto punto.
Lo mejor es que dentro de este bloque sticky puedes añadir cualquier otro bloque de Gutenberg: párrafos, imágenes, botones, tablas, columnas… lo que quieras. En mi caso, esto encajaba perfecto, ya que cada entrada debía tener su propio conjunto personalizado de botones de descarga y otros elementos clave para el lector.
¿Qué hace exactamente este plugin?
Me puse a revisar el código fuente y me llevé una grata sorpresa: es un plugin muy ligero y bien estructurado. Aunque está dividido en varias carpetas y archivos, cada archivo es pequeño y conciso, sin excesos de código innecesario. Esto me dio mucha tranquilidad porque sabía que no iba a lastrar el rendimiento del sitio, algo fundamental en proyectos optimizados.
Estas son las características clave del plugin:
Contenedor flexible
El bloque sticky funciona como un «wrapper» o contenedor que puede albergar cualquier otro bloque dentro. Puedes meter desde un simple párrafo hasta bloques más complejos como columnas, imágenes o incluso tablas.
Compatible con otros contenedores
El bloque sticky puede ser incluido dentro de otros contenedores, como columnas o secciones de tablas. Esto facilita mucho la maquetación cuando quieres que una sección completa tenga su propia lógica sticky.
Personalización de la distancia desde el top
No siempre quieres que el bloque quede pegado justo al borde superior de la ventana. Por eso, el plugin te permite definir un margen o espacio entre el sticky block y la parte superior, ideal para respetar cabeceras fijas u otros elementos de diseño.
Opciones de visibilidad según tamaño de pantalla
Una de las funciones más útiles es poder limitar la activación del sticky según el tamaño de pantalla. Por ejemplo, si no quieres que el bloque quede fijo en móviles, puedes desactivar la función para pantallas pequeñas y mantenerla solo para escritorio o tablet.
Push-up por otros elementos
Puedes definir otro elemento en la página (como el footer o incluso otro sticky block) que «empuje hacia arriba» al sticky cuando llegue a su zona. Esto evita solapamientos indeseados en la parte inferior.
Compatible con la barra de administración
Si trabajas con usuarios administradores o editores que ven la barra superior de WordPress, el plugin la detecta y ajusta el sticky block para no solaparla.
Z-index ajustable
Si por algún motivo el sticky se ve ocultado por otros elementos de la página, puedes modificar su Z-index directamente desde las opciones del bloque. Esto te ayuda a asegurarte de que siempre se muestre por encima de otros contenidos cuando sea necesario.
Mi experiencia implementándolo
En la práctica, mi cliente quedó encantado porque ahora, cada vez que crea una nueva entrada, simplemente añade este bloque sticky y dentro coloca los botones de descarga o cualquier otro elemento importante para esa publicación. Todo sin tocar código y con una experiencia totalmente integrada en el editor de bloques de WordPress.
Yo, como desarrollador, agradezco la simplicidad y la ligereza del plugin. No ralentiza la carga, se adapta a cualquier tema que utilices y cumple con su cometido de manera eficiente.
Conclusión: ¿merece la pena?
Si necesitas añadir contenedores fijos personalizados dentro de las entradas o páginas de WordPress sin complicarte la vida, Sticky Block for Gutenberg Editor es una opción excelente. Su integración con Gutenberg lo hace muy sencillo de usar para cualquier editor de contenido, y su ligereza es un plus para quienes cuidamos la velocidad de carga de los sitios.
Además, es un plugin gratuito, con más de 6,000 instalaciones activas y con excelentes valoraciones (5/5 estrellas).
Si tu proyecto necesita algo similar, te recomiendo que le eches un vistazo antes de plantearte una solución a medida.
Agregar Comentario