Cómo usar las plantillas de bloques de WordPress

Sabes cómo usar plantillas de bloques de WordPress, elementos de diseño de WP prefabricados; También se conoce el modelo del bloque o layout, lo que facilita mucho el desarrollo de un sitio web. Agregaron mucha inteligencia al camino y construyeron el tema. Y desde el punto de vista del usuario, la demostración del tema ya no era solo un modelo de diseño inalcanzable. Mejor aún, la cadena de bloques eliminó la mayoría de los principales obstáculos asociados con las opciones anteriores, como widgets, códigos abreviados, plantillas de página y opciones de temas. manera de mejorar y simplificar el diseño del sitio web.

Cómo usar las plantillas de bloques de WordPress: elementos de diseño de WP prefabricados

Cómo usar plantillas de bloques de WordPress: elementos de diseño prefabricados de WP

¿Qué son las plantillas de bloques de WordPress?

Imagine un mundo en el que tenga diseños de bloques de WordPress predefinidos y listos para insertar. Habrá muy poco esfuerzo, quizás solo unos pocos clics de un botón, para crear diseños complejos en este mundo. Y si desea desarrollar sus habilidades de diseño, puede ir al corazón de estos diseños y hacer sus propias cosas. ¿Suena como un paraíso para WordPress? Bueno, eso es todo sobre plantillas de bloques de WordPress, elementos de diseño prefabricados. Estas son formas de agrupar bloques de WordPress para formar elementos de página con configuraciones predefinidas.

Entonces, en el corazón de este concepto está la idea de que los complementos y temas tengan fácil acceso a bloques y secciones preconstruidos. En lugar de agregar bloques individualmente a su página, puede acceder a su biblioteca de bloques existente con diferentes modelos y diseños para agregar a sus publicaciones y páginas con solo unos pocos clics. Esto le permite preestablecer toda la página y el tema, lo que facilita la creación de diseños complejos.

Para comenzar a usar la plantilla de bloque, debe instalar y activar el complemento de Gutenberg. Sin embargo, no es tan complejo ni sofisticado como un bloque personalizado, por lo que es mucho más fácil de usar. Si es un profesional de WordPress, puede encontrar que los elementos de diseño de WordPress prefabricados existentes son un poco limitados, pero la buena noticia es que se pueden personalizar.

¿Cuáles son los beneficios de usar la plantilla de bloque de WordPress?

Los comentarios entusiastas sobre las plantillas de bloques de WordPress no han disminuido. Por lo tanto, una comprensión clara de los puntos al explicar los beneficios más apropiados de un tema. el punto de vista del desarrollador.

Puede ahorrar mucho tiempo y frustración.

Por lo tanto, los modelos de bloques le ahorrarán tiempo y frustración si ha tenido la amarga experiencia de copiar un tema impresionante o crear diseños de sitios web complejos. Su absoluta facilidad de uso le permite hacer el trabajo en minutos en lugar de las pocas horas que de otro modo pasaría.

Flexibles y personalizados

Cuando estructura publicaciones y páginas, ya no tiene que sumergirse en el código real para encontrar una pestaña de edición. Si usa una plantilla de bloque, puede eliminar o reemplazar fácilmente los bloques seleccionados en la plantilla para obtener el diseño que desea. el diseño es fácil de organizar, no es ciencia espacial.

Combina fácilmente demostraciones sobre temas

Puede crear fácilmente sitios web que se parezcan a estas excelentes demostraciones sobre temas que deseaba repetir desesperadamente. Todos los desarrolladores de temas de WordPress conocen el dolor de cabeza de encontrar lo que parece ser el tema perfecto, solo para parecer un desastre absoluto después de la instalación. Sin embargo, los modelos de bloques le permiten recrear las páginas del tema exactamente como aparecían en la demostración del tema. Y puedes hacer todo esto fácilmente desde el editor de bloques de WordPress.

Las combinaciones de bloques personalizados simplifican tu vida

