{"id":11101,"date":"2024-09-26T20:10:44","date_gmt":"2024-09-26T20:10:44","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=resources&p=11101"},"modified":"2024-12-09T17:10:32","modified_gmt":"2024-12-09T17:10:32","slug":"como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks","status":"publish","type":"resources","link":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/","title":{"rendered":"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks()"},"content":{"rendered":"\n

Migrar contenido en WordPress puede ser abrumador, especialmente cuando se lida con una combinaci\u00f3n de bloques personalizados y plugins de terceros. Sin embargo, utilizando WP All Import y la funci\u00f3n parse_blocks()<\/code> de WordPress, es posible transformar eficientemente bloques personalizados en bloques nativos, creando una experiencia de contenido m\u00e1s fluida y manejable.<\/p>\n\n\n\n

Si no se importan adecuadamente, estos bloques pueden interrumpir el estilo de un tema, provocando una est\u00e9tica inconsistente y una estructura de contenido desordenada. Por lo tanto, es muy importante realizar correctamente la importaci\u00f3n.<\/p>\n\n\n\n

Exploremos c\u00f3mo hacerlo.<\/p>\n\n\n\n

El Desaf\u00edo de los Bloques Personalizados<\/h2>\n\n\n\n

Una de las principales razones para transformar bloques personalizados a bloques nativos es el desaf\u00edo que representan para el mantenimiento a largo plazo. Adem\u00e1s, los bloques personalizados introducidos por plugins de terceros a menudo rompen el estilo y la consistencia est\u00e9tica del sitio.<\/p>\n\n\n\n

En un proyecto reciente, el cliente ten\u00eda varios bloques personalizados que no se alineaban con las plantillas y patrones que creamos (WordPress FSE). Nuestras plantillas proporcionaban un aspecto estructurado, coherente para el sitio, pero los bloques personalizados no eran compatibles con eso.<\/p>\n\n\n\n

Mantener estos bloques de terceros habr\u00eda socavado nuestro esfuerzo por lograr un dise\u00f1o web bien organizado y consistentemente visual.<\/p>\n\n\n\n

Convirtiendo estos bloques a bloques nativos, obtuvimos mejor control sobre la apariencia y funcionalidad del contenido. Esto asegur\u00f3 que se ajustara a la gu\u00eda de estilo y mejor\u00f3 la consistencia general del sitio.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 WP All Import?<\/h2>\n\n\n\n

Hemos utilizado WP All Import<\/a> con gran \u00e9xito en m\u00faltiples proyectos ahora.<\/p>\n\n\n\n

Sus robustas caracter\u00edsticas y capacidad para manejar importaciones complejas lo han convertido en nuestra primera opci\u00f3n al importar grandes vol\u00famenes de contenido. Una de sus principales fortalezas es su flexibilidad, permiti\u00e9ndonos escribir scripts personalizados para manipular datos durante el proceso de importaci\u00f3n.<\/p>\n\n\n\n

Esta personalizaci\u00f3n resulta \u00fatil al transformar bloques personalizados en bloques nativos. Para esta migraci\u00f3n en particular, las capacidades de scripts de WP All Import nos permitieron ajustar finamente c\u00f3mo se manejaba cada bloque durante la importaci\u00f3n.<\/p>\n\n\n\n

Aprovechando parse_blocks() para la Transformaci\u00f3n de Bloques<\/h2>\n\n\n\n

Inicialmente, la estrategia para identificar y reemplazar bloques se bas\u00f3 en expresiones regulares (regex).<\/p>\n\n\n\n

Este enfoque funcion\u00f3 para bloques m\u00e1s sencillos, como convertir un bloque espaciador de Genesis<\/a> en un bloque espaciador nativo de WordPress.<\/p>\n\n\n\n

