{"id":8131,"date":"2024-11-13T17:45:42","date_gmt":"2024-11-13T16:45:42","guid":{"rendered":"https:\/\/elementorprobarato.com\/?p=8131"},"modified":"2024-12-18T12:50:07","modified_gmt":"2024-12-18T11:50:07","slug":"separar-enlace-ancla-de-la-cabecera","status":"publish","type":"post","link":"https:\/\/elementorprobarato.com\/en\/separar-enlace-ancla-de-la-cabecera\/","title":{"rendered":"Separar enlace ancla de la cabecera fija"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Separar\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u00bfQu\u00e9 es un enlace ancla?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina, lo habr\u00e1s visto en p\u00e1ginas donde hay mucho contenido (las p\u00e1ginas tipo scroll).<\/p>

Clicando un bot\u00f3n o un enlace, te lleva a la secci\u00f3n que quieras.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t

\n\t\t\t\tUn enlace ancla es aquel que nos permite llegar a un punto de la p\u00e1gina haciendo un scroll autom\u00e1tico. En elementor puedes crear un ancla simplemente poniendo el s\u00edmbolo # y el ID de CSS.\n
\nMuy \u00fatil por ejemplo en p\u00e1ginas con gran cantidad de contenido y que queremos poner unos enlaces a secciones.\t\t\t<\/p>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u00bfC\u00f3mo se hace un enlace ancla?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Tanto si usas un bot\u00f3n, como si usas un texto o un encabezado para linkar, tendr\u00e1s un campo donde poner la URL, ah\u00ed has de poner del enlace al que quieres llegar.<\/p>

En este caso, no pondremos una URL ya que no queremos ir a otra p\u00e1gina, lo que pondremos es el s\u00edmbolo de la almohadilla y una ID<\/b> (en min\u00fasculas y sin espacios).<\/p>

Te pongo un ejemplo usando un widget de bot\u00f3n, y en el campo enlace he puesto el identificador (ID)\u00a0#aireacodicionado<\/b><\/p>

Ahora s\u00f3lo falta crear la secci\u00f3n donde queremos que nos lleve al clicar en ese enlace.<\/p>

Para ello voy a crear un contenedor que puede estar en cualquier lugar de la p\u00e1gina.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

C\u00f3mo crear la secci\u00f3n donde quieres ir<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Crea un contenedor\u00a0con el contenido que quieras<\/b>, hasta aqu\u00ed nada nuevo.<\/p>

Cuando lo hayas creado, debes ir a la pesta\u00f1a Avanzado y buscar el campo ID de CSS<\/strong>, all\u00ed has de poner tu ID<\/strong>, en este caso: aireacondicionado<\/strong>, sin punto ni almohadilla.<\/p>

Cuando cliques el bot\u00f3n que hemos creado antes, te llevar\u00e1 a este contenedor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Un ejemplo muy habitual<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Te pongo un ejemplo con un caso pr\u00e1ctico que me ha pedido un cliente.<\/p>

En este caso, la p\u00e1gina de una empresa de reformas, ofrece servicios como Aire acondicionado, Calefacci\u00f3n, Aerotermia, etc.<\/span><\/p>

Para facilitar el acceso a cada secci\u00f3n y no tener que hacer scroll, ponemos unos botones que enlazan a cada secci\u00f3n, de esa manera cuando el visitante clique por ejemplo el bot\u00f3n Aire acondicionado<\/b>, la p\u00e1gina ir\u00e1 directamente a ese contenedor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

El gran problema de las cabeceras fijas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Las cabeceras fijas est\u00e1n muy de moda, mantienen un elemento importante (el men\u00fa) visible durante toda la navegaci\u00f3n, ya que se mantiene en la parte de arriba aunque hagamos scroll.<\/p>

El problema viene cuando creamos un enlace ancla y hacemos la llamada al ancla, en ese caso, al subir hacia arriba, parte de el contenido de ese contenedor queda oculto detr\u00e1s de la cabecera fija.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEjemplo de un enlace ancla cuyo contenido queda tapado con la cabecera<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

En otras palabras, la parte de arriba del contenedor, no se va a ver correctamente (como se muestra en la segunda<\/strong> imagen).<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

As\u00ed ver\u00edamos la p\u00e1gina antes de clicar un enlace ancla<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Y as\u00ed, cuando clicamos \u00abAire acondicionado\u00bb<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

En efecto, la secci\u00f3n Aire acondicionado queda semi oculta, porque el men\u00fa de navegaci\u00f3n la tapa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

C\u00f3mo Separar enlace ancla de la cabecera fija<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Seguro que te has encontrado con este problema, y quiz\u00e1 hayas probado a aumentar el margen superior del contenedor para que al subir, ese espacio en blanco mantenga el contenido separado de la cabecera, pero no nos enga\u00f1emos, es una chapuza.<\/p>

Pues lo vamos a solucionar de una forma muy sencilla usando elementor Pro.<\/p>

\u00bfQu\u00e9 a\u00fan no tienes elementor Pro? <\/b>cons\u00edguelo por un precio \u00fanico desde esta web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tBuy Elementor Pro for a website<\/strong> for only $<\/span>11,44<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tBuy Elementor Pro for three websites<\/strong> for only $<\/span>32,14<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tBuy Elementor Pro for five websites<\/strong> for only $<\/span>51,69<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Accede a la pesta\u00f1a Avanzado<\/b> del contenedor que ha de quedar separado de la cabecera, en mi caso, es la secci\u00f3n que muestra la informaci\u00f3n sobre el Aire acondicionado.<\/p>

Es el contenedor que antes le has asignado un identificador (ID) llamado aireacondicionado<\/strong>, pues bien, justo debajo aparece otro campo que pone Clases CSS<\/b>.<\/p>

Atento porque ah\u00ed tienes que ponerle la clase ancla<\/strong>, bueno, yo he puesto ancla pero tu puedes poner la que te d\u00e9 la gana, siempre que lo cambies en el c\u00f3digo, claro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

A continuaci\u00f3n, desde la misma pesta\u00f1a Avanzado<\/strong>, busca la secci\u00f3n CSS personalizado<\/strong>, y pegas el siguiente c\u00f3digo:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t.ancla {scroll-margin-top: 80px}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d52dcfd elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"d52dcfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>S\u00f3lo con esto, ya le estar\u00e1s indicando que los objetos (el contenedor) que tengan la clase llamada<b> ancla<\/b>, se han de quedar separados de la parte superior de la p\u00e1gina 80 p\u00edxeles.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es un enlace ancla? Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina, lo habr\u00e1s visto en p\u00e1ginas donde hay mucho contenido (las p\u00e1ginas tipo scroll). Clicando un bot\u00f3n o un enlace, te lleva a la secci\u00f3n que quieras. Un enlace ancla es aquel que nos permite llegar a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8195,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-8131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Separar enlace ancla de la cabecera fija - elementor Pro Barato<\/title>\n<meta name=\"description\" content=\"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementorprobarato.com\/en\/separar-enlace-ancla-de-la-cabecera\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Separar enlace ancla de la cabecera fija - elementor Pro Barato\" \/>\n<meta property=\"og:description\" content=\"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementorprobarato.com\/en\/separar-enlace-ancla-de-la-cabecera\/\" \/>\n<meta property=\"og:site_name\" content=\"elementor Pro Barato\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-13T16:45:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-18T11:50:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"estebanip\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"estebanip\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/\"},\"author\":{\"name\":\"estebanip\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/person\\\/2260d3b96091792b81b752fecfc09b84\"},\"headline\":\"Separar enlace ancla de la cabecera fija\",\"datePublished\":\"2024-11-13T16:45:42+00:00\",\"dateModified\":\"2024-12-18T11:50:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/\"},\"wordCount\":774,\"publisher\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/\",\"name\":\"Separar enlace ancla de la cabecera fija - elementor Pro Barato\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png\",\"datePublished\":\"2024-11-13T16:45:42+00:00\",\"dateModified\":\"2024-12-18T11:50:07+00:00\",\"description\":\"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png\",\"contentUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png\",\"width\":1024,\"height\":420,\"caption\":\"Separar enlace ancla de la cabecera\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/separar-enlace-ancla-de-la-cabecera\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/elementorprobarato.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Separar enlace ancla de la cabecera fija\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#website\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/\",\"name\":\"elementorprobarato.com\",\"description\":\"100% Original y con clave del fabricante\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\"},\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementorprobarato.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\",\"name\":\"elementorprobarato.com\",\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-Elementor-Logo-nuevo-rosa.png\",\"contentUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-Elementor-Logo-nuevo-rosa.png\",\"width\":512,\"height\":512,\"caption\":\"elementorprobarato.com\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/tiktok.com\\\/@lapeorempresadelmundo\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/person\\\/2260d3b96091792b81b752fecfc09b84\",\"name\":\"estebanip\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"caption\":\"estebanip\"},\"sameAs\":[\"https:\\\/\\\/elementorprobarato.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Separar enlace ancla de la cabecera fija - elementor Pro Barato","description":"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.","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:\/\/elementorprobarato.com\/en\/separar-enlace-ancla-de-la-cabecera\/","og_locale":"en_US","og_type":"article","og_title":"Separar enlace ancla de la cabecera fija - elementor Pro Barato","og_description":"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.","og_url":"https:\/\/elementorprobarato.com\/en\/separar-enlace-ancla-de-la-cabecera\/","og_site_name":"elementor Pro Barato","article_published_time":"2024-11-13T16:45:42+00:00","article_modified_time":"2024-12-18T11:50:07+00:00","og_image":[{"width":1024,"height":420,"url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png","type":"image\/png"}],"author":"estebanip","twitter_card":"summary_large_image","twitter_misc":{"Written by":"estebanip","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#article","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/"},"author":{"name":"estebanip","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84"},"headline":"Separar enlace ancla de la cabecera fija","datePublished":"2024-11-13T16:45:42+00:00","dateModified":"2024-12-18T11:50:07+00:00","mainEntityOfPage":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/"},"wordCount":774,"publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"image":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png","articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/","url":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/","name":"Separar enlace ancla de la cabecera fija - elementor Pro Barato","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#primaryimage"},"image":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png","datePublished":"2024-11-13T16:45:42+00:00","dateModified":"2024-12-18T11:50:07+00:00","description":"Separar enlace ancla de la cabecera fija. \u00bfQu\u00e9 es un enlace ancla?Es un enlace que te lleva a una secci\u00f3n dentro de la propia p\u00e1gina.","breadcrumb":{"@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#primaryimage","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/enlace-a-ancla-sin-tapar-contenido-1024x420-1.png","width":1024,"height":420,"caption":"Separar enlace ancla de la cabecera"},{"@type":"BreadcrumbList","@id":"https:\/\/elementorprobarato.com\/separar-enlace-ancla-de-la-cabecera\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/elementorprobarato.com\/"},{"@type":"ListItem","position":2,"name":"Separar enlace ancla de la cabecera fija"}]},{"@type":"WebSite","@id":"https:\/\/elementorprobarato.com\/#website","url":"https:\/\/elementorprobarato.com\/","name":"elementorprobarato.com","description":"100% Original y con clave del fabricante","publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementorprobarato.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementorprobarato.com\/#organization","name":"elementorprobarato.com","alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","url":"https:\/\/elementorprobarato.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","width":512,"height":512,"caption":"elementorprobarato.com"},"image":{"@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/tiktok.com\/@lapeorempresadelmundo"]},{"@type":"Person","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84","name":"estebanip","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","caption":"estebanip"},"sameAs":["https:\/\/elementorprobarato.com"]}]}},"_links":{"self":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/8131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/comments?post=8131"}],"version-history":[{"count":0,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/8131\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media\/8195"}],"wp:attachment":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media?parent=8131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/categories?post=8131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/tags?post=8131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}