Ya no necesita codificar nada para tener un sitio web impresionante con componentes complejos. En cambio, los complementos y los temas pueden ofrecer fácilmente sus modelos de bloques y aplicarse en todo el sitio.

Los diseños son compatibles

¿Recuerdas los días en que perdías todo el diseño de tu sitio al cambiar de tema? ¡No más! Las plantillas de bloques de WordPress ahorran mucho tiempo al reelaborar sus diseños cuando cambia de tema porque permanecen intactos, incluso si el nuevo tema no incluye los mismos patrones que el anterior.

Crea tus modelos de bloques

Puede crear sus propias plantillas de bloques si es lo suficientemente profesional como para ir allí. Esto es lo mejor de las plantillas de bloques: son perfectas para principiantes que quieren hacer el trabajo fácilmente, y también son perfectas para profesionales a los que les gusta ensuciarse los dedos y crear plantillas de bloques personalizadas. Simplemente cree una plantilla usando el editor, copie el código y péguelo en su tema o código de complemento. Luego él se duplicará donde elija mostrar estos diseños complejos.

Ahora que ha visto cómo pueden ayudarlo, ¿está ansioso por comenzar con las plantillas de bloques de WordPress? Bueno, profundicemos en cómo funcionan.

Cómo funcionan las plantillas de bloques de WordPress

WordPress 5.5 tiene algunos modelos de bloques que ya están instalados y listos para usar y se pueden diseñar con los controles de Gutenberg. La flexibilidad de la plantilla de bloque es mejor que la herramienta de personalización. Por ejemplo, los bloques de comercio electrónico son excelentes para definir áreas de tiendas, pero los bloques de columnas facilitan la creación de áreas de servicio.

Los modelos de bloques funcionan al componer un conjunto preestablecido de bloques para formar un modelo. Así que se puede decir que hay plantillas que se pueden personalizar. Si ya usa bloques, encontrará que es fácil de usar plantillas. Entonces, lo bueno de las plantillas de bloques de WordPress es que, si bien son plantillas, funcionan como bloques normales cuando los escribes en tu editor. Por lo tanto, editarlos es fácil y no hay límite para la cantidad de plantillas o copias de la misma plantilla en las que puede colocar una página o publicación.

Después de agregar una plantilla al editor, WordPress la visualiza como un bloque separado que puedes mover y colocar donde quieras. Si es un profesional del diseño de WordPress, puede combinar patrones de bloques con clases de CSS adicionales, estilos de bloques personalizados y variaciones para crear varias secciones que se pueden usar en todo su tema.

Por lo tanto, todavía queda un largo camino por recorrer para obtener la plantilla perfecta para bloques de WordPress, elementos de diseño prefabricados, pero en última instancia es una interfaz totalmente integrada que le permite insertar la plantilla en su publicación o página con solo uno o dos clics. alargar. Este será el fin de lidiar con códigos cortos y opciones de temas complejos.

Plantillas de bloqueo de WordPress contra creadores de páginas

Si es un usuario frecuente de creadores de páginas (y muchos más), es posible que se pregunte en qué se diferencian las plantillas de bloques de los creadores de páginas. Por supuesto, los creadores de páginas también tienen plantillas de diseño predefinidas para aplicaciones específicas de sitios web. Sin embargo, la plantilla de bloque de WordPress corrige algunos inconvenientes importantes al usar el generador de páginas.

Diseño preliminar de WordPress: compatibilidad

Aunque los creadores de páginas pueden ser útiles, no hay garantía de que siempre sean compatibles con futuras versiones de WordPress. Además, si el autor del creador de la página deja de admitir su complemento, es posible que vea muchos códigos cortos en su sitio, pero esto no funciona, por lo que las plantillas de bloques de WordPress, por otro lado, funcionan a la perfección con los editores existentes y siempre son compatibles con. versiones futuras.

Velocidad

