Cómo crear plantillas de Gutenberg

Una de las ventajas de construir páginas y puestos con bloques de Gutenberg es la capacidad de salvarlos como plantillas. Crear plantillas para Gutenberg es una excelente manera de ayudar a acelerar el proceso de publicación. Hay varias formas de crearlos. En este artículo, veremos cómo crear plantillas de Gutenberg. Cubriremos tres métodos para crearlos:
Crear un aspecto para agregar a su biblioteca Gutenberg para exportar o clonar.
Crear un aspecto para copiar y pegar cuando desea usarlo.
Crear un aspecto para agregar como un aspecto predeterminado para páginas, publicaciones o tipos de publicaciones personalizadas.
Estos métodos nos permiten reutilizar solo los bloques. No se incluirán otra configuración.
Por qué crear plantillas de Gutenberg después de haber diseñado la página o el aspecto de publicación, puede guardar la lista de bloques con sus atributos para reutilizarlas. Esto le brinda un comienzo avanzado en la creación de su contenido porque no tiene que concentrarse en el aspecto. Las plantillas de bloques le permiten tener un diseño consistente. La plantilla de bloque puede tener contenido sustituyente. Pueden ser estáticos o dinámicos. Puede definir el estado implícito de una sesión de editor. Incluso puede importar o exportar sus plantillas como archivos JSON para que pueda reutilizar sus diseños en múltiples sitios web o compartirlos con otros. Puede bloquearlos para que los usuarios puedan agregar contenido, pero no cambiar los bloques.
Método 1: Crear plantillas de apariencia Las plantillas le permiten usar la función de selección múltiple que se ha agregado inicialmente para permitirnos mover o eliminar más bloques al mismo tiempo.

Podemos seleccionar y agregar un bloque a la vez o más bloques una vez a nuestra biblioteca de bloques reutilizables globales. Esto hace que sea fácil exportarlos como archivos JSON. Ejemplo de plantilla de apariencia

He creado un aspecto simple que puedo usar como publicación de blog, revisión del producto, etc. Es fácil guardar esto en la biblioteca para reutilizarlo.

Coloque el cursor en el primer bloque que desea incluir y tire del mouse en el último bloque para resaltarlos.

Por encima del primer bloque, verá tres puntos a la izquierda. Haga clic en Puntos y seleccione Agregar a bloques reutilizables.

La barra de mensajes verdes en la parte superior mostrará que se ha creado el bloque. Déle a la apariencia un nombre que tenga sentido para usted y seleccione Guardar.

El mensaje en Bara Verde mostrará que el bloque se ha actualizado. ¡Creaste la apariencia!

Para usarlo, cree una nueva página o publicación y abra las opciones (tres puntos). Según las herramientas, seleccione Administrar todos los bloques reutilizables.

Esto muestra una lista de todos sus bloques aquí, puede exportar e importar sus bloques como archivos JSON. Los bloques reutilizables son globales. Si edita, editará el original. Para mantener el original y crear una nueva publicación utilizando la apariencia, tendrá que exportarlo, renombrarlo e importar la apariencia.
Publicaciones duplicadas

Afortunadamente, tenemos otra opción. Un complemento llamado Post Duplicate agrega una función de clonación para los bloques de Gutenberg.

En las configuraciones duplicadas de publicaciones, active bloques.

Ahora tengo una opción de clonación en la biblioteca de bloques. Clone el aspecto deseado y luego edite. Cada aspecto es global, por lo que deberá clonar y editar cada vez que desee usar el aspecto. Método 2: Una forma alternativa de crear una plantilla gutenbergácea es solo una estafa, pero funciona. Primero, cree un aspecto que desee reutilizar completado con cualquier contenido sustituyente.

Luego cambie al editor de códigos. Para hacer esto, seleccione los tres puntos en la esquina superior derecha. En el editor, seleccione el editor de código.

Resaltar y copiar el código.

Pegue el código en un editor de texto y guárdelo para su reutilización.

Cuando esté listo para usar la plantilla, simplemente cree una nueva publicación, cambie al editor de códigos y pegue el código.

Ahora tengo una nueva publicación a la que puedo comenzar a agregar contenido. Método 3: Crear un tipo de plantilla personalizada de poste un bloque es un argumento. Puede agregar el argumento a páginas y publicaciones o puede crear un nuevo tipo de publicación. La apariencia estará relacionada con ese tipo de publicación, por lo que cuando crea ese tipo de publicación, la apariencia se muestra de forma predeterminada.

Esto es ideal para crear modelos para diferentes tipos de elementos. Por ejemplo, puede tener un tipo de revisión del producto, un tipo de resumen de vacaciones, un tipo de publicación de recetas, etc., y cuando carga el tipo de publicación, le da automáticamente el aspecto asociado. Crear la plantilla incluye:

