{"id":15292,"date":"2024-10-08T16:30:34","date_gmt":"2024-10-08T14:30:34","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=15292"},"modified":"2024-10-08T16:19:21","modified_gmt":"2024-10-08T14:19:21","slug":"como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/","title":{"rendered":"Como modificar el aspecto de un tema de bloques de WordPress"},"content":{"rendered":"

En un art\u00edculo anterior, vimos como crear un nuevo tema de bloques desde cero para WordPress<\/a>. Si no has le\u00eddo dicho art\u00edculo, es importante que lo leas ya que aunque lo que vamos a explicar en este se aplica a cualquier tema de bloques, vamos a hacer uso de un plugin y vamos a dar por sabidos varios conceptos que se explicaron en dicho art\u00edculo.<\/p>\n

El archivo theme.json<\/h2>\n

Lo primero que debemos de hacer, es una copia del archivo theme.json<\/strong> del tema que vamos a modificar. As\u00ed, si lo \u00abrompemos\u00bb, siempre podemos restaurarlo.<\/p>\n

Despu\u00e9s, debemos de comprobar si este archivo JSON tiene dentro de \u00absettings\u00bb<\/strong> una propiedad llamada \u00abappearanceTools\u00bb<\/strong> con valor \u00abtrue\u00bb<\/strong>. Si has creado el tema utilizando el plugin Create Block Theme<\/a>, lo m\u00e1s probable es que ya tengas dicha propiedad con el valor correcto.<\/p>\n

\"La<\/a>

La propiedad appearanceTools del archivo theme.json<\/p><\/div>\n

En caso contrario, debes de a\u00f1adir dicha propiedad dentro de \u00absettings\u00bb<\/strong> tal y como se aprecia en la imagen de arriba. Si no sabes lo que es un archivo JSON, se trata de un formato utilizado para almacenar (e intercambiar) informaci\u00f3n organizada mediante la forma que tienen los objetos en JavaScript.<\/p>\n

Aunque podemos modificar el aspecto del tema \u00absimplemente\u00bb manipulando este archivo, lo suyo es hacer uso de las herramientas que nos ofrece WordPress (y la ayuda el plugin Create Block Theme).<\/p>\n

Con la propiedad \u00abappearanceTools\u00bb puesta con valor \u00abtrue\u00bb, WordPress nos dar\u00e1 acceso a m\u00e1s herramientas para configurar el aspecto del tema<\/a>.<\/strong><\/p>\n

\"La<\/a>

La propiedad appearanceTools activada nos permitir\u00e1 cosas como cambiar el color de los enlaces.<\/p><\/div>\n

Una vez hecho este cambio, ya podemos entrar en nuestro WordPress e ir al editor de temas<\/strong> (Apariencia > Editor) para modificar nuestro tema. Una vez en el editor, podemos darle al bot\u00f3n de \u00abEstilos\u00bb<\/strong> para empezar con el cambio de aspecto.<\/p>\n

\"Editando<\/a>

Editando el aspecto de nuestro tema<\/p><\/div>\n

A continuaci\u00f3n, vamos a ver como utilizar las herramientas que nos proporciona WordPress para cambiar el aspecto de nuestro tema. Aunque, como siempre existe la posibilidad de que queramos a\u00f1adir algo de c\u00f3digo CSS directamente, podemos utilizar el bot\u00f3n de los 3 puntitos y seleccionar la opci\u00f3n de \u00abCSS adicional\u00bb<\/strong>.<\/p>\n

\"A\u00f1adir<\/a>

A\u00f1adir c\u00f3digo CSS a un tema de bloques<\/p><\/div>\n

A\u00f1adir nuevas fuentes a nuestro tema<\/h2>\n

Para a\u00f1adir una o varias tipograf\u00edas a nuestro tema, debemos de ir al apartado \u00abTipograf\u00eda\u00bb (en el editor de estilos del tema).<\/p>\n

\"A\u00f1adir<\/a>

A\u00f1adir tipograf\u00edas a un tema de wordpress<\/p><\/div>\n

All\u00ed podremos consultar las fuentes disponibles en nuestro tema (si el tema es nuevo solo nos saldr\u00e1 la fuente del \u00absistema\u00bb). Y despu\u00e9s, le damos al bot\u00f3n \u00abGestionar fuentes<\/strong>\u00ab, que hay justo arriba del listado de fuentes disponibles.<\/p>\n

\"Gestionar<\/a>

Gestionar fuentes<\/p><\/div>\n

Despu\u00e9s, nos aparecer\u00e1 una pantalla con varias pesta\u00f1as donde podremos \u00abSubir<\/strong>\u00bb nuestras fuentes, o \u00abInstalar Fuentes<\/strong>\u00ab. En esta \u00faltima pesta\u00f1a, tendremos la opci\u00f3n para conectarnos a Google Fonts<\/strong> y elegir alguna de las fuentes que pone a nuestra disposici\u00f3n de forma gratuita.<\/p>\n

\"Usar<\/a>

Usar fuentes de Google Fonts<\/p><\/div>\n

En mi caso, he hecho uso del buscador incorporado para buscar la fuente Montserrat, y despu\u00e9s, he elegido los grosores que quiero utilizar; tama\u00f1o normal (400) y grueso\/negrita (700).<\/p>\n

Es importante seleccionar solo aquellos aquellas fuentes y aquellos grosores que vamos a utilizar, a fin de evitar que despu\u00e9s nuestro sitio web cargue demasiado lento.<\/p>\n

\"Seleccionamos<\/a>

Seleccionamos la fuente y los grosores que queremos<\/p><\/div>\n

Para darle algo de variedad es recomendable instalar alguna fuente secundaria, en mi caso voy a instalar la fuente \u00abAveria Serif Libre\u00bb.<\/p>\n

Una vez tenemos las fuentes deseadas podemos seleccionar, uno a uno, a que tipo de elementos se aplicar\u00e1 cada fuente.<\/p>\n

\"Seleccionar<\/a>

Seleccionar que fuente vamos a utilizar para cada tipo de elemento.<\/p><\/div>\n

Al hacer clic en uno de estos elementos, podremos seleccionar la fuente deseada, el grosor, el interlineado (alto de l\u00ednea), espacio entre letras, etc.<\/p>\n

\"Configurar<\/a>

Configurar la tipograf\u00eda de un elemento<\/p><\/div>\n

Una vez hemos terminado, podemos darle al bot\u00f3n \u00abLibro de estilos\u00bb (el del ojo) para tener una visi\u00f3n general de como se ver\u00e1n los diferentes elementos con las tipograf\u00edas indicadas.<\/p>\n

\"El<\/a>

El \u00ablibro de estilos\u00bb nos permite tener una visi\u00f3n global del aspecto de nuestro tema.<\/p><\/div>\n

Si no te aparecen las tipograf\u00edas que has seleccionado, es posible que tengas que salir y volver a entrar en el editor.<\/strong><\/p>\n

Cambiar los colores de nuestro tema<\/h2>\n

Si no eres dise\u00f1ador, lo primero que debes de hacer es decidir que colores vas a utilizar en tu tema<\/strong> (si eres dise\u00f1ador, probablemente ya lo hayas decidido). Esta no es una cuesti\u00f3n banal. No es correcto hacer una elecci\u00f3n azarosa de los colores. Los colores elegidos deben de ir a juego con cosas como lo que quieres transmitir, con el color del logotipo de la empresa, etc.<\/p>\n

Si no haces una elecci\u00f3n de colores adecuada es muy probable que el aspecto de tu tema no sea agradable.<\/strong> Afortunadamente, existen varias p\u00e1ginas que te van a permitir elegir una paleta de colores adecuada para tu tema. Como por ejemplo; Adobe Color<\/a>, Color Hunt<\/a> o Coolors<\/a>.<\/p>\n

Una vez tengas seleccionada tu paleta con 3, 4 o incluso 5 colores (junto con el blanco, negro y gris, claro), en el editor de estilos del tema, en la opci\u00f3n de Colores<\/strong> (justo debajo de la opci\u00f3n Tipograf\u00eda<\/strong>), hacemos clic sobre el bot\u00f3n de Paleta<\/strong> para configurarla:<\/p>\n

\"Paleta<\/a>

Paleta de colores<\/p><\/div>\n

Aqu\u00ed podremos ver una serie de colores por defecto, y tendremos la opci\u00f3n de a\u00f1adir colores personalizados con el bot\u00f3n +<\/strong>.<\/p>\n

\"A\u00f1adir<\/a>

A\u00f1adir colores personalizados<\/p><\/div>\n

A cada color que a\u00f1adamos, le podemos dar un nombre. <\/strong>De hecho, es muy recomendable darle uno y de este modo dejar claro para que vamos a utilizar cada color personalizado.<\/strong><\/p>\n

\"Colores<\/a>

Colores personalizados en WordPress<\/p><\/div>\n

Una vez hemos a\u00f1adido nuestros colores, le damos al \u00abbot\u00f3n\u00bb de \u00abHecho<\/strong>\u00ab. Y despu\u00e9s, al igual que hicimos con la tipograf\u00eda, para cada elemento indicamos que color (o colores) va a utilizar.<\/p>\n

\"Indicar<\/a>

Indicar los colores de cada elemento<\/p><\/div>\n

Ten en cuenta que algunos elementos tienen 2 colores; uno para el texto y otro para el fondo.<\/p>\n

Cambios de estructura<\/h2>\n

Adem\u00e1s de la tipograf\u00eda y los colores, el editor de estilos tambi\u00e9n nos permite realizar algunos cambios adicionales. Entre ellos tenemos las Sombras<\/strong> y la Estructura<\/strong>. Para no alargar demasiado el art\u00edculo nos vamos a centrar solo en la estructura, que tiene mayor inter\u00e9s.<\/p>\n

\"Ajustes<\/a>

Ajustes de estructura<\/p><\/div>\n

En esta opci\u00f3n (Estructura<\/strong>), adem\u00e1s de poder ajustar la separaci\u00f3n por defecto entre los bloques<\/strong> (Espaciado del bloque<\/strong>), podemos ajustar el ancho del contenido<\/strong> de nuestra p\u00e1gina.<\/p>\n

Adem\u00e1s, disponemos tambi\u00e9n de un segundo ancho del contenido<\/strong> llamado \u00abAmplio<\/strong>\u00ab. Despu\u00e9s, cuando estemos creando nuestro contenido, este ancho (amplio) podemos indicarlo en algunos nodos. Como por ejemplo, los nodos de tipo Galer\u00eda.<\/p>\n

\"Indicar<\/a>

Indicar un ancho de contenido amplio a una Galer\u00eda<\/p><\/div>\n

Ajustes por cada tipo de bloque<\/h2>\n

Adem\u00e1s de todos los cambios \u00abglobales\u00bb que hemos visto, tambi\u00e9n tenemos la opci\u00f3n de hacer ajustes adicionales por cada tipo de bloque.<\/strong><\/p>\n

\"Ajustes<\/a>

Ajustes por cada tipo de bloque<\/p><\/div>\n

Dependiendo del tipo de bloque nos saldr\u00e1n unas opciones u otras <\/strong>(en algunos tipos de bloques nos permitir\u00e1 elegir el tipo de Sombra<\/strong>, por ejemplo). Pero lo que normalmente nos saldr\u00e1 casi siempre, son las opciones para indicar el relleno<\/strong>, los m\u00e1rgenes,<\/strong> y una opci\u00f3n de \u00abAvanzado<\/strong>\u00bb donde poder indicar c\u00f3digo CSS<\/strong> especifico para dicho tipo de bloques.<\/p>\n

\"Ajustar<\/a>

Ajustar el aspecto de un tipo de bloque<\/p><\/div>\n

Guardar los cambios en los archivos del tema<\/h2>\n

Y b\u00e1sicamente eso seria todo en lo que respecta a modificar el aspecto.<\/p>\n

Las modificaciones que hemos hecho en el aspecto se guardan en la base de datos.<\/strong> Esto puede suponer un problema (o algo indeseable) seg\u00fan las circunstancias. Afortunadamente, gracias al plugin Create Block Theme<\/a> podemos guardar los cambios que hemos hecho en los archivos del tema:<\/strong><\/p>\n

\"Seleccionamos<\/a>

Seleccionamos las opciones del plugin<\/p><\/div>\n

Para ello hacemos clic sobre el bot\u00f3n de los 3 puntitos, despu\u00e9s sobre la opci\u00f3n de \u00abCreate Block Theme<\/strong>\u00ab, y una vez dentro:<\/p>\n

\"Guardar<\/a>

Guardar cambios en el tema<\/p><\/div>\n

Seleccionamos la opci\u00f3n de \u00abGuardar cambios en el tema<\/strong>\u00ab, y nos aseguramos de marcar las casillas de las fuentes y los cambios de estilos<\/strong>:<\/p>\n

\"Marcamos<\/a>

Marcamos las fuentes y los cambios de estilo<\/p><\/div>\n

Y ahora si, ya tenemos los cambios de aspecto de nuestro tema guardados en los ficheros del tema<\/strong>. Si revisas dichos archivos, podr\u00e1s ver una carpetita nueva llamada \u00abfonts<\/strong>\u00bb con las fuentes. Adem\u00e1s, si le echas un vistazo al contenido del archivo \u00abtheme.json<\/strong>\u00ab, ver\u00e1s que dentro est\u00e1n todas las modificaciones de aspecto que has realizado en el tema.<\/p>\n

Y nada m\u00e1s, con este, finalizamos esta serie de art\u00edculos sobre los temas de bloques<\/a> de WordPress. Esperamos que os hayan resultado interesantes \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

En un art\u00edculo anterior, vimos como crear un nuevo tema de bloques desde cero para WordPress. Si no has le\u00eddo dicho art\u00edculo, es importante que lo leas ya que aunque lo que vamos a explicar en este se aplica a cualquier tema de bloques, vamos…<\/p>\n","protected":false},"author":23,"featured_media":15343,"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-15292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-temas-de-bloques","tag-wordpress"],"yoast_head":"\nComo modificar el aspecto de un tema de bloques de Wordpress<\/title>\n<meta name=\"description\" content=\"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques 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:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-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 el aspecto de un tema de bloques de Wordpress\" \/>\n<meta property=\"og:description\" content=\"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques de Wordpress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-08T14:30:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/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=\"12 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\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\"},\"author\":{\"name\":\"Abel Camarena\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"headline\":\"Como modificar el aspecto de un tema de bloques de WordPress\",\"datePublished\":\"2024-10-08T14:30:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\"},\"wordCount\":1672,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/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\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\",\"name\":\"Como modificar el aspecto de un tema de bloques de Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg\",\"datePublished\":\"2024-10-08T14:30:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"description\":\"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques de Wordpress.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg\",\"width\":1000,\"height\":500,\"caption\":\"Como modificar el aspecto de un tema de bloques\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-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 el aspecto de un tema de bloques de WordPress\"}]},{\"@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 el aspecto de un tema de bloques de Wordpress","description":"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques 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:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Como modificar el aspecto de un tema de bloques de Wordpress","og_description":"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques de Wordpress.","og_url":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/","og_site_name":"Blog Escola Espai","article_published_time":"2024-10-08T14:30:34+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg","type":"image\/jpeg"}],"author":"Abel Camarena","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Abel Camarena","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/"},"author":{"name":"Abel Camarena","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"headline":"Como modificar el aspecto de un tema de bloques de WordPress","datePublished":"2024-10-08T14:30:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/"},"wordCount":1672,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/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\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/","url":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/","name":"Como modificar el aspecto de un tema de bloques de Wordpress","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg","datePublished":"2024-10-08T14:30:34+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"description":"Aprende como a\u00f1adir tipograf\u00edas, cambiar los colores, y cambiar el aspecto en general de un tema de bloques de Wordpress.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-un-tema-de-bloques-de-wordpress\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2024\/10\/logo.jpg","width":1000,"height":500,"caption":"Como modificar el aspecto de un tema de bloques"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2024\/10\/como-modificar-el-aspecto-de-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 el aspecto de un tema de bloques de WordPress"}]},{"@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\/10\/logo.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15292","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=15292"}],"version-history":[{"count":12,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15292\/revisions"}],"predecessor-version":[{"id":15347,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15292\/revisions\/15347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/15343"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=15292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=15292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=15292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}