Munir Kamal ha relanzado, como parte de Gutenberg Hub, el constructor de páginas en línea, basado en patrones de bloques, adaptado a la edición completa del sitio; es decir, un generador de código de diseños de bloques que no depende de ningún plugin.
Este recurso ya estuvo funcionando durante algún tiempo, previamente a la llegada de la edición completa del sitio (WordPress 5.9) y asociado al plugin Editor Plus (posteriormente adquirido por Extendify y ahora recuperado de nuevo por Munir Kamal).
Editor Plus es un plugin que incluye algunos bloques pero su principal misión es facilitar la aplicación de CSS a los bloques sin saber CSS, siendo una herramienta fundamental en la creación sin código del front-end de un sitio web de WordPress, mediante un tema clásico (ver FAQ para ver la diferencia entre un tema de bloques y un tema clásico).
Se supone que Munir Kamal adaptará Editor Plus a la edición completa del sitio 😉
Crear una página con el constructor en línea de Gutenberg Hub
En el GIF siguiente se muestra el funcionamiento del constructor en línea de Gutenberg Hub. Solamente debes ir seleccionando los patrones de bloques (clasificados por secciones en la columna izquierda). Puede navegar por ellos (moviéndolos o elimándolos) y comprobar su visualización en ordenador, tableta o móvil.
Una vez que tengas compuesto el diseño haz clic en el botón para copiar el código. Los diseños no se pueden modicar pero lo podrás hacer posteriormente dentro de editor de bloques o del sitio, en tu WordPress.
Finalmente, pega el código dentro del editor de bloques o del sitio; y modifícalo a tu gusto (ver GIF siguiente)
Los diseños se pueden compartir mediante un enlace o en redes sociales.
Más información: Gutenberg Hub Launches an Online Page Builder App Using WordPress Patterns
Curso de Full Site Editing
Si necesitas aprender los fundamentos de la edición completa del sitio, acude a nuestro Curso de Full Site Editing.
Y en la sección FSE News encontrarás más trucos, herramientas y noticias sobre la WordPress, Gutenberg y la edición completa del sitio.
FSE NEWS son posts rápidos con tips, tools y noticias sobre Gutenberg y Full Site Editing (FSE). Consulta la página principal para acceder a todos los posts de FSE NEWS. Consulta el FAQ para aclarar los términos generales que se utilizan.
Deja una respuesta