Sin embargo, a medida que los bloques se volvieron m\u00e1s complejos, el uso de regex result\u00f3 insuficiente. Al enfrentarme con bloques m\u00e1s robustos, comenc\u00e9 a buscar alternativas y me encontr\u00e9 con la funci\u00f3n parse_blocks()<\/code> en la documentaci\u00f3n de WordPress.<\/p>\n\n\n\n

parse_blocks()<\/code> analiza el contenido de las publicaciones en un array de objetos de bloques, proporcionando acceso a informaci\u00f3n crucial como nombres de bloques, atributos, HTML interno y bloques anidados (innerBlocks).<\/p>\n\n\n\n

Esto me permiti\u00f3 desarrollar condiciones y l\u00f3gica basadas en la estructura del bloque, lo que hizo mucho m\u00e1s f\u00e1cil transformar bloques personalizados complejos en bloques nativos.<\/p>\n\n\n\n

Convertir Bloques Genesis a Nativos Usando PHP: 2 Ejemplos<\/h2>\n\n\n\n

Ejemplo #1: El Resultado Final<\/h3>\n\n\n\n

El proceso de transformaci\u00f3n, aunque efectivo, ha sido complicado debido a la estructura \u00fanica de cada bloque.<\/p>\n\n\n\n

No hay dos bloques personalizados exactamente iguales, lo que significa que cada uno requiere una depuraci\u00f3n exhaustiva para entender su estructura y determinar c\u00f3mo reemplazarlo mejor. El proceso de averiguar todo esto tom\u00f3 m\u00e1s de 16 horas de trabajo.<\/p>\n\n\n\n

Aqu\u00ed tienes un ejemplo de c\u00f3mo lucen los bloques despu\u00e9s de ser transformados de Genesis<\/a> a bloques nativos.<\/p>\n\n\n\n

