{"id":3378,"date":"2012-07-16T15:35:21","date_gmt":"2012-07-16T15:35:21","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=3378"},"modified":"2019-03-02T09:17:11","modified_gmt":"2019-03-02T09:17:11","slug":"css3-dropdown-menu","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/","title":{"rendered":"CSS3 Dropdown men\u00fa"},"content":{"rendered":"<p>En este art\u00edculo vamos a ver la gran potencia que tiene CSS3 a la hora de crear men\u00fas desplegables.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3384\" title=\"menucss3\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\" alt=\"\" width=\"519\" height=\"178\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png 519w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3-300x102.png 300w\" sizes=\"auto, (max-width: 519px) 100vw, 519px\" \/><\/a>Para crear un men\u00fa desplegable como el que se muestra en la imagen sin necesidad de utilizar plugins jQuery ni c\u00f3digo javascript podemos emplear CSS3.<\/p>\n<p>El c\u00f3digo HTML necesario podr\u00eda ser el siguiente:<\/p>\n<pre>&lt;ul class=\"menu\"&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;My dashboard&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Likes&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Views&lt;\/a&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;ul&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Documents&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Messages&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Sign Out&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/ul&gt;\r\n\u00a0\u00a0 \u00a0&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Uploads&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Videos&lt;\/a&gt;&lt;\/li&gt;\r\n\u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Documents&lt;\/a&gt;&lt;\/li&gt;\r\n\r\n&lt;\/ul&gt;<\/pre>\n<p>Y si creamos una hoja de estilos con el siguiente c\u00f3digo y lo incluimos en nuestro &lt;head&gt;:<\/p>\n<pre>.menu,\r\n.menu ul,\r\n.menu li,\r\n.menu a {\r\n\u00a0\u00a0 \u00a0margin: 0;\r\n\u00a0\u00a0 \u00a0padding: 0;\r\n\u00a0\u00a0 \u00a0border: none;\r\n\u00a0\u00a0 \u00a0outline: none;\r\n}\r\n\r\n\/* Menu *\/\r\n.menu {\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0height: 40px;\r\n\u00a0\u00a0 \u00a0width: 505px;\r\n\r\n\u00a0\u00a0 \u00a0background: #4c4e5a;\r\n\u00a0\u00a0 \u00a0background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);\r\n\u00a0\u00a0 \u00a0background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);\r\n\u00a0\u00a0 \u00a0background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);\r\n\u00a0\u00a0 \u00a0background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);\r\n\u00a0\u00a0 \u00a0background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);\r\n\r\n\u00a0\u00a0 \u00a0-webkit-border-radius: 5px;\r\n\u00a0\u00a0 \u00a0-moz-border-radius: 5px;\r\n\u00a0\u00a0 \u00a0border-radius: 5px;\r\n}\r\n\r\n.menu li {\r\n\u00a0\u00a0 \u00a0position: relative;\r\n\u00a0\u00a0 \u00a0list-style: none;\r\n\u00a0\u00a0 \u00a0float: left;\r\n\u00a0\u00a0 \u00a0display: block;\r\n\u00a0\u00a0 \u00a0height: 40px;\r\n}\r\n\r\n\/* Links *\/\r\n\r\n.menu li a {\r\n\u00a0\u00a0 \u00a0display: block;\r\n\u00a0\u00a0 \u00a0padding: 0 14px;\r\n\u00a0\u00a0 \u00a0margin: 6px 0;\r\n\u00a0\u00a0 \u00a0line-height: 28px;\r\n\u00a0\u00a0 \u00a0text-decoration: none;\r\n\r\n\u00a0\u00a0 \u00a0border-left: 1px solid #393942;\r\n\u00a0\u00a0 \u00a0border-right: 1px solid #4f5058;\r\n\r\n\u00a0\u00a0 \u00a0font-family: Helvetica, Arial, sans-serif;\r\n\u00a0\u00a0 \u00a0font-weight: bold;\r\n\u00a0\u00a0 \u00a0font-size: 13px;\r\n\r\n\u00a0\u00a0 \u00a0color: #f3f3f3;\r\n\u00a0\u00a0 \u00a0text-shadow: 1px 1px 1px rgba(0,0,0,.6);\r\n\r\n\u00a0\u00a0 \u00a0-webkit-transition: color .2s ease-in-out;\r\n\u00a0\u00a0 \u00a0-moz-transition: color .2s ease-in-out;\r\n\u00a0\u00a0 \u00a0-o-transition: color .2s ease-in-out;\r\n\u00a0\u00a0 \u00a0-ms-transition: color .2s ease-in-out;\r\n\u00a0\u00a0 \u00a0transition: color .2s ease-in-out;\r\n}\r\n\r\n.menu li:first-child a { border-left: none; }\r\n.menu li:last-child a{ border-right: none; }\r\n\r\n.menu li:hover &gt; a { color: #8fde62; }\r\n\r\n\/* Sub Menu *\/\r\n\r\n.menu ul {\r\n\u00a0\u00a0 \u00a0position: absolute;\r\n\u00a0\u00a0 \u00a0top: 40px;\r\n\u00a0\u00a0 \u00a0left: 0;\r\n\r\n\u00a0\u00a0 \u00a0opacity: 0;\r\n\r\n\u00a0\u00a0 \u00a0background: #1f2024;\r\n\r\n\u00a0\u00a0 \u00a0-webkit-border-radius: 0 0 5px 5px;\r\n\u00a0\u00a0 \u00a0-moz-border-radius: 0 0 5px 5px;\r\n\u00a0\u00a0 \u00a0border-radius: 0 0 5px 5px;\r\n\r\n\u00a0\u00a0 \u00a0-webkit-transition: opacity .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-moz-transition: opacity .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-o-transition: opacity .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-ms-transition: opacity .25s ease .1s;\r\n\u00a0\u00a0 \u00a0transition: opacity .25s ease .1s;\r\n}\r\n\r\n.menu li:hover &gt; ul { opacity: 1; }\r\n\r\n.menu ul li {\r\n\u00a0\u00a0 \u00a0height: 0;\r\n\u00a0\u00a0 \u00a0overflow: hidden;\r\n\u00a0\u00a0 \u00a0padding: 0;\r\n\r\n\u00a0\u00a0 \u00a0-webkit-transition: height .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-moz-transition: height .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-o-transition: height .25s ease .1s;\r\n\u00a0\u00a0 \u00a0-ms-transition: height .25s ease .1s;\r\n\u00a0\u00a0 \u00a0transition: height .25s ease .1s;\r\n}\r\n\r\n.menu li:hover &gt; ul li {\r\n\u00a0\u00a0 \u00a0height: 36px;\r\n\u00a0\u00a0 \u00a0overflow: visible;\r\n\u00a0\u00a0 \u00a0padding: 0;\r\n}\r\n\r\n.menu ul li a {\r\n\u00a0\u00a0 \u00a0width: 100px;\r\n\u00a0\u00a0 \u00a0padding: 4px 0 4px 40px;\r\n\u00a0\u00a0 \u00a0margin: 0;\r\n\r\n\u00a0\u00a0 \u00a0border: none;\r\n\u00a0\u00a0 \u00a0border-bottom: 1px solid #353539;\r\n}\r\n\r\n.menu ul li:last-child a { border: none; }\r\n\r\n\/* Icons *\/\r\n\r\n.menu a.documents { background: url(..\/img\/docs.png) no-repeat 6px center; }\r\n.menu a.messages { background: url(..\/img\/bubble.png) no-repeat 6px center; }\r\n.menu a.signout { background: url(..\/img\/arrow.png) no-repeat 6px center; }<\/pre>\n<p>Obtendremos el siguiente resultado:<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/scripts\/css\/css3dropdownmenu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver ejemplo en funcionamiento<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo vamos a ver la gran potencia que tiene CSS3 a la hora de crear men\u00fas desplegables. Para crear un men\u00fa desplegable como el que se muestra en la imagen sin necesidad de utilizar plugins jQuery ni c\u00f3digo javascript podemos emplear CSS3. El c\u00f3digo HTML necesario podr\u00eda ser el siguiente: &lt;ul class=\u00bbmenu\u00bb&gt; \u00a0\u00a0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3384,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[44],"class_list":["post-3378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-menus"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS3 Dropdown men\u00fa - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS3 Dropdown men\u00fa - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo vamos a ver la gran potencia que tiene CSS3 a la hora de crear men\u00fas desplegables. Para crear un men\u00fa desplegable como el que se muestra en la imagen sin necesidad de utilizar plugins jQuery ni c\u00f3digo javascript podemos emplear CSS3. El c\u00f3digo HTML necesario podr\u00eda ser el siguiente: &lt;ul class=&quot;menu&quot;&gt; \u00a0\u00a0 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-16T15:35:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-02T09:17:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"519\" \/>\n\t<meta property=\"og:image:height\" content=\"178\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/\",\"name\":\"CSS3 Dropdown men\u00fa - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\",\"datePublished\":\"2012-07-16T15:35:21+00:00\",\"dateModified\":\"2019-03-02T09:17:11+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png\",\"width\":519,\"height\":178},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS3 Dropdown men\u00fa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS3 Dropdown men\u00fa - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"CSS3 Dropdown men\u00fa - Jose Aguilar Blog","og_description":"En este art\u00edculo vamos a ver la gran potencia que tiene CSS3 a la hora de crear men\u00fas desplegables. Para crear un men\u00fa desplegable como el que se muestra en la imagen sin necesidad de utilizar plugins jQuery ni c\u00f3digo javascript podemos emplear CSS3. El c\u00f3digo HTML necesario podr\u00eda ser el siguiente: &lt;ul class=\"menu\"&gt; \u00a0\u00a0 [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-07-16T15:35:21+00:00","article_modified_time":"2019-03-02T09:17:11+00:00","og_image":[{"width":519,"height":178,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/","url":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/","name":"CSS3 Dropdown men\u00fa - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png","datePublished":"2012-07-16T15:35:21+00:00","dateModified":"2019-03-02T09:17:11+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/07\/menucss3.png","width":519,"height":178},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS3 Dropdown men\u00fa"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/3378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=3378"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/3378\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/3384"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=3378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=3378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=3378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}