Y para los que prefieren el contenido en v\u00eddeo, tambi\u00e9n tenemos un curso gratuito en v\u00eddeo: Desarrollo de Bloques Personalizados de Gutenberg<\/a>.<\/p>\n Y s\u00ed, puedes aumentar tus expectativas profesionales con habilidades de desarrollo de Gutenberg, pero no necesitas ser necesariamente un desarrollador para crear dise\u00f1os avanzados en tu sitio web de WordPress.<\/p>\n Los usuarios de WordPress pueden aprovechar las potentes funcionalidades que les permiten crear f\u00e1cilmente dise\u00f1os de bloques avanzados sin complicaciones. En este post, centraremos nuestra atenci\u00f3n en los Patrones de Bloques<\/strong>.<\/p>\n Los patrones de bloques<\/a> son grupos preconstruidos de bloques que puedes a\u00f1adir a tu contenido y personalizar utilizando las mismas herramientas de dise\u00f1o disponibles para los bloques incluidos.<\/p>\n Se introdujeron por primera vez con\u00a0WordPress 5.5<\/a>\u00a0para permitir a los administradores de sitios y a los creadores de contenidos incluir en su contenido\u00a0estructuras complejas de bloques anidados listas para usar<\/strong>\u00a0con s\u00f3lo unos clics.<\/p>\n Los temas de bloques suelen proporcionar algunos patrones de bloques que puedes a\u00f1adir a tu contenido directamente desde el insertador de bloques. El nuevo tema predeterminado incluido en WordPress 6.7<\/a>, Twenty Twenty-Five<\/a>, incluye m\u00e1s de 70 patrones de bloques.<\/p>\n Y no est\u00e1s limitado a los patrones proporcionados por tu tema.<\/p>\n En primer lugar, encontrar\u00e1s montones de patrones de bloques listos para usar en la Galer\u00eda de patrones<\/a> oficial de WordPress.<\/p>\n Adem\u00e1s, puedes crear un n\u00famero ilimitado de patrones utilizando la API de patrones o las herramientas de edici\u00f3n disponibles en el editor de bloques. Puedes utilizar patrones personalizados de forma interna en tu sitio web, exportarlos a otros sitios web o compartirlos p\u00fablicamente en la Galer\u00eda de patrones.<\/p>\n Desde WordPress 6.3<\/a>, un nuevo sistema de patrones hace que el proceso de creaci\u00f3n de patrones sea m\u00e1s flexible y sencillo. Ahora est\u00e1 m\u00e1s claro qu\u00e9 tipo de dise\u00f1o est\u00e1s construyendo y qu\u00e9 efecto tienen tus personalizaciones en todo tu sitio web.<\/p>\n Hay dos tipos principales de patrones de bloques:<\/p>\n La principal diferencia entre los dos tipos es que todos los cambios realizados en un patr\u00f3n sincronizado se aplican a cada instancia de un patr\u00f3n en todo tu sitio web. En cambio, los cambios en un patr\u00f3n de bloque est\u00e1ndar solo afectan a una instancia espec\u00edfica del patr\u00f3n.<\/p>\n Pero hay mucho m\u00e1s que decir sobre los patrones de bloques. \u00bfTe est\u00e1s preguntando c\u00f3mo funciona este sistema y c\u00f3mo aprovechar las nuevas funcionalidades de edici\u00f3n a\u00f1adidas con las versiones m\u00e1s recientes de WordPress? Vamos a profundizar.<\/p>\n Los patrones preconstruidos son patrones de bloques \u00abno sincronizados\u00bb, lo que significa que los cambios realizados en un patr\u00f3n de bloques s\u00f3lo afectar\u00e1n a la instancia espec\u00edfica que est\u00e9s editando y no se aplicar\u00e1n a ninguna otra instancia que puedas haber a\u00f1adido a otras entradas o p\u00e1ginas de tu sitio web<\/strong>.<\/p>\n Puedes utilizar patrones preconstruidos para incluir dise\u00f1os de bloques que puedes personalizar in situ, cambiando im\u00e1genes, texto, estilos o a\u00f1adiendo\/eliminando elementos.<\/p>\n Una vez que hayas creado un patr\u00f3n de bloques personalizado, puedes a\u00f1adirlo en cualquier lugar de tu sitio web y personalizarlo con s\u00f3lo unos clics utilizando los controles integrados del editor.<\/p>\n Puedes examinar e insertar patrones de bloques predise\u00f1ados desde la pesta\u00f1a Patrones<\/strong> del Insertador de Bloques<\/a> o navegar a la secci\u00f3n de administraci\u00f3n de Patrones<\/a> en el Editor de Sitios. Tambi\u00e9n puedes descubrir nuevos patrones en la Galer\u00eda de patrones<\/a>.<\/p>\n En la galer\u00eda, puedes elegir un patr\u00f3n, hacer clic en el bot\u00f3n Copiar patr\u00f3n<\/strong> y pegarlo directamente en tu contenido.<\/p>\n Eres libre de personalizar el grupo de bloques incluidos en el patr\u00f3n sin que ello afecte al patr\u00f3n registrado ni a ninguna instancia adicional de tu sitio web.<\/p>\n\n Como se ha mencionado anteriormente, con WordPress 6.3 el sistema de patrones se ha racionalizado y se ha hecho m\u00e1s coherente. Ahora es m\u00e1s f\u00e1cil para el usuario crear patrones personalizados directamente desde el editor de bloques y gestionarlos desde el panel de control de WordPress sin tener que lidiar con c\u00f3digo. Ahora puedes construir:<\/p>\n La diferencia entre los dos tipos de patrones es que todos los cambios realizados en un patr\u00f3n sincronizado se aplicar\u00e1n a cada aparici\u00f3n de ese bloque en todo tu sitio web.<\/strong><\/p>\n Por el contrario, los cambios realizados en un patr\u00f3n de bloque no sincronizado s\u00f3lo afectar\u00e1n a esa instancia espec\u00edfica del patr\u00f3n y no se aplicar\u00e1n a ninguna otra instancia que puedas haber a\u00f1adido a otras entradas o p\u00e1ginas de tu sitio web.<\/strong><\/p>\n Desde el punto de vista de un desarrollador, los patrones de bloque personalizados se registran en la base de datos de WordPress como tipos de entrada personalizados de Gracias al nuevo sistema de gesti\u00f3n de patrones, ahora puedes crear patrones de bloques sincronizados y no sincronizados directamente desde el editor del sitio o de la entrada. S\u00f3lo tienes que dise\u00f1ar tu patr\u00f3n de bloques, seleccionar los bloques y hacer clic en el icono de los tres puntos de la barra de herramientas de bloques. A continuaci\u00f3n, elige Crear patr\u00f3n<\/strong> en el men\u00fa desplegable.<\/p>\n En el siguiente ejemplo, estamos creando un patr\u00f3n sincronizado a partir de un bloque Grupo, un encabezado, un p\u00e1rrafo y un bot\u00f3n.<\/p>\n Cuando hagas clic en Crear patr\u00f3n<\/strong>, se te pedir\u00e1 que introduzcas el nombre y las categor\u00edas de tu patr\u00f3n y que decidas si est\u00e1 sincronizado o no.<\/p>\n Y ya est\u00e1. Tu patr\u00f3n sincronizado aparece ahora en la secci\u00f3n de administraci\u00f3n de Patrones<\/strong> del editor del sitio, en Mis Patrones<\/strong>.<\/p>\n Aqu\u00ed puedes previsualizar tus patrones y comprobar el estado de sincronizaci\u00f3n de los mismos.<\/p>\n A continuaci\u00f3n, puedes iniciar el editor de patrones y personalizar tu patr\u00f3n de bloques.<\/p>\n De nuevo, los cambios realizados en los patrones sincronizados afectan a todas las apariciones de ese patr\u00f3n en tu sitio web. Los cambios realizados en los patrones est\u00e1ndar s\u00f3lo afectar\u00e1n a las futuras instancias del patr\u00f3n.<\/p>\n Esto es posible porque WordPress maneja los dos tipos de patrones de forma diferente. Para entender la diferencia, crea una copia no sincronizada de tu patr\u00f3n personalizado, luego crea una nueva entrada o p\u00e1gina y a\u00f1ade los dos patrones. Una vez hecho esto, ve al editor de c\u00f3digo y comprueba el c\u00f3digo.<\/p>\n El bloque sincronizado se genera con el siguiente c\u00f3digo:<\/p>\n Esto significa que WordPress buscar\u00e1 la entrada con el ID El segundo bloque no se identifica con un ID. El editor de c\u00f3digo contiene todo el marcado que compone el patr\u00f3n.<\/p>\n Los patrones sincronizados son especialmente \u00fatiles para construir elementos que quieras incluir en varias p\u00e1ginas de tu sitio web y\/o en diferentes sitios web. Piensa en llamadas a la acci\u00f3n, banners promocionales, tablas de precios, etc.<\/p>\n Como hemos mencionado, WordPress considera los patrones de bloques personalizados como tipos de entradas de Una vez que hayas creado tus patrones, puedes gestionarlos desde la pantalla de administraci\u00f3n de Patrones<\/strong>. Puedes acceder a esa p\u00e1gina de varias formas:<\/p>\n En la pantalla Patrones, puedes<\/p>\n En el editor de Sitios, tambi\u00e9n puedes duplicar y renombrar tus patrones.<\/p>\n Introducidas con WordPress 6.6<\/a>, las Modificaciones de Patrones Sincronizados son un tercer tipo de patr\u00f3n que aprovecha la API Block Bindings<\/a> para obtener las caracter\u00edsticas de ambos tipos de patrones.<\/p>\n Las modificaciones de patrones sincronizados te permiten crear patrones de bloques que mantienen la misma estructura en todo tu sitio web y que cambian de forma sincronizada con las personalizaciones realizadas en la estructura y el estilo del patr\u00f3n en el editor del sitio. En esto, las modificaciones de patrones son similares a los patrones sincronizados.<\/p>\n Sin embargo, las modificaciones de patrones tambi\u00e9n son similares a los patrones no sincronizados porque puedes cambiar el contenido de bloques espec\u00edficos incluidos en el patr\u00f3n sin afectar a otras instancias del mismo patr\u00f3n en el sitio.<\/p>\n Por tanto, las modificaciones de patrones son patrones sincronizados con elementos individuales no sincronizados.<\/strong><\/p>\n Vamos a descubrir c\u00f3mo crear una modificaci\u00f3n de patr\u00f3n.<\/p>\n Paso 1:<\/strong> Ve a Patrones<\/strong> y duplica uno de los patrones existentes, como el patr\u00f3n Precios<\/strong>, 2 columnas<\/strong> (Pricing, 2 columns) del tema predeterminado Twenty Twenty-Five. Asigna un nombre y establece la copia como Patr\u00f3n sincronizado.<\/p>\n Paso 2:<\/strong> Abre Mis patrones<\/strong> y busca tu nuevo patr\u00f3n sincronizado. \u00c1brelo y selecciona uno de los bloques que necesites anular, como el bloque Encabezado.<\/p>\n Ve a la barra lateral de configuraci\u00f3n del bloque y despl\u00e1zate hasta la secci\u00f3n Avanzado<\/strong>. Aqu\u00ed encontrar\u00e1s Activar Modificaciones<\/strong>.<\/p>\n Cuando hagas clic en el bot\u00f3n, se te pedir\u00e1 que a\u00f1adas un nombre para la modificaci\u00f3n.<\/p>\n Paso 3:<\/strong> Repite el mismo proceso para cada bloque que quieras modificar. Cuando hayas terminado, crea una nueva entrada o p\u00e1gina e incluye tu patr\u00f3n personalizado.<\/p>\n Paso 4:<\/strong> En el editor de entradas, cambia el contenido de los bloques que quieres modificar, guarda la entrada y comprueba el resultado en el front end.<\/p>\n Es posible que hayas notado que cuando editas una instancia de una modificaci\u00f3n de patr\u00f3n en el editor de entradas, la barra lateral de configuraci\u00f3n de bloques muestra los campos que se pueden editar. En el ejemplo anterior, hemos hecho que el encabezado y algunos p\u00e1rrafos se puedan modificar.<\/p>\n Puedes a\u00f1adir cualquier n\u00famero de patrones en cualquier lugar de tu sitio web, y cada instancia mostrar\u00e1 la misma estructura original, pero estar\u00e1 lista para su personalizaci\u00f3n.<\/p>\n Ahora, abre tu patr\u00f3n en el Editor de Sitios y cambia al Editor de C\u00f3digo. El c\u00f3digo deber\u00eda parecerse a lo siguiente:<\/p>\n En el delimitador de bloque, ver\u00e1s la propiedad Ahora, en el editor de entradas, cambia al Editor de c\u00f3digo<\/strong>. El c\u00f3digo deber\u00eda ser similar al siguiente:<\/p>\n Aqu\u00ed, ver\u00e1s una referencia al patr\u00f3n de bloques y un conjunto de propiedades para cada bloque establecido como editable.<\/p>\n Ten en cuenta que, como las modificaciones de patrones son una implementaci\u00f3n de la API Block Bindings, solo puedes modificar los bloques soportados. En el momento de escribir este art\u00edculo, las modificaciones de patrones soportan los bloques de Encabezado, P\u00e1rrafo, Imagen<\/strong> y Botones<\/strong>.<\/p>\n Antes de Gutenberg<\/a>, las plantillas y temas de WordPress<\/a> se creaban principalmente en PHP. Para crear o personalizar plantillas, se necesitaban s\u00f3lidos conocimientos de temas hijos<\/a>, jerarqu\u00eda de plantillas<\/a> y los principales lenguajes de desarrollo de front end<\/a>. Pero las cosas cambiaron con la introducci\u00f3n de los temas de bloques<\/a>.<\/p>\n En los temas de bloques y los temas cl\u00e1sicos que han optado por esta funcionalidad, puedes crear o personalizar f\u00e1cilmente una plantilla o parte de una plantilla en la interfaz del Editor de sitios. No se requieren conocimientos de desarrollo a menos que, por supuesto, decidas convertirte en desarrollador de temas.<\/p>\n Una plantilla de bloque<\/a> es una lista de elementos de bloque<\/strong>. Ejemplos de elementos de bloque son el t\u00edtulo del sitio, el logotipo y la navegaci\u00f3n.<\/p>\n Las partes de plantilla<\/strong> son secciones espec\u00edficas de una p\u00e1gina que pueden visualizarse en varias ubicaciones, como una cabecera y un pie de p\u00e1gina, y pueden mostrarse en todas las p\u00e1ginas de tu sitio web WordPress.<\/p>\n Puedes crear y editar partes de plantilla a trav\u00e9s de la interfaz del editor del sitio, donde puedes utilizar todas las herramientas de edici\u00f3n disponibles para los bloques.<\/p>\n Sin embargo, a diferencia de los patrones de bloques, las partes de plantilla est\u00e1n pensadas para \u00e1reas del sitio que no cambian con frecuencia.<\/p>\n A modo de resumen, \u00e9stas son las principales diferencias entre los tres:<\/p>\n Como hemos mencionado antes, WordPress 6.3 introdujo un nuevo sistema de gesti\u00f3n de patrones de bloques. Ahora es m\u00e1s f\u00e1cil crear patrones de bloques sincronizados o no sincronizados sin salir de la interfaz del editor. Y tambi\u00e9n puedes importar y exportar patrones personalizados con unos pocos clics desde tu panel de control de WordPress.<\/p>\n Sin embargo, WordPress tambi\u00e9n ofrece otras formas de crear patrones de bloques para los desarrolladores de temas y plugins.<\/p>\n Adem\u00e1s de la funcionalidad de patrones de bloques, WordPress 5.5<\/a> introdujo una nueva API para que los desarrolladores puedan \u00abcrear bloques de contenido preconstruidos que se pueden insertar f\u00e1cilmente en entradas, p\u00e1ginas, tipos de entradas personalizados y plantillas\u00bb La nueva API proporciona las funciones Desde WordPress 6.0<\/a>, tambi\u00e9n puedes registrar patrones de bloques con un archivo PHP. As\u00ed que, en el momento de escribir esto, tienes dos formas de crear un patr\u00f3n de bloques.<\/p>\n El primer m\u00e9todo est\u00e1 pensado principalmente para desarrolladores de WordPress, pero es lo suficientemente sencillo como para que tambi\u00e9n lo utilicen desarrolladores no avanzados.<\/p>\n Si te decides por el primer m\u00e9todo, puedes crear un patr\u00f3n de bloques utilizando las dos nuevas funciones En primer lugar, elige una categor\u00eda para tu patr\u00f3n. Con las \u00faltimas versiones de WordPress, se han a\u00f1adido nuevas categor\u00edas de patrones y se han modificado algunas categor\u00edas existentes.<\/p>\n Para obtener la lista de todas las categor\u00edas registradas, abre el editor de Entradas y pega el siguiente c\u00f3digo en la consola del navegador:<\/p>\n En WordPress 6.7 con el tema Twenty Twenty-Five activo, obtendr\u00e1s la siguiente lista de categor\u00edas de patrones:<\/p>\n Si tu patr\u00f3n de bloques no entra en ninguna de las categor\u00edas predeterminadas, tambi\u00e9n puedes registrar una nueva categor\u00eda utilizando la funci\u00f3n Esta funci\u00f3n acepta dos argumentos:<\/p>\n Un ejemplo te ayudar\u00e1 a entender mejor c\u00f3mo registrar una nueva categor\u00eda de patr\u00f3n:<\/p>\n Una vez registrada la categor\u00eda del patr\u00f3n, el siguiente paso es registrar el propio patr\u00f3n de bloques. Registrar\u00e1s el patr\u00f3n de bloques utilizando la funci\u00f3n de ayuda Esta funci\u00f3n toma dos argumentos:<\/p>\n Aqu\u00ed tienes una lista de las propiedades del patr\u00f3n disponibles actualmente:<\/p>\n Aqu\u00ed tienes un ejemplo del uso de En este c\u00f3digo, hemos utilizado la propiedad Qu\u00e9 son los Patrones de Bloques<\/h2>\n
![\"Patrones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/block-patterns-in-ttf.jpg\")
\n
Patrones de Bloques Preconstruidos<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/block-inserter-with-patterns.jpg\")
![\"Explorar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/pattern-directory.jpg\")
![\"Copiar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/copy-pattern.jpg\")
![\"Pega](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/paste-pattern.jpg\")
Patrones de bloques sincronizados y no sincronizados<\/h3>\n
\n
wp_block<\/code>, y un metacampo de wp_pattern_sync_status<\/code> almacena el estado de sincronizaci\u00f3n de un patr\u00f3n.<\/p>\n![\"wp-block-sync-status\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\")
wp_pattern_sync_status<\/code> se utiliza para almacenar el estado de sincronizaci\u00f3n de un patr\u00f3n de bloques<\/figcaption><\/figure>\n![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/create-pattern.png\")
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-pattern.png\")
![\"Patrones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/my-patterns.png\")
![\"Vista](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/preview-my-pattern.png\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/my-pattern.png\")
![\"Dos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/patterns-in-code-editor.png\")
<!-- wp:block {\"ref\":512} \/--><\/span><\/code><\/pre>\n512<\/code> para generar el HTML que se mostrar\u00e1 en la pantalla.<\/p>\nwp_block<\/code> y, como tales, los almacena en la tabla wp_posts<\/code>.<\/p>\n\n
![\"Pantalla](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/patterns-admin-screen.png\")
\n
Modificaciones de patrones sincronizadas<\/h3>\n
![\"Duplicar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/duplicate-pattern.jpg\")
![\"Activar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/enable-overrides.jpg\")
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/disable-overrides-button.jpg\")
![\"Selecciona](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/adding-pattern.jpg\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/edit-pattern-overrides.jpg\")
<!-- wp:heading \n{\n\t\"textAlign\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Heading\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t},\n\t\"align\":\"wide\"\n} \n-->\n<h2 class=\"wp-block-heading alignwide has-text-align-center\">Pricing<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph \n{\n\t\"align\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Subtitle\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t}\n} \n-->\n<p class=\"has-text-align-center\">Cancel or pause anytime.<\/p>\n<!-- \/wp:paragraph --><\/code><\/pre>\nmetadata.bindings<\/code>. Esto hace que los bloques T\u00edtulo<\/strong> y P\u00e1rrafo<\/strong> sean editables. La propiedad __default<\/code> indica a WordPress que conecte todos los atributos admitidos<\/a> a una fuente espec\u00edfica, que es \"core\/pattern-overrides\"<\/code>.<\/p>\n<!-- wp:block \n{\n\t\"ref\":518,\n\t\"content\":{\n\t\t\"Heading\":{\n\t\t\t\"content\":\"Choose your plan\"\n\t\t},\n\t\t\"Subtitle\":{\n\t\t\t\"content\":\"Try our services with no risk thanks to our 30-day guarantee\"\n\t\t},\n\t\t\"Plan 1 title\":{\n\t\t\t\"content\":\"Starter\"\n\t\t},\n\t\t\"Plan 2 title\":{\n\t\t\t\"content\":\"Business\"\n\t\t}\n\t}\n} \n\/--><\/code><\/pre>\nPartes de la Plantilla<\/h4>\n
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part.png\")
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part-modal.png\")
![\"Editar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/edit-template-part.png\")
Diferencias entre patrones y partes de plantilla<\/h3>\n
Patrones de Bloques Preconstruidos<\/h4>\n
\n
Patrones de bloques personalizados<\/h4>\n
\n
wp_posts<\/code> como tipo de entrada wp_block<\/code>.<\/li>\nPartes de la plantilla<\/h4>\n
\n
C\u00f3mo Crear Partes de Plantilla para Temas y Plugins<\/h2>\n
register_block_pattern<\/code> y register_block_pattern_category<\/code> para registrar patrones de bloques y categor\u00edas de patrones.<\/p>\n\n
register_block_pattern<\/code>,<\/li>\nCrear un Patr\u00f3n de Bloques con un Plugin<\/h3>\n
register_block_pattern<\/code> y register_block_pattern_category<\/code> en el archivo PHP de un plugin<\/a> o en el functions.php<\/a> de tu tema.<\/p>\nSelecciona o Registra una Categor\u00eda de Patr\u00f3n<\/h4>\n
wp.data.select('core').getBlockPatternCategories()<\/code><\/pre>\n![\"Categor\u00edas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/pattern-categories-wp-67.jpg\")
register_block_pattern_category<\/code> <\/a>.<\/p>\n\n
$category_name<\/code>: Nombre de la categor\u00eda del patr\u00f3n, incluido el espacio de nombres.<\/li>\n$category_properties<\/code>: Un array de propiedades de la categor\u00eda.<\/li>\n<\/ul>\nif ( function_exists( 'register_block_pattern_category' ) ) {\n\tfunction my_plugin_register_pattern_category() {\n\t\tregister_block_pattern_category( \n\t\t\t'my-pattern-category', \n\t\t\tarray(\n\t\t\t\t'label' => __( 'My Pattern Category', 'my-plugin-text-domain' ),\n\t\t\t\t'description' => __( 'Simple call to action with a header, an image, a paragraph, and a button.' ),\n\t\t\t)\n\t\t);\n\t}\n\tadd_action( 'init', 'my_plugin_register_pattern_category' );\n}<\/code><\/pre>\n\nRegistrar un Patr\u00f3n de Bloques<\/h4>\n
register_block_pattern<\/code> <\/a> como se indica a continuaci\u00f3n:<\/p>\nfunction my_plugin_register_block_pattern() {\n\tregister_block_pattern( 'prefix\/pattern-name', $props );\n}\nadd_action( 'init', 'my_plugin_register_block_pattern' );<\/code><\/pre>\n\n
$pattern_name<\/code>: Un nombre legible por la m\u00e1quina<\/strong> en forma de namespace\/pattern-name<\/code>.<\/li>\n$pattern_properties<\/code>: Un array de propiedades del patr\u00f3n.<\/li>\n<\/ul>\n\n
title<\/code> (obligatorio): Un t\u00edtulo legible<\/strong> para el patr\u00f3n.<\/li>\ncontent<\/code> (obligatorio): El c\u00f3digo HTML del patr\u00f3n.<\/li>\ndescription<\/code>: Un texto que describa el patr\u00f3n en el insertador. La descripci\u00f3n es opcional, pero se recomienda porque ayuda a los usuarios a encontrar el patr\u00f3n.<\/li>\ncategories<\/code>: Un array de una o m\u00e1s categor\u00edas de patrones registradas. Tienes que registrar una categor\u00eda antes de poder utilizarla aqu\u00ed (consulta la secci\u00f3n anterior).<\/li>\nkeywords<\/code>: Un array de palabras clave que ayuden a los usuarios a encontrar el patr\u00f3n.<\/li>\nviewportWidth<\/code>: Un n\u00famero entero que especifica la anchura del patr\u00f3n en la vista previa.<\/li>\nblockTypes<\/code>: Un array opcional de tipos de bloque que se utilizar\u00e1n con el patr\u00f3n.<\/li>\npostTypes<\/code>: Un array de tipos de entrada que podr\u00e1n utilizar el patr\u00f3n.<\/li>\ntemplateTypes<\/code>: Un array de tipos de plantilla en los que el patr\u00f3n tiene sentido (disponible desde WordPress 6.2<\/a>).<\/li>\ninserter<\/code>: Un booleano para determinar si el patr\u00f3n debe ser visible en el insertador de bloques. Establece el valor a false<\/code> para ocultar el patr\u00f3n. Por defecto, todos los patrones aparecer\u00e1n en el insertador de bloques.<\/li>\nsource<\/code> (opcional): Una cadena que identifica la fuente del patr\u00f3n. Pasa la cadena plugin<\/code> si est\u00e1s registrando el patr\u00f3n desde un plugin. Para un tema, pasa la cadena theme<\/code>.<\/li>\n<\/ul>\nregister_block_pattern<\/code>:<\/p>\nif ( function_exists( 'register_block_pattern' ) ) {\n\tfunction my_plugin_register_block_pattern() {\n\t\tregister_block_pattern( \n\t\t\t'my-plugin\/my-block-pattern', \n\t\t\tarray(\n\t\t\t\t'title'\t\t\t=> _x( 'My awesome pattern', 'Block pattern title', 'my-plugin-text-domain' ),\n\t\t\t\t'categories'\t=> array( 'my-pattern-category' ),\n\t\t\t\t'postTypes'\t\t=> array( 'post' ),\n\t\t\t\t'content'\t\t=> '<p>My awesome block pattern<\/p>'\n\t\t\t) \n\t\t);\n\t}\n\tadd_action( 'init', 'my_plugin_register_block_pattern' );\n}<\/code><\/pre>\npostTypes<\/code> para restringir la disponibilidad del patr\u00f3n a las entradas normales del blog. Sin embargo, tienes la flexibilidad de establecer un valor diferente para