Por lo tanto, los creadores de páginas pueden hacer que su sitio sea extremadamente lento debido a la gran cantidad de scripts, estilos y fuentes que vienen con ellos. Intentan ser una solución completa, pero en realidad inyectan muchos scripts (inflados) que quizás nunca uses en tu sitio web. Como resultado, un sitio web lento puede afectar el SEO y desviar el tráfico. Por el contrario, los modelos de bloques son livianos, reutilizan código y no usan scripts innecesarios.

Diseño de vista previa de WordPress: actualizaciones de temas

Cambiar a otro tema puede ser muy difícil cuando usa creadores de páginas y pierde todas sus configuraciones anteriores. Archivar el código para crear una página y moverlo a un nuevo tema puede ser una tarea difícil. Los modelos de bloques conservan su contenido y diseño incluso si cambia de tema, aunque pueden verse un poco diferentes de su nuevo tema.

Flexibilidad del usuario final

Aunque los creadores de páginas pueden proporcionar un sitio web hermoso, puede ser difícil de entender para los usuarios finales. Además, no todos pueden encontrarlos fáciles de usar y muchos no querrían aprender o usar ningún código para trabajar con su sitio web. Las plantillas de bloques de WordPress eliminan esta molestia para los usuarios finales con una interfaz fácil de usar y en la que se puede hacer clic.

En resumen, Page Builder es excelente si está buscando plantillas y componentes prefabricados, pero puede ralentizar su sitio y ser inflexible. Por lo tanto, los modelos de bloques compensan las fallas de los creadores de páginas.

Cómo usar las plantillas de bloques de WordPress

En resumen, Page Builder es excelente si está buscando plantillas y componentes prefabricados, pero puede ralentizar su sitio y ser inflexible. por lo tanto, los modelos de bloques compensan los casos en que los creadores de páginas fallan.

Insertar plantillas de bloque

Navegue a su editor de WordPress y haga clic en el ícono más (+) en la esquina superior izquierda.

Bienvenido a algo increíble

Seleccione la pestaña predeterminada para ver la configuración predeterminada, que ya forman parte de su sitio, que varía según el tema que use y todos los complementos activos.

Botones

Los modelos disponibles están divididos en secciones por tipo, podrás ver una pequeña vista previa de cada plantilla antes de hacer clic en ella para entrar en el editor.

  • Entonces, haga clic en una plantilla de bloque de WordPress para editarla.
  • Y haga clic en una plantilla de bloque de WordPress

Puede editar el texto en una plantilla, tipografía, configuración de color o imagen, o agregar cualquier clase CSS avanzada que desee aplicar.

Crea tus plantillas de bloque

La creación de sus modelos de bloques generalmente requiere conocimiento del código (HTML y PHP). Sin embargo, puede usar la API de WordPress para modelos de bloques para crear plantillas. El siguiente paso es usar la función register_block_pattern para registrar la nueva plantilla en el archivo functions.php o en su complemento personalizado.

Entonces, para crear su modelo de bloques, debe establecer estas propiedades:

  1. Título (requerido): Título legible para la plantilla.
  2. Contenido (requerido): El código HTML sin procesar que conforma la plantilla.
  3. Descripción: Describe lo que hacen las plantillas. La descripción generalmente está oculta a la vista.
  4. Categorías: Se utiliza para agrupar modelos de bloques. Y puede incluir un modelo en más de una categoría.
  5. Palabras clave: Alias ​​que ayudan a los usuarios a encontrar la plantilla con una simple búsqueda.
  6. Ancho de vista: El ancho de la plantilla de inserción.

Ahora que tenemos los conceptos básicos, comencemos a crear un complemento de plantilla de WordPress personalizado.

1 - Crea un borrador de publicación.

Cómo usar plantillas de bloques de WordPress: elementos de diseño prefabricados de WP

2 - Añade los bloques que necesites a tu plantilla.

Agregué una portada, una cita y algo de texto.

3 - Selecciona y copia todos los bloques que quieras añadir a tu nueva plantilla.

Sugerencia: haga clic en los tres puntos verticales para acceder a la opción Copiar.

