{"id":15220,"date":"2024-08-01T16:30:50","date_gmt":"2024-08-01T14:30:50","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=15220"},"modified":"2024-10-08T16:47:01","modified_gmt":"2024-10-08T14:47:01","slug":"como-modificar-un-tema-de-bloques-de-wordpress","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/","title":{"rendered":"Como modificar un tema de bloques de WordPress &#8211; 1"},"content":{"rendered":"<p>En este art\u00edculo vamos a ver <strong>como modificar un tema de bloques de WordPress<\/strong>, y como <strong>guardar dichas modificaciones en los archivos del tema<\/strong>. En un art\u00edculo anterior vimos como <a href=\"https:\/\/www.espai.es\/blog\/2024\/05\/wordpress-como-crear-un-nuevo-tema-de-bloques\/\" target=\"_blank\" rel=\"noopener\">crear un tema de bloques desde cero<\/a> gracias al plugin <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\">Create Block Theme<\/a>. Es importante que revises dicho art\u00edculo ya que para este art\u00edculo vamos a utilizar el mismo plugin y no vamos a explicar algunos aspectos ya explicados en dicho articulo.<\/p>\n<h2>Como a\u00f1adir un tel\u00e9fono a la cabecera<\/h2>\n<p>Por simplicidad, vamos a crear una modificaci\u00f3n sencilla para ver como ser\u00eda el proceso general para modificar un tema de bloques de WordPress. En este ejemplo, <strong>vamos a a\u00f1adir un n\u00famero de tel\u00e9fono a la cabecera de nuestro WordPress<\/strong>, entre el logo y el men\u00fa. Para el ejemplo, utilizaremos el tema en blanco que hemos creado siguiendo los pasos del <a href=\"https:\/\/www.espai.es\/blog\/2024\/05\/wordpress-como-crear-un-nuevo-tema-de-bloques\/\" target=\"_blank\" rel=\"noopener\">art\u00edculo anterior<\/a>. Aunque el proceso seria similar para otro tema de bloques.<\/p>\n<p>El primer paso es entrar en el <strong>editor de Temas<\/strong>, dentro del men\u00fa Apariencia &gt; Editor.<\/p>\n<div id=\"attachment_15221\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso01.png\" rel=\"attachment wp-att-15221\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15221\" class=\"size-full wp-image-15221\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso01.png\" alt=\"Acceder al editor de temas de WordPress\" width=\"440\" height=\"139\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso01.png 440w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso01-300x95.png 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/a><p id=\"caption-attachment-15221\" class=\"wp-caption-text\">Acceder al editor de temas de WordPress<\/p><\/div>\n<p>Despu\u00e9s, como queremos editar la cabecera (en el caso del pie de pagina ser\u00eda lo mismo), vamos a la opci\u00f3n de <strong>Patrones<\/strong>.<\/p>\n<div id=\"attachment_15223\" style=\"width: 688px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso02.png\" rel=\"attachment wp-att-15223\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15223\" class=\"size-full wp-image-15223\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso02.png\" alt=\"Patrones del tema de bloques\" width=\"678\" height=\"564\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso02.png 678w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso02-300x250.png 300w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a><p id=\"caption-attachment-15223\" class=\"wp-caption-text\">Patrones del tema de bloques<\/p><\/div>\n<p>Despu\u00e9s, seleccionamos aquel \u00abpatr\u00f3n\u00bb que queremos modificar. En nuestro caso, seleccionamos la cabecera.<\/p>\n<div id=\"attachment_15226\" style=\"width: 652px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso03.png\" rel=\"attachment wp-att-15226\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15226\" class=\"size-full wp-image-15226\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso03.png\" alt=\"Cabecera y pie de p\u00e1gina\" width=\"642\" height=\"408\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso03.png 642w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso03-300x191.png 300w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/a><p id=\"caption-attachment-15226\" class=\"wp-caption-text\">Cabecera y pie de p\u00e1gina<\/p><\/div>\n<p>Y despu\u00e9s hacemos click sobre el cuadro que nos aparecer\u00e1 a la derecha.<\/p>\n<div id=\"attachment_15227\" style=\"width: 899px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04.png\" rel=\"attachment wp-att-15227\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15227\" class=\"size-full wp-image-15227\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04.png\" alt=\"Seleccionamos la cabecera\" width=\"889\" height=\"559\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04.png 889w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04-300x189.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04-768x483.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso04-700x440.png 700w\" sizes=\"auto, (max-width: 889px) 100vw, 889px\" \/><\/a><p id=\"caption-attachment-15227\" class=\"wp-caption-text\">Seleccionamos la cabecera<\/p><\/div>\n<p>Cuando estemos en el editor, es muy importante hacer visible la \u00abVista de lista\u00bb pulsando el bot\u00f3n correspondiente. Esto nos facilitar\u00e1 mucho el trabajo ya que podremos ver claramente la estructura del patr\u00f3n que estamos editando.<\/p>\n<div id=\"attachment_15228\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05.png\" rel=\"attachment wp-att-15228\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15228\" class=\"size-large wp-image-15228\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05-1024x518.png\" alt=\"Vista de lista\" width=\"1024\" height=\"518\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05-1024x518.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05-300x152.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05-768x388.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05-700x354.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso05.png 1048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-15228\" class=\"wp-caption-text\">Vista de lista<\/p><\/div>\n<p>Entre el bloque de tipo <strong>Fila<\/strong> que contiene el logo del sitio Web, y el bloque <strong>Navegaci\u00f3n<\/strong>, vamos a crear otro bloque de tipo <strong>Fila<\/strong> y dentro creamos un bloque de tipo <strong>P\u00e1rrafo<\/strong>. Una alternativa, si queremos hacer un uso m\u00e1s \u00abformal\u00bb del sistema de bloques, seria crear un bloque de tipo <strong>Bot\u00f3n<\/strong>. Otro alternativa pero en la direcci\u00f3n opuesta, seria crear un bloque de tipo <strong>HTML Personalizado<\/strong>. Pero bueno, por sencillez, y tal como hemos dicho, vamos a crear un <strong>P\u00e1rrafo<\/strong>. Dentro del <strong>P\u00e1rrafo<\/strong>, colocamos el n\u00famero de tel\u00e9fono y el enlace correspondiente.<\/p>\n<div id=\"attachment_15229\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06.png\" rel=\"attachment wp-att-15229\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15229\" class=\"size-large wp-image-15229\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06-1024x263.png\" alt=\"A\u00f1adimos un p\u00e1rrafo con un enlace con el tel\u00e9fono\" width=\"1024\" height=\"263\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06-1024x263.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06-300x77.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06-768x198.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06-700x180.png 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso06.png 1349w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-15229\" class=\"wp-caption-text\">A\u00f1adimos un p\u00e1rrafo con un enlace con el tel\u00e9fono<\/p><\/div>\n<p>Como seguramente no tendr\u00e1 el aspecto deseado (a no ser que hayas usado un bloque de tipo Bot\u00f3n), es importante darle un atributo ID para poder modificar su aspecto con CSS. Para ello, en el panel derecho, en la pesta\u00f1a de <strong>Bloque<\/strong>, en las opciones de <strong>Avanzado<\/strong>, debes de indicar \u00abtelefono\u00bb donde pone Anclaje HTML (si sabes HTML, debes saber que este es el valor del atributo ID de HTML y que lo puedes indicar para cualquier bloque que te interese, y si no sabes HTML deber\u00edas plantearte hacer uno de nuestros <a href=\"https:\/\/espai.es\/listado-cursos\/\" target=\"_blank\" rel=\"noopener\">cursos Web<\/a>).<\/p>\n<div id=\"attachment_15231\" style=\"width: 861px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07.png\" rel=\"attachment wp-att-15231\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15231\" class=\"size-full wp-image-15231\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07.png\" alt=\"Asignamos un atributo ID al bloque\" width=\"851\" height=\"565\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07.png 851w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07-300x199.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07-768x510.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso07-700x465.png 700w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/a><p id=\"caption-attachment-15231\" class=\"wp-caption-text\">Asignamos un atributo ID al bloque<\/p><\/div>\n<p>En principio, la modificaci\u00f3n ya estar\u00eda hecha y bastar\u00eda con guardar los cambios. \u00a1Pero estos cambios no se guardan en los archivos del tema! Si quieres <em>realmente<\/em> guardar la modificaci\u00f3n en los archivos del tema, lo mejor es utilizar las opciones que nos ofrece el plugin <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\">Create Block Theme<\/a>. Obviamente, <strong>antes de continuar, es muy recomendable que saques copia de seguridad de la carpeta con los archivos de tu tema<\/strong>.<\/p>\n<div id=\"attachment_15233\" style=\"width: 357px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso08.png\" rel=\"attachment wp-att-15233\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15233\" class=\"size-full wp-image-15233\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso08.png\" alt=\"Guardamos los cambios utilizando Create Block Theme\" width=\"347\" height=\"279\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso08.png 347w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso08-300x241.png 300w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><p id=\"caption-attachment-15233\" class=\"wp-caption-text\">Guardamos los cambios utilizando Create Block Theme<\/p><\/div>\n<p>Antes de guardar, nos preguntar\u00e1 que queremos guardar. En principio, como solo hemos modificado las plantillas, es <strong>lo \u00fanico que tenemos que indicar. \u00a1El resto de opciones debes de desmarcarlas!<\/strong><\/p>\n<div id=\"attachment_15234\" style=\"width: 328px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso09.png\" rel=\"attachment wp-att-15234\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15234\" class=\"size-full wp-image-15234\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso09.png\" alt=\"Marcamos solo estas dos casillas\" width=\"318\" height=\"842\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso09.png 318w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/paso09-113x300.png 113w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/><\/a><p id=\"caption-attachment-15234\" class=\"wp-caption-text\">Marcamos solo estas dos casillas<\/p><\/div>\n<p>Y ya est\u00e1. Si revisas l<strong>a subcarpeta \/parts<\/strong> de tu tema, ver\u00e1s que el archivo <strong>header.html<\/strong> ha sido modificado. Si lo abres con un editor de texto plano (como el bloc de notas de Windows) o un editor de c\u00f3digo podr\u00e1s ver los elementos HTML que han sido creados.<\/p>\n<h2>Modificar el aspecto del enlace<\/h2>\n<p>Ok, ya hemos creado el enlace, pero (a no ser que hayamos creado un bloque de tipo Bot\u00f3n), no tiene un aspecto bien definido. Es un enlace normal y corriente.<\/p>\n<p>As\u00ed que necesitamos indicarle el aspecto de alg\u00fan modo. <strong>En un tema cl\u00e1sico<\/strong>, simplemente modificar\u00edamos el archivo <strong>style.css<\/strong> de la carpeta del tema. Pero, tal y como ya se explico en el anterior articulo, los temas de bloques, por lo general, <strong>ignoran el archivo style.css.<\/strong><\/p>\n<p>As\u00ed que, a no ser que tu tema de bloques ya se encuentre utilizando dicho archivo, deberemos de indicarle que lo haga. Para ello, <strong>en la carpeta de nuestro tema<\/strong>, tenemos que <strong>crear<\/strong> (si no existe ya) un archivo llamado <strong>functions.php<\/strong>, con el siguiente contenido:<\/p>\n<pre>&lt;?php\r\nadd_action('init', 'my_custom_css_stylesheet');\r\nfunction my_custom_css_stylesheet() {\r\n  wp_register_style( 'custom-css', get_template_directory_uri() . '\/style.css' );\r\n}\r\nwp_enqueue_style( 'custom-css' );<\/pre>\n<p><strong>Si el archivo ya existe<\/strong>, busca dentro del archivo el texto \u00ab<strong>style.css<\/strong>\u00bb para ver si existe un c\u00f3digo similar para cargar el archivo. Si no encuentras dicho c\u00f3digo, puedes probar a a\u00f1adir el c\u00f3digo anterior<strong> al final<\/strong> de tu archivo <strong>functions.php<\/strong>, <strong>excluyendo la primera l\u00ednea<\/strong> (es decir, excluyendo lo de &lt;?php). Obviamente, antes de modificarlo, es importante que tengas una<strong> copia de seguridad<\/strong> por si rompes el tema poder restaurar el archivo.<\/p>\n<p>Una vez nos hemos asegurado que nuestro tema carga el fichero <strong>style.css<\/strong>, podemos modificar dicho archivo aprovechando el atributo ID que hemos indicado. Por ejemplo, podemos <strong>a\u00f1adir<\/strong> algo como esto <strong>al final<\/strong> de nuestro archivo <strong>style.css<\/strong><\/p>\n<pre>#telefono a {\r\n  text-decoration: none;\r\n  color: white;\r\n  background: red;\r\n  display: inline-block;\r\n  padding: 10px 30px;\r\n  border-radius: 30px;\r\n  font-weight: bold;\r\n  text-shadow: 1px 1px black;\r\n}<\/pre>\n<p>Una vez modificado el archivo, si no puedes ver el cambio de aspecto del enlace, tal vez tengas que <strong>borrar la cache de tu navegador y recargar la p\u00e1gina<\/strong> para ver los cambios.<\/p>\n<p>Insisto en que esta ser\u00eda la forma \u00abclasica\u00bb de modificar el aspecto de un tema. La forma \u00abcorrecta\u00bb para modificar el aspecto de un tema de bloques es un poco m\u00e1s complicada. Si quieres profundizar en ella, puedes consultar el siguiente art\u00edculo sobre <a href=\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\" target=\"_blank\" rel=\"noopener\">como modificar el aspecto de un tema de bloques de WordPress<\/a>.<\/p>\n<p>\u00a1Y ya est\u00e1! Espero que este art\u00edculo te haya servido a modo de visi\u00f3n general sobre como modificar (de forma \u00abf\u00e1cil\u00bb) un tema de bloques de WordPress.<\/p>\n<p>En el siguiente art\u00edculo, <strong>continuaremos explorando como modificar un tema de bloques<\/strong>, concretamente, veremos <a href=\"https:\/\/www.espai.es\/blog\/2024\/09\/como-modificar-un-tema-de-bloques-de-wordpress-2\/\" target=\"_blank\" rel=\"noopener\">como crear una nueva plantilla para un tema de bloques<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo vamos a ver como modificar un tema de bloques de WordPress, y como guardar dichas modificaciones en los archivos del tema. En un art\u00edculo anterior vimos como crear un tema de bloques desde cero gracias al plugin Create Block Theme. Es importante&#8230;<\/p>\n","protected":false},"author":23,"featured_media":15239,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[895,323],"class_list":["post-15220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-temas-de-bloques","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como modificar un tema de bloques de Wordpress - 1<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin &quot;Create Block Theme&quot;.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como modificar un tema de bloques de Wordpress - 1\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin &quot;Create Block Theme&quot;.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-01T14:30:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-08T14:47:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Abel Camarena\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abel Camarena\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\"},\"author\":{\"name\":\"Abel Camarena\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"headline\":\"Como modificar un tema de bloques de WordPress &#8211; 1\",\"datePublished\":\"2024-08-01T14:30:50+00:00\",\"dateModified\":\"2024-10-08T14:47:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\"},\"wordCount\":1151,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg\",\"keywords\":[\"temas de bloques\",\"wordpress\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\",\"name\":\"Como modificar un tema de bloques de Wordpress - 1\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg\",\"datePublished\":\"2024-08-01T14:30:50+00:00\",\"dateModified\":\"2024-10-08T14:47:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"description\":\"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin \\\"Create Block Theme\\\".\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg\",\"width\":1000,\"height\":500,\"caption\":\"Modificar un tema de bloques de Wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como modificar un tema de bloques de WordPress &#8211; 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\",\"name\":\"Abel Camarena\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"caption\":\"Abel Camarena\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/abel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como modificar un tema de bloques de Wordpress - 1","description":"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin \"Create Block Theme\".","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:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Como modificar un tema de bloques de Wordpress - 1","og_description":"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin \"Create Block Theme\".","og_url":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/","og_site_name":"Blog Escola Espai","article_published_time":"2024-08-01T14:30:50+00:00","article_modified_time":"2024-10-08T14:47:01+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","type":"image\/jpeg"}],"author":"Abel Camarena","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Abel Camarena","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/"},"author":{"name":"Abel Camarena","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"headline":"Como modificar un tema de bloques de WordPress &#8211; 1","datePublished":"2024-08-01T14:30:50+00:00","dateModified":"2024-10-08T14:47:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/"},"wordCount":1151,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","keywords":["temas de bloques","wordpress"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/","url":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/","name":"Como modificar un tema de bloques de Wordpress - 1","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","datePublished":"2024-08-01T14:30:50+00:00","dateModified":"2024-10-08T14:47:01+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"description":"En este art\u00edculo vamos a ver cual es el proceso general para modificar un tema de bloques de Wordpress con el plugin \"Create Block Theme\".","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","width":1000,"height":500,"caption":"Modificar un tema de bloques de Wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2024\/08\/como-modificar-un-tema-de-bloques-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Como modificar un tema de bloques de WordPress &#8211; 1"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897","name":"Abel Camarena","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","caption":"Abel Camarena"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/abel\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/08\/logo.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=15220"}],"version-history":[{"count":12,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15220\/revisions"}],"predecessor-version":[{"id":15349,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15220\/revisions\/15349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/15239"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=15220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=15220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=15220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}