Antes (Bloque Personalizado)<\/h4>\n\n\n\n
<!-- wp:columns {\"columns\":2} -->\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-2 gb-2-col-equal alignwide\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\"><!-- wp:column -->\n  <div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\"><!-- wp:heading {\"level\":5} -->\n  <h5>Lorem Ipsum<\/h5>\n  <!-- \/wp:heading -->\n  <!-- \/wp:genesis-blocks\/gb-column -->\n\n  <!-- wp:column -->\n  <div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\"><!-- wp:heading {\"level\":5} -->\n  <h5>Lorem Ipsum<\/h5>\n  <!-- \/wp:heading -->\n  <!-- \/wp:genesis-blocks\/gb-column --><\/div><\/div>\n<!-- \/wp:columns --><\/code><\/pre>\n\n\n\n
Despu\u00e9s (Bloque Nativo)<\/h4>\n\n\n\n
<!-- wp:columns -->\n  <div class=\"wp-block-columns\"><!-- wp:column -->\n  <div class=\"wp-block-column\"><!-- wp:heading {\"level\":5} -->\n  <h5 class=\"wp-block-heading\">Lorem Ipsum<\/h5><\/div>\n  <!-- \/wp:heading -->\n\n  <!-- wp:column -->\n  <div class=\"wp-block-column\"><!-- wp:heading {\"level\":5} -->\n    <h5 class=\"wp-block-heading\">Lorem Ipsum<\/h5>\n    <!-- \/wp:heading --><\/div>\n  <!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/code><\/pre>\n\n\n\n
Este ejemplo muestra el resultado final de transformar un dise\u00f1o de bloque de columna Genesis en un bloque de columnas nativo de WordPress, asegurando que todo HTML, atributos y bloques internos se preserven y migren correctamente.<\/p>\n\n\n\n
Ejemplo #2: El Proceso Paso a Paso<\/h3>\n\n\n\n
Exploremos un segundo ejemplo m\u00e1s detallado, mostrando el proceso paso a paso de c\u00f3mo lograr esta transformaci\u00f3n usando WP All Import y parse_blocks()<\/code>. Aqu\u00ed est\u00e1 el c\u00f3digo para convertir Columnas Genesis a Columnas Nativas:<\/p>\n\n\n\n
\/**\n * Convertir bloques de Genesis a bloques nativos de WordPress.\n *\n * Esta funci\u00f3n analiza el contenido, identifica bloques de Genesis (Columns y Column)\n * y los convierte en bloques nativos de WordPress.\n *\n * @param string $content El contenido original que contiene bloques de Genesis.\n * @return string El contenido con los bloques de Genesis convertidos a bloques nativos.\n *\/\nfunction convert_genesis_blocks_to_core( $content ) {\n    \/\/ Analizar el contenido en bloques.\n    $blocks = parse_blocks( $content );\n\n    \/\/ Convertir los bloques recursivamente.\n    $converted_blocks = convert_blocks_recursively( $blocks );\n\n    \/\/ Serializar los bloques de regreso al contenido y devolver.\n    return serialize_blocks( $converted_blocks );\n}\n\n\/**\n * Convertir recursivamente bloques personalizados a bloques nativos.\n *\n * Esta funci\u00f3n recorre los bloques analizados y aplica transformaciones a los bloques de Genesis.\n *\n * @param array $blocks Un array de objetos de bloques analizados.\n * @return array El array transformado de objetos de bloques.\n *\/\nfunction convert_blocks_recursively( $blocks ) {\n    $converted_blocks = array();\n\n    foreach ( $blocks as $block ) {\n        \/\/ Convertir bloques de columna Genesis a columnas nativas\n        if ( 'genesis-blocks\/gb-columns' === $block['blockName'] ) {\n            $converted_blocks[] = convert_genesis_columns_block( $block );\n        } elseif ( 'genesis-blocks\/gb-column' === $block['blockName'] ) {\n            $converted_blocks[] = convert_genesis_column_block( $block );\n        } else {\n            \/\/ Convertir recursivamente bloques internos\n            if ( ! empty( $block['innerBlocks'] ) ) {\n                $block['innerBlocks'] = convert_blocks_recursively( $block['innerBlocks'] );\n            }\n            $converted_blocks[] = $block;\n        }\n    }\n\n    return $converted_blocks;\n}\n\n\/**\n * Convertir bloque de Columnas de Genesis a bloque de Columnas nativas.\n *\n * Esta funci\u00f3n mapea atributos y estructura del bloque de Columnas de Genesis a atributos de Columnas nativas.\n *\n * @param array $block Los datos del bloque de Columnas de Genesis.\n * @return array El bloque transformado de Columnas nativas.\n *\/\nfunction convert_genesis_columns_block( $block ) {\n    $attrs = array( 'columns' => $block['attrs']['columns'] ?? 2 );\n\n    \/\/ Convertir recursivamente bloques internos (Columnas de Genesis)\n    $inner_blocks = convert_blocks_recursively( $block['innerBlocks'] );\n\n    return array(\n        'blockName'    => 'core\/columns',\n        'attrs'        => $attrs,\n        'innerBlocks'  => $inner_blocks,\n        'innerHTML'    => '',  \/\/ Se regenerar\u00e1 autom\u00e1ticamente\n        'innerContent' => array(),\n    );\n}\n\n\/**\n * Convertir bloque de Columna de Genesis a bloque de Columna nativa.\n *\n * Esta funci\u00f3n convierte Columnas individuales de Genesis en Columnas nativas de WordPress.\n *\n * @param array $block Los datos del bloque de Columna de Genesis.\n * @return array El bloque transformado de Columna nativa.\n *\/\nfunction convert_genesis_column_block( $block ) {\n    \/\/ Convertir recursivamente bloques internos dentro de la Columna\n    $inner_blocks = convert_blocks_recursively( $block['innerBlocks'] );\n\n    return array(\n        'blockName'    => 'core\/column',\n        'attrs'        => array(),  \/\/ Sin atributos especiales para el bloque de Columna nativa\n        'innerBlocks'  => $inner_blocks,\n        'innerHTML'    => '',  \/\/ Se regenerar\u00e1 autom\u00e1ticamente\n        'innerContent' => array(),\n    );\n}<\/code><\/pre>\n\n\n\n
Este ejemplo muestra c\u00f3mo transformar un dise\u00f1o de bloque de columna Genesis en un bloque de columnas nativo de WordPress asegurando que todo HTML, atributos, y bloques internos se preserven y migren correctamente.<\/p>\n\n\n\n
Integrando el C\u00f3digo con WP All Import<\/h4>\n\n\n\n
Una vez que hayas creado tu c\u00f3digo de transformaci\u00f3n de bloques, es hora de ponerlo en funcionamiento dentro de WP All Import. El proceso es simple y se puede realizar durante la configuraci\u00f3n de la importaci\u00f3n.<\/p>\n\n\n\n
En el tercer paso de crear una nueva importaci\u00f3n (la interfaz de “Arrastrar y Soltar”), normalmente mapear\u00edas tus campos de contenido. En lugar de usar el campo est\u00e1ndar {content[1]}<\/code> para tu contenido de publicaci\u00f3n, pod\u00e9s llamar la funci\u00f3n personalizada directamente para manejar la transformaci\u00f3n de bloques.<\/p>\n\n\n\n
Por ejemplo, usa:<\/p>\n\n\n\n
[convert_genesis_blocks_to_core({content[1]})]<\/code><\/pre>\n\n\n\n
Esto aplicar\u00e1 tu l\u00f3gica de transformaci\u00f3n al contenido antes de que se importe, asegurando que tus bloques personalizados sean convertidos a bloques nativos durante el proceso de importaci\u00f3n.<\/p>\n\n\n\n
\"La<\/figure>\n\n\n\n
\u00bfD\u00f3nde Definir la Funci\u00f3n para Convertir Bloques Personalizados a Bloques Nativos?<\/h4>\n\n\n\n
WP All Import te permite definir funciones personalizadas directamente dentro de la interfaz.<\/p>\n\n\n\n
Desplazate hacia abajo en el mismo paso de “Arrastrar y Soltar” hasta que encuentres la secci\u00f3n “Editor de Funciones”. Aqu\u00ed, pod\u00e9s pegar el c\u00f3digo PHP para la funci\u00f3n convert_genesis_blocks_to_core()<\/code>. Una vez agregado, WP All Import lo reconocer\u00e1 y lo aplicar\u00e1 al contenido seg\u00fan lo configurado.<\/p>\n\n\n\n
\"Funcionalidad<\/figure>\n\n\n\n
Para obtener m\u00e1s orientaci\u00f3n detallada, pod\u00e9s consultar la documentaci\u00f3n oficial de WP All Import<\/a> sobre el uso de PHP en l\u00ednea.<\/p>\n\n\n\n
Beneficios de Usar Bloques Nativos<\/h2>\n\n\n\n
Los beneficios de esta transformaci\u00f3n van m\u00e1s all\u00e1 de la apariencia.<\/p>\n\n\n\n
Al usar bloques nativos de WordPress junto con nuestros bloques personalizados, hemos minimizado nuestra dependencia de plugins de terceros. Esto mejora el rendimiento ya que se cargan menos scripts externos en el frontend y adem\u00e1s nos da control total sobre el estilo y comportamiento de los bloques.<\/p>\n\n\n\n
Personalizar un bloque nativo es mucho m\u00e1s f\u00e1cil que adaptar un bloque personalizado de otro.<\/p>\n\n\n\n
Adem\u00e1s, la experiencia del cliente permanece fluida, ya que los bloques nativos son intuitivos y bien conocidos dentro del ecosistema WordPress.<\/p>\n\n\n\n
Pruebas y Asegurar la Integridad de los Datos<\/h2>\n\n\n\n
Como con cualquier migraci\u00f3n grande, asegurar la integridad del contenido es importante. Realizamos m\u00faltiples migraciones locales, procesando m\u00e1s de 1,700 publicaciones en total. Para asegurar la precisi\u00f3n, revisamos aproximadamente una publicaci\u00f3n de cada treinta, verificando manualmente que los datos y el formato se preservaran correctamente despu\u00e9s de la transformaci\u00f3n.<\/p>\n\n\n\n
Estas pruebas nos ayudaron a mantener la confianza de que ning\u00fan contenido se perdi\u00f3 o da\u00f1\u00f3 durante el proceso.<\/p>\n\n\n\n
Transformar Bloques Personalizados en Bloques Nativos Optimiza la Gesti\u00f3n de Contenidos<\/h2>\n\n\n\n
Al transformar bloques personalizados en bloques nativos, hemos hecho el sitio del cliente m\u00e1s eficiente, consistente y f\u00e1cil de mantener.<\/p>\n\n\n\n
WP All Import y parse_blocks()<\/code> resultaron herramientas invaluables en este proceso, permitiendo una soluci\u00f3n flexible y escalable para manejar migraciones de contenido complejas.<\/p>\n\n\n\n
Para desarrolladores enfrentando desaf\u00edos similares, este m\u00e9todo no solo asegura contenido a futuro sino que tambi\u00e9n reduce significativamente la carga de gestionar plugins de terceros.<\/p>\n\n\n\n
Si encontraste \u00fatil este post, le\u00e9 nuestro blog<\/a> y recursos de desarrolladores<\/a> para m\u00e1s insights y gu\u00edas!<\/p>\n","protected":false},"excerpt":{"rendered":"
Migrar contenido en WordPress puede ser abrumador, especialmente cuando se lida con una combinaci\u00f3n de bloques personalizados y plugins de terceros. Sin embargo, utilizando WP All Import y la funci\u00f3n parse_blocks() de WordPress, es posible transformar eficientemente bloques personalizados en bloques nativos, creando una experiencia de contenido m\u00e1s fluida y manejable. Si no se importan […]<\/p>\n","protected":false},"author":1,"featured_media":5272,"template":"","resource-categories":[88,75],"class_list":["post-11101","resources","type-resources","status-publish","has-post-thumbnail","hentry","resource-categories-php-es","resource-categories-plugins-es"],"acf":[],"yoast_head":"\nC\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas<\/title>\n<meta name=\"description\" content=\"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T17:10:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/\",\n\t            \"name\": \"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg\",\n\t            \"datePublished\": \"2024-09-26T20:10:44+00:00\",\n\t            \"dateModified\": \"2024-12-09T17:10:32+00:00\",\n\t            \"description\": \"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"close up of a colorful PHP code over a dark screen\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Resources\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/resources\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks()\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas","description":"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas","og_description":"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.","og_url":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/","og_site_name":"White Canvas","article_modified_time":"2024-12-09T17:10:32+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/","url":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/","name":"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks() - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg","datePublished":"2024-09-26T20:10:44+00:00","dateModified":"2024-12-09T17:10:32+00:00","description":"Aqu\u00ed te mostramos c\u00f3mo transformar bloques personalizados en bloques centrales para hacer que las migraciones y la gesti\u00f3n de contenido sean m\u00e1s eficientes en tu sitio de WordPress.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/09\/custom-to-core-blocks-HERO.jpg","width":1200,"height":528,"caption":"close up of a colorful PHP code over a dark screen"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/resource\/como-transformar-bloques-personalizados-de-wordpress-a-bloques-centrales-con-wp-all-import-y-parse_blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wcanvas.com\/es\/resources\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo transformar bloques personalizados de WordPress a bloques centrales con WP All Import y parse_blocks()"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/resources\/11101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/resources"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/5272"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11101"}],"wp:term":[{"taxonomy":"resource-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/resource-categories?post=11101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}