{"id":10968,"date":"2024-10-25T12:10:00","date_gmt":"2024-10-25T12:10:00","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=10968"},"modified":"2024-12-23T19:02:09","modified_gmt":"2024-12-23T19:02:09","slug":"como-agregar-html-cuerpo-publicacion-pagina-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/","title":{"rendered":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress"},"content":{"rendered":"\n<p>\u00bfQuer\u00e9s agregar tu propio HTML personalizado al cuerpo de tus publicaciones y p\u00e1ginas de WordPress, no? \u00a1Eso es genial!<\/p>\n\n\n\n<p>Agregar c\u00f3digo HTML personalizado es una excelente manera de mostrar contenido \u00fanico que puede ser m\u00e1s dif\u00edcil de lograr con las funciones predeterminadas de WordPress. Sin embargo, la pregunta es, &#8220;\u00bfC\u00f3mo se hace?&#8221;<\/p>\n\n\n\n<p>Por suerte, WordPress es muy flexible y permite a los usuarios a\u00f1adir c\u00f3digo HTML de m\u00faltiples maneras. Algunas formas involucran funciones integradas del editor Gutenberg, mientras que otras requieren cierto conocimiento de programaci\u00f3n. Vamos a explorar estos m\u00e9todos para ayudarte a aprender c\u00f3mo controlar el HTML personalizado en tu sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puntos Clave<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Es posible agregar HTML personalizado al cuerpo de tus publicaciones y p\u00e1ginas de WordPress con el bloque <strong>HTML Personalizado<\/strong> en Gutenberg.<\/li>\n\n\n\n<li>Tambi\u00e9n es posible mostrar HTML personalizado antes o despu\u00e9s del contenido de tu publicaci\u00f3n utilizando la etiqueta de plantilla <strong>the_content<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfEs Posible Agregar HTML al Cuerpo de Tus Publicaciones de WordPress?<\/h2>\n\n\n\n<p>S\u00ed, es posible agregar HTML personalizado al cuerpo de tus publicaciones y p\u00e1ginas en WordPress. Pod\u00e9s agregar HTML antes o despu\u00e9s del cuerpo y dentro del cuerpo en s\u00ed. Estas son las formas m\u00e1s sencillas para cada una de estas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si quer\u00e9s a\u00f1adir HTML en una parte espec\u00edfica del cuerpo de tu publicaci\u00f3n, utiliz\u00e1 el bloque <strong>HTML Personalizado<\/strong> en Gutenberg.<\/li>\n\n\n\n<li>Si quer\u00e9s a\u00f1adir HTML antes del cuerpo de tu publicaci\u00f3n, utiliz\u00e1 la etiqueta de plantilla <strong>the_content<\/strong>.<\/li>\n\n\n\n<li>Si quer\u00e9s a\u00f1adir HTML despu\u00e9s del cuerpo de tu publicaci\u00f3n, tambi\u00e9n pod\u00e9s usar la etiqueta de plantilla <strong>the_content<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Estas herramientas y caracter\u00edsticas te permiten controlar d\u00f3nde colocar tu c\u00f3digo HTML personalizado en WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 M\u00e9todos para Agregar C\u00f3digo HTML al Cuerpo de Tus Publicaciones y P\u00e1ginas de WordPress<\/h2>\n\n\n\n<p>Ahora que sab\u00e9s que es posible agregar c\u00f3digo HTML personalizado a tu sitio de WordPress, exploremos los m\u00e9todos que pod\u00e9s usar para hacerlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #1: Agregar HTML al Cuerpo de Tus Publicaciones de WordPress con el Bloque HTML Personalizado en WordPress<\/h3>\n\n\n\n<p>El bloque <strong>HTML Personalizado<\/strong> de WordPress es la manera m\u00e1s f\u00e1cil de agregar HTML a tus publicaciones y p\u00e1ginas. Es un bloque incorporado que viene con todas las instalaciones de WordPress y es muy f\u00e1cil de usar.<\/p>\n\n\n\n<p>Una vez que est\u00e9s editando tu publicaci\u00f3n o p\u00e1gina, mov\u00e9 el cursor sobre el \u00e1rea donde quer\u00e9s insertar el c\u00f3digo HTML y hac\u00e9 clic en <strong>A\u00f1adir Bloque<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-1-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress siendo editada en la interfaz del editor Gutenberg\" class=\"wp-image-6167\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-1-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-1-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-1-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ver\u00e1s un men\u00fa peque\u00f1o donde pod\u00e9s buscar bloques o buscarlos por nombre. Busc\u00e1 \u201chtml\u201d y hac\u00e9 clic en el bot\u00f3n <strong>HTML Personalizado<\/strong> que aparece abajo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-2-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress siendo editada en la interfaz del editor Gutenberg. El usuario est\u00e1 buscando el bloque &quot;HTML Personalizado&quot; en la funci\u00f3n de b\u00fasqueda de bloques.\" class=\"wp-image-6168\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-2-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-2-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-2-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora pod\u00e9s ingresar tu c\u00f3digo HTML. Por ejemplo, vamos a ingresar el c\u00f3digo HTML para una tabla que muestra la temperatura promedio de Espa\u00f1a por estaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-3-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress siendo editada en la interfaz del editor Gutenberg. El usuario est\u00e1 introduciendo c\u00f3digo HTML en el bloque &quot;HTML Personalizado&quot;\" class=\"wp-image-6169\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-3-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-3-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-3-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-3.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez que hayas agregado tu c\u00f3digo HTML, guard\u00e1 los cambios y visit\u00e1 tu publicaci\u00f3n en vivo, p\u00e1gina o vista previa para ver tu c\u00f3digo en acci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-4-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress. Al final de la publicaci\u00f3n, hay una tabla que muestra las temperaturas promedio de Espa\u00f1a por estaci\u00f3n\" class=\"wp-image-6170\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-4-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-4-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-4-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-4.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #2: Agregar HTML Antes del Cuerpo de Todas Tus Publicaciones Editando el Archivo functions.php de Tu Tema<\/h3>\n\n\n\n<p>Si quer\u00e9s agregar HTML a cada publicaci\u00f3n de tu sitio en lugar de una sola, pod\u00e9s editar el archivo <code>functions.php<\/code> de tu tema.<\/p>\n\n\n\n<p>Este m\u00e9todo utiliza la etiqueta de plantilla <code>the_content<\/code> para crear una funci\u00f3n que inserta HTML en la parte superior del cuerpo de tu contenido.<\/p>\n\n\n\n<p><code>the_content<\/code> es una etiqueta de plantilla que muestra el contenido principal de una publicaci\u00f3n o p\u00e1gina. Extrae el cuerpo de la publicaci\u00f3n de la base de datos de WordPress y lo muestra donde vos decid\u00e1s colocarlo.<\/p>\n\n\n\n<p>Pod\u00e9s usar esta etiqueta de plantilla para a\u00f1adir HTML personalizado al principio de cada publicaci\u00f3n o p\u00e1gina en tu sitio si ten\u00e9s un mensaje importante que quer\u00e9s que tus lectores conozcan.<\/p>\n\n\n\n<p>Ac\u00e1 ten\u00e9s un ejemplo de c\u00f3mo usar <code>the_content<\/code> para mostrar una caja de texto visualmente distinta al comienzo de tus publicaciones del blog:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php line-numbers\">if ( ! function_exists( 'add_welcome_text_to_posts' ) ) :\n    function add_welcome_text_to_posts ($content) {\n        if ( is_single() ) {\n            $welcome_text = '&lt;div style=\"background-color: #333333; color: #ffffff; font-size: 22px; padding: 20px; border-radius: 8px; line-height: 1.6; text-align: center;\" class=\"welcome-box\"&gt;Bienvenido a mi blog. \u00a1Espero que la informaci\u00f3n que encuentres aqu\u00ed te sea \u00fatil!&lt;\/div&gt;';\n            $content = $welcome_text . $content;\n    }\n    return $content;\n}\nendif;\n\nadd_filter('the_content', 'add_welcome_text_to_posts');<\/code><\/pre>\n\n\n\n<p>As\u00ed es como se ve en acci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-5-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress. Al comienzo de la publicaci\u00f3n, hay una caja de texto negra que da la bienvenida a los visitantes al blog\" class=\"wp-image-6171\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-5-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-5-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-5-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-5.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #3: Agregar HTML Despu\u00e9s del Cuerpo de Todas Tus Publicaciones Editando el Archivo functions.php de Tu Tema<\/h3>\n\n\n\n<p>Pod\u00e9s usar <code>the_content<\/code> de manera similar al m\u00e9todo anterior para a\u00f1adir HTML personalizado despu\u00e9s del cuerpo de todas las publicaciones o p\u00e1ginas de tu sitio de WordPress.<\/p>\n\n\n\n<p>Ac\u00e1 ten\u00e9s un ejemplo de c\u00f3mo usar <code>the_content<\/code> para agregar una caja de texto despu\u00e9s de cada publicaci\u00f3n del blog:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php line-numbers\">if ( ! function_exists( 'add_goodbye_text_to_posts' ) ) :\n    function add_goodbye_text_to_posts ($content) {\n    if ( is_single() ) {\n        $goodbye_text = '&lt;div style=\"background-color: #333333; color: #ffffff; font-size: 22px; padding: 20px; border-radius: 8px; line-height: 1.6; text-align: center;\" class=\"goodbye-text\"&gt;Espero que la informaci\u00f3n en este blog haya sido \u00fatil. &lt;a href=\"https:\/\/www.example.com\" style=\"color: #00bfff; text-decoration: none;\"&gt;Hac\u00e9 clic ac\u00e1&lt;\/a&gt; para leer m\u00e1s publicaciones de mi blog.&lt;\/div&gt;';\n        $content = $content . $goodbye_text;\n    }\n    return $content;\n}\nendif;\n\nadd_filter('the_content', 'add_goodbye_text_to_posts');<\/code><\/pre>\n\n\n\n<p>As\u00ed es como se ve en acci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-6-1024x451.jpg\" alt=\"Una publicaci\u00f3n de WordPress. Al final de la publicaci\u00f3n, hay una caja de texto negra que invita a los lectores a leer m\u00e1s publicaciones del blog.\" class=\"wp-image-6172\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-6-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-6-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-6-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-6.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Aunque esta gu\u00eda modific\u00f3 el archivo <code>functions.php<\/code> directamente, es importante tener en cuenta que WordPress lo sobrescribir\u00e1 cuando actualices a una versi\u00f3n m\u00e1s reciente.<\/p>\n\n\n\n<p>Por eso recomendamos encarecidamente utilizar un <a href=\"https:\/\/wcanvas.com\/es\/blog\/how-to-customize-woocommerce-with-a-child-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">tema hijo<\/a> o un plugin de fragmentos de c\u00f3digo como <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Code<\/a>. Cualquiera de los dos m\u00e9todos te permitir\u00e1 conservar tu c\u00f3digo personalizado incluso despu\u00e9s de una actualizaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Es F\u00e1cil Agregar HTML al Cuerpo de Tus Publicaciones y P\u00e1ginas de WordPress<\/h2>\n\n\n\n<p>Como ves, pod\u00e9s agregar HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress con el bloque HTML Personalizado de Gutenberg. Tambi\u00e9n pod\u00e9s a\u00f1adir HTML antes o despu\u00e9s de cada publicaci\u00f3n en tu sitio usando c\u00f3digo PHP, espec\u00edficamente la etiqueta de plantilla <code>the_content<\/code>.<\/p>\n\n\n\n<p>Si aprend\u00e9s a usar estas herramientas, podr\u00e1s mostrar HTML personalizado en cualquier parte de tus publicaciones.<\/p>\n\n\n\n<p>Si te result\u00f3 \u00fatil este post, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\">visit\u00e1 nuestro blog<\/a> y <a href=\"https:\/\/wcanvas.com\/es\/resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">recursos para desarrolladores<\/a> para m\u00e1s ideas y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuer\u00e9s agregar tu propio HTML personalizado al cuerpo de tus publicaciones y p\u00e1ginas de WordPress, no? \u00a1Eso es genial! Agregar c\u00f3digo HTML personalizado es una excelente manera de mostrar contenido \u00fanico que puede ser m\u00e1s dif\u00edcil de lograr con las funciones predeterminadas de WordPress. Sin embargo, la pregunta es, &#8220;\u00bfC\u00f3mo se hace?&#8221; Por suerte, WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6165,"template":"","blog-categories":[77],"class_list":["post-10968","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - White Canvas<\/title>\n<meta name=\"description\" content=\"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.\" \/>\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\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T19:02:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-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=\"6 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\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress\",\n\t            \"datePublished\": \"2024-10-25T12:10:00+00:00\",\n\t            \"dateModified\": \"2024-12-23T19:02:09+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\"\n\t            },\n\t            \"wordCount\": 975,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\",\n\t            \"name\": \"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - 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\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg\",\n\t            \"datePublished\": \"2024-10-25T12:10:00+00:00\",\n\t            \"dateModified\": \"2024-12-23T19:02:09+00:00\",\n\t            \"description\": \"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#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\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/\"\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\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"colorful JavaScript, CSS, and HTML code over a black computer screen background\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#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\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress\"\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            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - White Canvas","description":"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.","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\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - White Canvas","og_description":"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.","og_url":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T19:02:09+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress","datePublished":"2024-10-25T12:10:00+00:00","dateModified":"2024-12-23T19:02:09+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/"},"wordCount":975,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/","name":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg","datePublished":"2024-10-25T12:10:00+00:00","dateModified":"2024-12-23T19:02:09+00:00","description":"Pod\u00e9s agregar c\u00f3digo HTML al cuerpo de tus publicaciones y p\u00e1ginas de WordPress utilizando un bloque de Gutenberg o c\u00f3digo PHP.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/10\/add-html-to-body-HERO.jpg","width":1200,"height":528,"caption":"colorful JavaScript, CSS, and HTML code over a black computer screen background"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/como-agregar-html-cuerpo-publicacion-pagina-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo agregar HTML al cuerpo de una publicaci\u00f3n o p\u00e1gina de WordPress"}]},{"@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"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/10968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"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\/6165"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=10968"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=10968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}