{"id":13243,"date":"2022-04-01T16:21:05","date_gmt":"2022-04-01T14:21:05","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=13243"},"modified":"2022-04-01T17:07:23","modified_gmt":"2022-04-01T15:07:23","slug":"variables-css","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/","title":{"rendered":"Variables CSS"},"content":{"rendered":"<p>Las variables CSS, tambi\u00e9n llamadas propiedades personalizadas, son una herramienta que nos va a facilitar el trabajo a la hora de lograr coherencia entre el aspecto de los diferentes elementos de nuestro sitio Web.<\/p>\n<p>Si estas familiarizado con la programaci\u00f3n, el concepto de variable te resultar\u00e1 familiar. Si no es tu caso, no te preocupes y sigue leyendo, ya que es algo f\u00e1cil de entender.<\/p>\n<h2>La importancia de la coherencia<\/h2>\n<p>Un fallo <strong>MUY HABITUAL<\/strong> cuando empezamos en el mundo del desarrollo Web consiste en<strong> ir improvisando el dise\u00f1o y la apariencia del sitio Web.<\/strong><\/p>\n<p>Si no sabemos dise\u00f1ar, es muy importante \u201cinspirarse\u201d en sitios Web similares al que queremos hacer. De hecho, los dise\u00f1adores tambi\u00e9n se \u201cinspiran\u201d en dise\u00f1os de otros. Y todo el tema del dise\u00f1o Web se mueve mucho por \u201cmodas\u201d, as\u00ed que es importante saber que \u201ces lo que se lleva\u201d.<\/p>\n<p>Cuando analizamos el aspecto de un sitio Web es f\u00e1cil ver que <strong>existe una coherencia<\/strong> y una serie de <strong>patrones que se repiten<\/strong> entre los diferentes elementos que la conforman.<\/p>\n<p>Veamos algunos ejemplos de este tipo de coherencia:<\/p>\n<ul>\n<li><strong>Los colores de las diferentes p\u00e1ginas de un sitio Web han de ser coherentes. El dise\u00f1ador elige una gama de colores y se limita a esos colores durante el dise\u00f1o de todas las p\u00e1ginas.<\/strong> Adem\u00e1s, es perfectamente consistente usando los mismos colores, tipograf\u00edas, etc. para aquellas partes del sitio Web que son similares (por ejemplo, el dise\u00f1ador puede decidir que todos los t\u00edtulos [h1, h2, h3\u2026] tengan el mismo color en todas las p\u00e1ginas).<\/li>\n<li>Lo normal es que la mayor\u00eda de formularios de un sitio Web tengan un aspecto similar. Para un usuario puede resultar desconcertante que cada formulario Web de nuestro sitio Web muestre un aspecto diferente, con colores, tipograf\u00edas, y tama\u00f1os diferentes.<\/li>\n<li>El aspecto de una miniatura de un producto: cuando en un sitio Web se muestra en una miniatura el nombre de un producto, una imagen del mismo, su precio, y un bot\u00f3n de \u201ca\u00f1adir al carrito\u201d, lo normal es que siempre que se quiera mostrar una miniatura de un producto se siga el mismo dise\u00f1o y aspecto.<\/li>\n<li>Si tenemos enlaces con aspecto de bot\u00f3n, lo normal es que todos los enlaces con aspecto de bot\u00f3n de nuestro sitio Web tengan un aspecto y colores similares. Es m\u00e1s, los botones de los formularios probablemente tendr\u00e1n el mismo aspecto. Un usuario de nuestro sitio Web no tiene la necesidad de diferenciar un enlace con aspecto de bot\u00f3n, de un bot\u00f3n de enviar el formulario. Aunque para nosotros sean elementos diferentes, por coherencia, para el usuario deben de tener el mismo aspecto.<\/li>\n<\/ul>\n<h2>Crear nuestras propias variables CSS<\/h2>\n<p>Las variables CSS nos <strong>sirven para guardar valores<\/strong> que vayamos a reutilizar varias veces (por ejemplo, un color). Por este motivo muchas veces se las compara con un caj\u00f3n donde guardamos algo.<\/p>\n<p>Para definirlas debemos de darles un nombre precedido de dos guiones.<\/p>\n<pre>header {\r\n  --un-color : blue;\r\n  --otro-color : white;\r\n}\r\n<\/pre>\n<p>Y para usar estos valores debemos usar la funci\u00f3n <strong><em>var()<\/em><\/strong>.<\/p>\n<pre>header nav {\r\n  background-color: var(--un-color);\r\n  color: var(--otro-color);\r\n}\r\n<\/pre>\n<p>Y ya est\u00e1, as\u00ed de f\u00e1cil. El navegador b\u00e1sicamente obtendr\u00e1 el valor de las variables y las sustituir\u00e1 por dicho valor como si hubi\u00e9ramos escrito esto:<\/p>\n<pre>header nav {\r\n  background-color: blue;\r\n  color: white;\r\n}<\/pre>\n<p>En este ejemplo estamos usando las variables para almacenar colores, pero <strong>en una variable podemos guardar cualquier valor de cualquier propiedad CSS.<\/strong><\/p>\n<h2>Donde crear las variables<\/h2>\n<p>Podemos crear las variables usando cualquier selector, pero hay que tener en cuenta que <strong>las variables existir\u00e1n solo dentro del \u00e1mbito donde han sido definidas.<\/strong><\/p>\n<p>As\u00ed, en el anterior ejemplo, las dos variables las hemos creado dentro del elemento <em><strong>header<\/strong> <\/em>y por lo tanto solo se pueden usar dentro de dicho elemento.<\/p>\n<p>Si queremos definir variables que podamos usar en cualquier sitio, lo recomendable es usar la pseudo-clase <strong><em>:root<\/em><\/strong>.<\/p>\n<p>Veamos un ejemplo:<\/p>\n<p>HTML:<\/p>\n<pre>&lt;h1&gt;Producto muy interesante&lt;\/h1&gt;\r\n&lt;p&gt;Lorem ipsum &lt;a href=\"#\"&gt;amet asperiores cumque&lt;\/a&gt; aspernatur....&lt;\/p&gt;\r\n&lt;a href=\"#\" class=\"boton\"&gt;A\u00f1adir Producto&lt;\/a&gt;\r\n&lt;input type=\"submit\" class=\"boton\" value=\"Finalizar Compra\" \/&gt;\r\n<\/pre>\n<p>CSS:<\/p>\n<pre>:root {\r\n    \/* Aqu\u00ed definimos variables que podremos usar en cualquier sitio. *\/\r\n    \/* La idea es elegir una serie de colores, tama\u00f1os, tipograf\u00edas y \r\n       reutilizarlos durante todo el CSS para facilitar la coherencia \r\n       de aspecto. *\/\r\n    --color-a : #842;\r\n    --fondo-a : pink;\r\n    --color-b : orange;\r\n    --fondo-b : #222;\r\n    --color-c : white;\r\n    --fuente-a : Arial, Helvetica, sans-serif;\r\n    --fuente-b : 'Times New Roman', serif;\r\n    --redondeado : 5px;  \r\n}\r\na {\r\n    text-decoration: none;\r\n    color: var(--color-b);\r\n}\r\nbody {\r\n    background-color: var(--fondo-b);\r\n    color: var(--color-c);\r\n    font-family: var(--fuente-a);  \r\n}\r\nh1, h2, h3 {\r\n    font-family: var(--fuente-b);  \r\n    color: var(--color-b);\r\n    border-left: 4px solid var(--color-a);\r\n    padding-left: 8px;\r\n}\r\n.boton {\r\n    display: inline-block;\r\n    background-color: var(--fondo-a);\r\n    color: var(--color-a);\r\n    padding: 10px 30px;\r\n    border-radius: var(--redondeado);\r\n    border: 1px solid var(--color-a);\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n}\r\n\/* etc... *\/\r\n<\/pre>\n<p>Adem\u00e1s de <strong>facilitar la coherencia en el aspecto<\/strong> de nuestro sitio Web, otra de las ventajas de esta forma de trabajar, es que <strong>es f\u00e1cil realizar cambios de aspecto<\/strong>. Ya que, <strong>simplemente cambiando los valores de unas pocas variables podemos cambiar el aspecto de todo nuestro sitio Web de un plumazo!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las variables CSS, tambi\u00e9n llamadas propiedades personalizadas, son una herramienta que nos va a facilitar el trabajo a la hora de lograr coherencia entre el aspecto de los diferentes elementos de nuestro sitio Web. Si estas familiarizado con la programaci\u00f3n, el concepto de variable te&#8230;<\/p>\n","protected":false},"author":23,"featured_media":13244,"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":[13],"class_list":["post-13243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-css3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Variables CSS - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.\" \/>\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\/2022\/04\/variables-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Variables CSS - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-01T14:21:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-01T15:07:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\"},\"author\":{\"name\":\"Abel Camarena\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"headline\":\"Variables CSS\",\"datePublished\":\"2022-04-01T14:21:05+00:00\",\"dateModified\":\"2022-04-01T15:07:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\"},\"wordCount\":711,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg\",\"keywords\":[\"CSS3\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\",\"name\":\"Variables CSS - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg\",\"datePublished\":\"2022-04-01T14:21:05+00:00\",\"dateModified\":\"2022-04-01T15:07:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"description\":\"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg\",\"width\":1000,\"height\":500,\"caption\":\"Variables CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Variables CSS\"}]},{\"@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":"Variables CSS - Blog Escola Espai","description":"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.","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\/2022\/04\/variables-css\/","og_locale":"es_ES","og_type":"article","og_title":"Variables CSS - Blog Escola Espai","og_description":"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.","og_url":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/","og_site_name":"Blog Escola Espai","article_published_time":"2022-04-01T14:21:05+00:00","article_modified_time":"2022-04-01T15:07:23+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg","type":"image\/jpeg"}],"author":"Abel Camarena","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Abel Camarena","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/"},"author":{"name":"Abel Camarena","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"headline":"Variables CSS","datePublished":"2022-04-01T14:21:05+00:00","dateModified":"2022-04-01T15:07:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/"},"wordCount":711,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg","keywords":["CSS3"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/","url":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/","name":"Variables CSS - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg","datePublished":"2022-04-01T14:21:05+00:00","dateModified":"2022-04-01T15:07:23+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"description":"En este art\u00edculo aprenderemos a usar las variables de CSS y veremos su importancia para lograr un sitio Web coherente.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/logo.jpg","width":1000,"height":500,"caption":"Variables CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/variables-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Variables CSS"}]},{"@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\/2022\/04\/logo.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13243","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=13243"}],"version-history":[{"count":5,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13243\/revisions"}],"predecessor-version":[{"id":13249,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13243\/revisions\/13249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/13244"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=13243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=13243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=13243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}