{"id":34940,"date":"2020-06-17T12:04:02","date_gmt":"2020-06-17T10:04:02","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=34940"},"modified":"2020-06-17T16:04:13","modified_gmt":"2020-06-17T14:04:13","slug":"como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/","title":{"rendered":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34964\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress-600x400.jpg\" alt=\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\" width=\"600\" height=\"400\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress-500x333.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress-350x233.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h4>Los men\u00fas <em>Sticky<\/em> o <em>Pegajosos<\/em> son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga <em>scroll<\/em>. WordPress no tiene una forma nativa de hacer esto, pero podemos usar el plugin \u00abSticky Menu on Scroll\u00bb para coseguir que cualquier elemento de nuestro WordPress quede siempre visible.<\/h4>\n<p>Quiz\u00e1s lo hayas visto en alguna web, <strong>un men\u00fa que siempre queda a la vista aunque hagas <em>scroll<\/em><\/strong> por la pantalla.<\/p>\n<p>A esto se le conoce como <strong>Sticky Menu<\/strong> y si lo traduces significa <strong>Men\u00fa Pegajoso<\/strong>, por lo de estar siempre <em>\u00abpegado\u00bb<\/em> en la pantalla.<\/p>\n<p>Da igual que se trate de un men\u00fa lateral o superior, <strong>no se trata de un frame<\/strong>, se consigue realizando modificaciones en el c\u00f3digo y CSS del sitio web, pero esto no est\u00e1 al alcance de todo el mundo.<\/p>\n<p>Pero en <strong>WordPress<\/strong> todo o casi todo, se arregla con un plugin y en esta ocasi\u00f3n podemos usar un plugin llamado <strong>Sticky Menu (or Anything!) on Scroll<\/strong> para conseguirlo.<\/p>\n<hr \/>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-web\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/03\/banner_hostinet_generico.jpg\" alt=\"Hosting Gen\u00e9rico\"><\/a><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Plugin Sticky Menu (or Anything!) on Scroll<\/h2>\n<p>El plugin <strong>Sticky Menu<\/strong> nos facilita la inclusi\u00f3n de un men\u00fa <em>pegajoso<\/em> en WordPress sin la necesidad de tocar c\u00f3digo ni CSS, al menos no en nuestro WordPress.<\/p>\n<p>Si que se necesita conocer un poco la estructura de la web y la etiqueta del men\u00fa o elemento que queremos a\u00f1adir, pero <strong>gracias a los navegadores web<\/strong> actuales y sus herramientas de desarrollador, podemos verlo f\u00e1cilmente.<\/p>\n<p>El plugin es gratuito y no tiene opciones PRO de pago, al menos de momento, as\u00ed que puedes utilizarlo libremente en tu WordPress.<\/p>\n<p>Puedes buscarlo desde WordPress en <strong>Plugins &gt; A\u00f1adir Nuevo<\/strong> o descargarlo desde la web de WordPress.org haciendo <a title=\"Sticky Menu (or Anything!) on Scroll\" href=\"https:\/\/es.wordpress.org\/plugins\/sticky-menu-or-anything-on-scroll\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><em>click aqu\u00ed<\/em><\/a>.<\/p>\n<p>Despu\u00e9s de instalarlo y activarlo encontraremos un nuevo men\u00fa en <strong>Ajustes &gt; Sticky Menu (or Anything!)<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-34953\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky.jpg\" alt=\"menu sticky WordPress\" width=\"518\" height=\"325\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky.jpg 518w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-500x314.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-350x220.jpg 350w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/p>\n<p>El las opciones del plugin tenemos 3 pesta\u00f1as que son:<\/p>\n<ul>\n<li><strong>&#8211; Basic Settings<\/strong><br \/>\nDesde donde realizaremos la configuraci\u00f3n b\u00e1sica del plugin.<\/li>\n<li><strong>&#8211; Advanced Settings<\/strong><br \/>\nUna configuraci\u00f3n avanzada para usuarios avanzados.<\/li>\n<li><strong>&#8211; FAQ<\/strong><br \/>\nUna secci\u00f3n de preguntas frecuentes.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34954\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-configuracion-600x486.jpg\" alt=\"menu sticky configuracion WordPress\" width=\"600\" height=\"486\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-configuracion.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-configuracion-500x405.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/menu-sticky-configuracion-350x284.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>En la configuraci\u00f3n b\u00e1sica podemos encontrar la opci\u00f3n <strong>Sticky Element: (required)<\/strong> la cual determina el men\u00fa que queremos sea <em>pegajoso<\/em>, pero es la parte m\u00e1s confusa para algunos usuarios.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34955\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-elemento-600x133.jpg\" alt=\"sticky elemento WordPress\" width=\"600\" height=\"133\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-elemento.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-elemento-500x111.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-elemento-350x78.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Lo que nos pide el plugin es que pongamos la etiqueta (ID) del men\u00fa o elemento, pero no existe un nombre gen\u00e9rico y <strong>en cada WordPress se puede llamar de una forma distinta<\/strong>, as\u00ed que tenemos que buscarla.<\/p>\n<p>Para esto vamos a usar un navegador web y sus herramientas para desarrolladores, en esta ocasi\u00f3n <strong>Chrome o cualquier otro basado en Chromium<\/strong>.<\/p>\n<p>Una vez tengamos abierto el navegador Chrome, tenemos que dirigirnos al men\u00fa superior derecho de los tres puntos, pasar el rat\u00f3n por <strong>M\u00e1s Herramientas<\/strong> y luego en <strong>Herramientas para Desarrolladores<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34956\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/chrome-herramientas-desarrolladores-600x376.jpg\" alt=\"chrome herramientas desarrolladores\" width=\"600\" height=\"376\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/chrome-herramientas-desarrolladores.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/chrome-herramientas-desarrolladores-500x313.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/chrome-herramientas-desarrolladores-350x219.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Esto abrir\u00e1 un men\u00fa lateral con un mont\u00f3n de informaci\u00f3n. No te asustes, ya que no es necesario saber c\u00f3mo funciona todo.<\/p>\n<p>Lo \u00fanico que tienes que hacer es <strong>acceder a tu web<\/strong>, como accedes normalmente, pero con las herramientas para desarrolladores abierta.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34957\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/web-herramientas-desarrolladores-600x385.jpg\" alt=\"web herramientas desarrolladores Chrome\" width=\"600\" height=\"385\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/web-herramientas-desarrolladores.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/web-herramientas-desarrolladores-500x321.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/web-herramientas-desarrolladores-350x225.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Ahora vamos a ver la ID del men\u00fa superior, para esto tenemos que asegurarnos de estar en la secci\u00f3n <strong>Elements<\/strong> y s\u00f3lo tenemos que pasar el rat\u00f3n por el c\u00f3digo, sin hacer click y veremos c\u00f3mo se marcan secciones de nuestra web conforme lo movamos.<\/p>\n<p>Lo que tenemos que hacer es <strong>encontrar la parte del c\u00f3digo<\/strong> en la que queda seleccionado el men\u00fa que queremos hacer pegajoso.<\/p>\n<p>Es posible que tengamos que abrir las flechas que aparecen en los laterales para llegar hasta el men\u00fa que nos interesa, pero al final <strong>tenemos que encontrar la ID que nos interesa<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34958\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/localizar-id-menu-600x272.jpg\" alt=\"localizar id menu Chrome\" width=\"600\" height=\"272\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/localizar-id-menu.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/localizar-id-menu-500x227.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/localizar-id-menu-350x159.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Cuando lo tengamos localizada la ID del men\u00fa, s\u00f3lo tenemos que copiarlo (podemos hacer doble click sobre \u00e9l) y dirigirnos de nuevo al plugin.<\/p>\n<p>Ahora lo \u00fanico que tenemos que hacer es <strong>pegar la ID del men\u00fa en el campo correspondiente<\/strong>, pero antes es necesario a\u00f1adir la almohadilla, tal y como se puede ver en la imagen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34959\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/anadir-id-sticky-menu-600x130.jpg\" alt=\"anadir id sticky menu WordPress\" width=\"600\" height=\"130\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/anadir-id-sticky-menu.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/anadir-id-sticky-menu-500x108.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/anadir-id-sticky-menu-350x76.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Ahora s\u00f3lo queda guardar los cambios <strong>y ver c\u00f3mo queda el efecto <em>Sticky<\/em> en tu WordPress<\/strong>. \u00a1As\u00ed de f\u00e1cil<\/p>\n<p>El resto de la opciones que nos ofrece el plugin son para <strong>retocar la disposici\u00f3n del men\u00fa en la pantalla<\/strong> o no hacer el efecto <em>Sticky<\/em> en pantallas menores o mayores tama\u00f1o en pixeles (hay que decidirlo nosotros mismos).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-34952\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/resto-opciones-sticky-menu-600x346.jpg\" alt=\"resto opciones sticky menu WordPress\" width=\"600\" height=\"346\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/resto-opciones-sticky-menu.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/resto-opciones-sticky-menu-500x288.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/resto-opciones-sticky-menu-350x202.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>Cosas a Tener en Cuenta<\/h2>\n<p>El plugin <strong>Sticky Menu (or Anything!) on Scroll<\/strong> es realmente sencillo de utilizar y hace lo que dice a la perfecci\u00f3n.<\/p>\n<p><strong>La complejidad viene por el lado de tener que averiguar la ID del men\u00fa<\/strong> o elemento que deseamos <em>pegar<\/em> en la pantalla, pero s\u00f3lo hace falta un poco de pr\u00e1ctica para localizarlas.<\/p>\n<p>Los <strong>navegadores actuales<\/strong> nos ofrecen herramientas para saber cu\u00e1l es la ID que necesitamos y si nos equivocamos, s\u00f3lo tenemos que volver a cambiarla y ya est\u00e1, no vamos a romper nada de nuestra web.<\/p>\n<p>En el ejemplo hemos visto que podemos a\u00f1adir a ID de un men\u00fa superior, pero en realidad <strong>en plugin nos permite a\u00f1adir la ID de cualquier otro elemento<\/strong>.<\/p>\n<p>Es decir, que <strong>podemos hacer <em>pegajoso<\/em> un banner, un bot\u00f3n, una imagen, etc..<\/strong>. s\u00f3lo necesitamos saber la ID de elemento y a\u00f1adirla en el plugin.<\/p>\n<p>&nbsp;<\/p>\n<h2>Hosting WordPress SSD con IP Espa\u00f1ola<\/h2>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-wordpress\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/03\/banner_hosting_wordpress.jpg\" alt=\"Hosting WordPress\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer esto, pero podemos usar el plugin \u00abSticky Menu on Scroll\u00bb para coseguir que cualquier elemento de nuestro WordPress quede siempre visible. Quiz\u00e1s lo\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":34964,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1783],"tags":[],"class_list":["post-34940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress<\/title>\n<meta name=\"description\" content=\"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer\" \/>\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.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\" \/>\n<meta property=\"og:description\" content=\"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-17T10:04:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-17T14:04:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\",\"datePublished\":\"2020-06-17T10:04:02+00:00\",\"dateModified\":\"2020-06-17T14:04:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/\"},\"wordCount\":920,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/sticky-menu-wordpress.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/\",\"name\":\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/sticky-menu-wordpress.jpg\",\"datePublished\":\"2020-06-17T10:04:02+00:00\",\"dateModified\":\"2020-06-17T14:04:13+00:00\",\"description\":\"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/sticky-menu-wordpress.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/sticky-menu-wordpress.jpg\",\"width\":600,\"height\":400,\"caption\":\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wordpress\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress","description":"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer","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.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress","og_description":"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer","og_url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/","og_site_name":"Hostinet","article_published_time":"2020-06-17T10:04:02+00:00","article_modified_time":"2020-06-17T14:04:13+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg","type":"image\/jpeg"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress","datePublished":"2020-06-17T10:04:02+00:00","dateModified":"2020-06-17T14:04:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/"},"wordCount":920,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg","articleSection":["Wordpress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/","url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/","name":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg","datePublished":"2020-06-17T10:04:02+00:00","dateModified":"2020-06-17T14:04:13+00:00","description":"Los men\u00fas Sticky o Pegajosos son muy \u00fatiles para mostrar siempre el men\u00fa en pantalla, aunque se haga scroll. WordPress no tiene una forma nativa de hacer","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2020\/06\/sticky-menu-wordpress.jpg","width":600,"height":400,"caption":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-crear-un-sticky-menu-o-menu-pegajoso-en-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Wordpress","item":"https:\/\/www.hostinet.com\/formacion\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo crear un Sticky Menu o Men\u00fa Pegajoso en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/34940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=34940"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/34940\/revisions"}],"predecessor-version":[{"id":34966,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/34940\/revisions\/34966"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/34964"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=34940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=34940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=34940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}