{"id":95947,"date":"2023-11-17T13:22:09","date_gmt":"2023-11-17T12:22:09","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=95947"},"modified":"2025-01-20T09:18:35","modified_gmt":"2025-01-20T08:18:35","slug":"custom-html-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/","title":{"rendered":"Bloque HTML personalizado"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction_to_WordPress_Custom_HTML_Block\"><\/span>Introducci\u00f3n al bloque HTML personalizado de WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>El bloque HTML personalizado de WordPress es una funci\u00f3n dentro del editor de bloques de WordPress, com\u00fanmente conocido como Gutenberg. Este bloque permite a los usuarios a\u00f1adir c\u00f3digo HTML personalizado a sus entradas o p\u00e1ginas. Es especialmente \u00fatil para aquellos que necesitan insertar c\u00f3digo que no es compatible con los bloques est\u00e1ndar de WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_the_Purpose\"><\/span>Comprender el objetivo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>El bloque HTML personalizado est\u00e1 dise\u00f1ado para usuarios con ciertos conocimientos de HTML o para quienes necesiten incrustar fragmentos de c\u00f3digo espec\u00edficos, como widgets de terceros o scripts personalizados. Ofrece m\u00e1s flexibilidad y control sobre el contenido que los t\u00edpicos bloques de texto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Accessing_the_Custom_HTML_Block\"><\/span>Acceso al bloque HTML personalizado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Para acceder a este bloque, siga estos pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Inicie sesi\u00f3n en el panel de control de WordPress.<\/li>\n\n\n\n<li>Navegue hasta la entrada o p\u00e1gina en la que desea a\u00f1adir el c\u00f3digo HTML.<\/li>\n\n\n\n<li>Pulse el bot\u00f3n \"+\" para a\u00f1adir un nuevo bloque.<\/li>\n\n\n\n<li>Busque \"HTML personalizado\" en la barra de b\u00fasqueda del bloque.<\/li>\n\n\n\n<li>Selecciona el bloque HTML personalizado para a\u00f1adirlo a tu entrada o p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding_and_Editing_HTML_Code\"><\/span>A\u00f1adir y editar c\u00f3digo HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Una vez que haya a\u00f1adido el bloque HTML personalizado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Puede empezar a escribir su c\u00f3digo HTML directamente en el bloque.<\/li>\n\n\n\n<li>Si ya tienes el c\u00f3digo HTML, puedes pegarlo en el bloque.<\/li>\n\n\n\n<li>Puede editar el c\u00f3digo HTML seg\u00fan sea necesario, directamente dentro del bloque.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Previewing_Your_HTML\"><\/span>Vista previa de su HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>El bloque HTML personalizado tiene una funci\u00f3n de vista previa incorporada:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haz clic en el bot\u00f3n \"Vista previa\" de la barra de herramientas del bloque para ver c\u00f3mo aparecer\u00e1 tu c\u00f3digo HTML en el front-end.<\/li>\n\n\n\n<li>Esta funci\u00f3n es especialmente \u00fatil para asegurarse de que el HTML se muestra como se espera antes de publicar o actualizar la entrada\/p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Best_Practices\"><\/span>Buenas pr\u00e1cticas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Al utilizar el bloque HTML personalizado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aseg\u00farese de que su c\u00f3digo HTML est\u00e1 bien estructurado y no contiene errores.<\/li>\n\n\n\n<li>Evite a\u00f1adir demasiados bloques HTML personalizados, ya que podr\u00edan afectar al tiempo de carga de la p\u00e1gina y al rendimiento general.<\/li>\n\n\n\n<li>Tenga cuidado al a\u00f1adir scripts de terceros, ya que podr\u00edan plantear riesgos de seguridad.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Limitations_and_Considerations\"><\/span>Limitaciones y consideraciones<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El bloque HTML personalizado no est\u00e1 pensado para una codificaci\u00f3n extensa. Para proyectos m\u00e1s grandes o m\u00e1s complejos, considere el uso de un tema hijo o un plugin personalizado.<\/li>\n\n\n\n<li>Es importante tener en cuenta que ciertas etiquetas HTML pueden ser eliminadas por razones de seguridad, dependiendo de la configuraci\u00f3n de WordPress y del rol del usuario.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>El bloque de HTML personalizado en WordPress es una herramienta vers\u00e1til para los usuarios que requieren HTML personalizado en sus entradas o p\u00e1ginas. Aunque ofrece una gran flexibilidad, debe utilizarse con criterio y con conocimientos de HTML. Recuerde previsualizar su trabajo y garantizar la compatibilidad con el dise\u00f1o y la funcionalidad general de su sitio.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Introduction_to_WordPress_Custom_HTML_Block\" >Introducci\u00f3n al bloque HTML personalizado de WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Understanding_the_Purpose\" >Comprender el objetivo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Accessing_the_Custom_HTML_Block\" >Acceso al bloque HTML personalizado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Adding_and_Editing_HTML_Code\" >A\u00f1adir y editar c\u00f3digo HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Previewing_Your_HTML\" >Vista previa de su HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Best_Practices\" >Buenas pr\u00e1cticas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Limitations_and_Considerations\" >Limitaciones y consideraciones<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-html-personalizado\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n al bloque HTML personalizado de WordPress El bloque HTML personalizado de WordPress es una funci\u00f3n dentro del editor de bloques de WordPress, com\u00fanmente conocido como Gutenberg. Este bloque permite a los usuarios a\u00f1adir c\u00f3digo HTML personalizado a sus posts o p\u00e1ginas. Es particularmente \u00fatil para aquellos que necesitan insertar c\u00f3digo que no es compatible con los bloques est\u00e1ndar de [...]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[72],"tags":[],"citadela-post-location":[],"class_list":["post-95947","post","type-post","status-publish","format-standard","hentry","category-wordpress-editor-blocks"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/95947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/comments?post=95947"}],"version-history":[{"count":2,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/95947\/revisions"}],"predecessor-version":[{"id":95949,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/95947\/revisions\/95949"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media?parent=95947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/categories?post=95947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/tags?post=95947"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/citadela-post-location?post=95947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}