4 - Utilice una herramienta de escape/uescaping JSON, como CodeBeautify, para evitar la salida HTML del bloque copiado.

Coloque la copia en el campo Ingresar cadena y presione Escape.

Coloque la copia en el campo Ingresar cadena y presione Escape

5 - copie el código que aparece en el campo Cadena de resultado.

Ahora puede elegir dónde registrar la plantilla de bloque como complemento personalizado o en el archivo functions.php de su tema. Le recomendamos que registre su plantilla como un complemento personalizado para que pueda acceder a ella independientemente del tema.

6 - Vaya al administrador de archivos de su sitio (a través de cPanel o FTP) y vaya a su sitio / wp-content / plugins.

Así que cree una nueva carpeta con el nombre de su complemento personalizado. Llamé al complemento "Seguir de forma predeterminada". Creé un nuevo archivo llamado plugin.php en esta carpeta.

Cómo usar plantillas de bloques de WordPress: elementos de diseño prefabricados de WP

7 - Edite el archivo plugin.php y registre el nuevo código de bloque.

Así es como lo hice:

Edite el archivo plugin.php y registre el nuevo código de bloque

Por lo tanto, la propiedad Contenido contiene código HTML de escape, previamente copiado de la herramienta de desactivación/desactivación de JSON.

Guarde el archivo plugin.php.

8 - Regrese al tablero de WordPress y vaya a Complementos y busque el complemento recién creado en Complementos inactivos.

Cómo usar plantillas de bloques de WordPress: elementos de diseño prefabricados de WP

9 - Activa tu complemento.

10 - Cree una nueva publicación, vaya a la pestaña predeterminada y encontrará su complemento en la categoría que especificó anteriormente. Entonces, en mi caso, no especifiqué una categoría y mi complemento no estaba categorizado. Aquí está :

Cómo usar plantillas de bloques de WordPress: elementos de diseño prefabricados de WP

Cuando hice clic en la plantilla, ¡la agregué a mi publicación!

Ahora puede usar mi predeterminado para cualquier tema de mi elección, ya que lo registré con un complemento personalizado.

Agregue más modelos de bloques usando complementos

Si no quiere meterse con el código para crear su propia plantilla de bloque de WordPress, siempre puede agregar más con el complemento.

Encontrará muchos de estos complementos cuando busque en WordPress.org. Algunos complementos excelentes para modelos de bloques incluyen Guteblock, Ultimate Blocks, Qubely, Stackable, Toolset Blocks, Getwid y Advanced Gutenberg Blocks.

Más recursos para las plantillas de bloques de WordPress

Si no está listo para comenzar a crear plantillas, consulte la biblioteca de plantillas de GutenbergHub para ver otras plantillas de bloques. Por supuesto, debe registrarse antes de usar algunas plantillas geniales y diseños listos para usar, pero crear el suyo propio es una buena idea.

El complemento JustinTadlock BlockPatternBuilder es otro gran recurso que recomiendo. Este complemento le permite crear plantillas de bloques directamente desde el editor sin codificación. En su lugar, seleccione el bloque para el que desea crear una plantilla y seleccione la opción Agregar a plantilla de bloque para crear un bloque personalizado. Eso es todo ¡fácil!

Comencemos la plantilla de bloques de WordPress hoy

Estoy emocionado de ver qué aportan las plantillas de bloques de WordPress al mundo del diseño de sitios web. La configuración predeterminada es simple y fácil de administrar. En un futuro próximo, los distribuidores y autónomos podrán utilizar plantillas listas para usar para crear diseños de alta calidad.

Como puede ver, el modelo de bloques ahorra tiempo y esfuerzo. Además, no tienes que crear todo desde cero. Puede crear una plantilla para usarla cuando la necesite. Con solo unos pocos clics, puede usar un sitio web con un aspecto increíblemente profesional y moderno a velocidades súper rápidas. Si no le gusta la codificación, puede usar complementos para acceder al mundo de los modelos de bloques y crear grandes sitios web.

Deja una respuesta

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

Subir
error: Content is protected !!