La configuración dinámica del estado predeterminado.
Su registro como un aspecto predeterminado para un cierto tipo de publicación.
Declaración de la plantilla La plantilla en sí se declarará como una matriz de tipos de bloques. Esto se hace en JavaScript o PHP. Como muestra el manual del desarrollador de Gutenberg, se vería así: constanti = [
[‘Block/name’, {}], // [blockName, atributes] ]; O esto: ‘plantilla’ = & gt; Matriz (
Matriz (‘bloque/nombre’),
), Registrar la plantilla en tipos de publicaciones personalizadas El tipo de publicación personalizada también puede registrar la plantilla. Podría verse así: función myPLOGIN_register_book_post_type () {
$ args = array (
‘public’ = & gt; Verdadero,
‘etiqueta’ = & gt; ‘Libros’,
‘Show_in_rest’ = & gt; Verdadero,
‘plantilla’ = & gt; Matriz (
Array (‘Core/Image’, Array (
‘alinearse’ = & gt; ‘Izquierda’,
)),
Array (‘Core/Heading’, Array (
‘marcador de posición’ = & gt; ‘Agregar autor …’,
)),
Array (‘core/párrafo’, matriz (
‘marcador de posición’ = & gt; ‘Agregar descripción …’,
)),
),
);
Register_post_type (‘libro’, $ args);
}
add_action (‘init’, ‘myPlogin_register_book_post_type’); La matriz identifica de dónde proviene el bloque y el nombre del bloque. En este ejemplo, la matriz usa “núcleo / párrafo”. Esto significa que el bloque proviene del núcleo de WordPress (a diferencia de un complemento) y su nombre es el párrafo (identificando qué bloque usar).
Registro de la plantilla en páginas y publicaciones Si agrega la plantilla a páginas o publicaciones, se cargará automáticamente cada vez que cree una página o publicación. Prefiero agregarlos a ciertos tipos de publicaciones personalizadas, porque tiene una libertad más creativa y simplifica el proceso de crear contenido, facilitando la búsqueda de plantillas. Si decide agregarlos a páginas o publicaciones, puede usar este código: function my_add_template_to_posts () {$ post_type_object = get_post_type_object (‘post’);
$ post_type_object- & gt; template = array (
Array (‘core/párrafo’, matriz (
‘marcador de posición’ = & gt; ‘Agregar descripción …’,
)),
);
$ post_type_object- & gt; template_lock = ‘all’;
}
add_action (‘init’, ‘my_add_template_to_posts’); Las plantillas de anidación pueden incluso anidar plantillas en bloques de contenedores (por ejemplo, bloques de columna). Esto se hace asignando una plantilla vestida en el bloque. P.ej:
$ plantilla = array (
Array (‘core/párrafo’, matriz (
‘marcador de posición’ = & gt; ‘Agregar un párrafo a nivel de raíz’,
)),
Array (‘Core/Columns’, Array (), Array (
Array (‘Core/Column’, Array (), Array (
Array (‘Core/Image’, Array ()),
)),
Array (‘Core/Column’, Array (), Array (
Array (‘core/párrafo’, matriz (
‘marcador de posición’ = & gt; ‘Agregar un párrafo interno’
)),
)),
))
); Bloqueo de la plantilla Puede bloquear la plantilla usando este código: ‘Template_lock’ = & gt; ‘All’, // o ‘Insert’ para permitir el ejemplo de montículo de una plantilla con una publicación personalizada. Quiero crear el tipo de publicación personalizada llamada libros que he visto anteriormente. Mostrará la plantilla de apariencia e incluirá una imagen, un encabezado y un párrafo.
El código se pegará a las funciones del archivo.php.Siempre use un tema infantil al agregar código a los archivos PHP.Si no, el código se sobrescribirá cuando actualice el tema. Debe escribir el código manual (recomiendo usar los ejemplos de código que hemos mostrado).Una opción es crear el aspecto deseado y luego ver el código (haga clic en los tres puntos en la esquina superior derecha y seleccione el editor de código en la sección del editor).Esto mostrará los bloques con sus atributos del aspecto que ya ha hecho para que pueda saber de antemano cómo organizar los bloques en su código.
Vaya a las funciones de la función (functions.php) y pegue el código.Pegué el código justo en la parte inferior.Este es un sitio de prueba y no tengo la intención de mantener el código, por lo que no utilicé un tema para niños.
Se agrega un nuevo tipo de publicación al menú del tablero llamado libros. Incluye una lista y un nuevo enlace de adición. Hice clic en la adición de nuevo y mi nueva plantilla se agrega al editor, donde simplemente puedo comenzar a agregar contenido. Los bloques se colocan en el orden en que aparecen en el código e incluyen los atributos que se han asignado. Puede colocar tantos bloques en el código y desea darles cualquier atributo que desee. Puede crear cuántos tipos de publicaciones personalizadas desea y cada una puede tener un aspecto predeterminado único. Este ejemplo incluye texto sustituyente. Pensamientos finales Este es nuestro aspecto de crear plantillas de Gutenberg. Los tres métodos funcionan excelentes. Las plantillas reutilizables o uno de los métodos de duplicación podrían ser una mejor opción si no desea crear nuevos tipos de publicaciones personalizadas. Me gustan los tipos de publicaciones personalizadas, porque facilita la elección del tipo de contenido que desea crear, y las plantillas están preordenadas. En WordPress. La principal desventaja en la creación de plantillas para agregarlas a sus funciones de PHP es que crea la apariencia en el código en lugar de en el editor de Gutenberg, por lo que no es visual. Me gusta que puedas agregar contenido prefabricado a las plantillas. Esto es excelente para el texto sustituyente para mostrar a los contribuyentes qué información es dónde. Las plantillas reutilizables son una excelente manera de acelerar y racionalizar el proceso de flujo de trabajo y son una excelente manera de crear páginas y publicaciones de distribución. Queremos escuchar de ti.