{"id":365726,"date":"2022-10-14T12:39:00","date_gmt":"2022-10-14T09:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365726"},"modified":"2023-02-28T18:52:00","modified_gmt":"2023-02-28T15:52:00","slug":"como-configurar-links-de-ancora-elementor-de-maneira-facil","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-configurar-links-de-ancora-elementor-de-maneira-facil\/","title":{"rendered":"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil"},"content":{"rendered":"\n<p>Os links \u00e2ncora Elementor s\u00e3o muito f\u00e1ceis de configurar. Quais s\u00e3o eles, por\u00e9m?<\/p>\n<p>Simplificando, um link \u00e2ncora \u00e9 um link que n\u00e3o leva voc\u00ea para fora da p\u00e1gina em que est\u00e1, mas para uma se\u00e7\u00e3o diferente da p\u00e1gina. Eles s\u00e3o especialmente <strong>\u00fateis para navegar em longas se\u00e7\u00f5es de texto<\/strong>. Por outro lado, os links \u00e2ncora s\u00e3o <strong>usados \u200b\u200bpara criar um sum\u00e1rio<\/strong>. O \u00edndice \u00e9 uma <strong>parte importante de artigos mais longos, pois permite f\u00e1cil navega\u00e7\u00e3o pelo texto, al\u00e9m de ser ben\u00e9fico para SEO<\/strong>. Embora um \u00cdndice possa ser criado com o elemento \u00e2ncora Menu, tamb\u00e9m existe um m\u00e9todo mais f\u00e1cil. Recomendamos que voc\u00ea experimente <strong><a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/table-of-contents\/?campaign=AnchorLinks&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">os complementos Qi para o widget Elementor Table of Contents<\/a><\/strong>, pois ele fornece uma <strong>maneira r\u00e1pida e simples de criar e personalizar<\/strong> o sum\u00e1rio. Al\u00e9m disso, \u00e9 totalmente gratuito.<\/p>\n<p>Portanto, se voc\u00ea acha que suas p\u00e1ginas se beneficiariam desse tipo de link na p\u00e1gina e se estiver usando o <a href=\"https:\/\/themewp.inform.click\/pt-pt\/plugin-elementor-wordpress-quao-poderoso-e\/\" title=\"construtor de p\u00e1ginas Elementor\">construtor de p\u00e1ginas Elementor<\/a>, est\u00e1 com sorte. Seu editor de p\u00e1gina (vers\u00e3o gratuita tamb\u00e9m) possui um elemento especial perfeitamente adequado para o prop\u00f3sito &#8211; o elemento \u00c2ncora do Menu Elementor.<\/p>\n<p>Agora, vamos aos aspectos pr\u00e1ticos, neste texto vamos mostrar para voc\u00ea:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/0gpy_omocLQ\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Como criar links \u00e2ncora Elementor no WordPress e us\u00e1-los na mesma p\u00e1gina<\/h2>\n<p>Para configurar um link de \u00e2ncora do Elementor, basta <strong>encontrar o elemento Menu Anchor no menu da barra lateral do Elementor<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa206211.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa206211.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<p>Em seguida, voc\u00ea precisa <strong>arrastar o elemento para onde deseja que o link leve<\/strong>. Uma \u00e2ncora pode ser configurada em qualquer lugar da p\u00e1gina. Ele n\u00e3o estar\u00e1 vis\u00edvel para os usu\u00e1rios, mas voc\u00ea poder\u00e1 encontr\u00e1-lo e configur\u00e1-lo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa4a7f8e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa4a7f8e.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<p>Uma vez colocada, <strong>nomeie a \u00e2ncora<\/strong>. Uma \u00e2ncora pode ter qualquer nome, desde que seja uma <strong>combina\u00e7\u00e3o n\u00e3o espa\u00e7ada de letras e d\u00edgitos<\/strong>. Voc\u00ea pode usar mai\u00fasculas ou min\u00fasculas. Voc\u00ea n\u00e3o pode usar espa\u00e7os, mas <strong>tra\u00e7os (\u2013) e sublinhados (_) s\u00e3o permitidos<\/strong>. Portanto, &#8220;anchor name&quot; n\u00e3o \u00e9 um nome de \u00e2ncora v\u00e1lido, enquanto &#8220;anchorname&#8221;, &#8220;anchor-name&#8221; e &#8220;anchor_name&#8221; s\u00e3o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa82b44a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfa82b44a.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<p>O que voc\u00ea precisa fazer \u00e9 <strong>configurar o link da \u00e2ncora<\/strong>. Qualquer elemento que possa carregar um link pode vincular \u00e0 \u00e2ncora: texto, imagem, bot\u00e3o, menu&#8230; Enquanto um link normal geralmente consiste em um URL completo, o link para uma \u00e2ncora parece um pouco diferente.<\/p>\n<p>Primeiro, escolha um elemento que voc\u00ea deseja vincular \u00e0 \u00e2ncora. Um link \u00e9 configurado no campo de link do elemento escolhido <strong>inserindo o nome da \u00e2ncora precedido por #<\/strong>, como em #anchorname ou, no exemplo abaixo, #best. Na imagem abaixo voc\u00ea pode ver como \u00e9 um par\u00e1grafo\u2026<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfaac9afe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfaac9afe.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<p>\u2026e \u00e9 aqui que voc\u00ea pode ver como \u00e9 um bot\u00e3o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfad771ba.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfad771ba.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<h2>Como adicionar um link de elemento \u00e2ncora a outra p\u00e1gina<\/h2>\n<p>Um link \u00e2ncora \u00e9 um <strong>link que leva a um local espec\u00edfico em uma p\u00e1gina<\/strong>. <strong>Ele cont\u00e9m o URL da pr\u00f3pria p\u00e1gina mais uma \u00e2ncora para uma parte espec\u00edfica<\/strong>. Voc\u00ea pode criar quantos links \u00e2ncora do Elementor que levam a uma parte espec\u00edfica de uma p\u00e1gina que desejar, e voc\u00ea pode fazer isso em todas as p\u00e1ginas.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode ver os links de \u00e2ncora nesta p\u00e1gina, <strong>adicionamos um elemento de \u00e2ncora de menu para criar um \u00cdndice no in\u00edcio<\/strong>. No entanto, embora esta seja a aplica\u00e7\u00e3o mais comum de links \u00e2ncora, tamb\u00e9m podemos us\u00e1-los em outras p\u00e1ginas. Por exemplo, se estamos escrevendo um texto e queremos vincul\u00e1-lo a uma parte espec\u00edfica em outra p\u00e1gina, o que precisamos fazer \u00e9 criar uma \u00e2ncora na parte que queremos vincular, da forma descrita acima. Ent\u00e3o, quando usamos links \u00e2ncora Elementor, em vez de colocar um link para a p\u00e1gina desejada, colocamos um link mais espec\u00edfico \u2013 um link de URL com uma \u00e2ncora (#anchor) que salta para uma parte espec\u00edfica da p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfb052631.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-362692-633ecfb052631.jpg\" alt=\"Como configurar links de \u00e2ncora Elementor de maneira f\u00e1cil\"><\/a><\/p>\n<p>N\u00e3o vamos esquecer que o elemento Menu Anchor Elementor tamb\u00e9m \u00e9 usado para <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-construir-um-site-wordpress-de-uma-pagina-com-elementor\/\" title=\"criar sites WordPress de uma p\u00e1gina\">criar sites WordPress de uma p\u00e1gina<\/a>. Ent\u00e3o, se voc\u00ea n\u00e3o tinha certeza para que esse elemento poderia ser usado, agora voc\u00ea tem todas as informa\u00e7\u00f5es necess\u00e1rias para criar um \u00f3timo site.<\/p>\n<h2>Para concluir<\/h2>\n<p>Esta fun\u00e7\u00e3o simples e elegante n\u00e3o s\u00f3 <strong>torna a sua p\u00e1gina web facilmente naveg\u00e1vel<\/strong>, como tamb\u00e9m pode usar esta fun\u00e7\u00e3o para apontar os seus visitantes para onde quer que eles v\u00e3o, como uma sec\u00e7\u00e3o de subscri\u00e7\u00e3o de newsletter, loja ou um <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-incorporar-mapas-do-bing-no-wordpress\/\" title=\"mapa para as suas instala\u00e7\u00f5es\">mapa para as suas instala\u00e7\u00f5es<\/a>. Com o Elementor, a configura\u00e7\u00e3o de links de \u00e2ncora \u00e9 visual e f\u00e1cil. Se voc\u00ea preferir ou estiver acostumado a alguns outros editores WP, n\u00e3o se preocupe, \u00e9 f\u00e1cil <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-link-ancora-no-wordpress-de-maneira-facil\/\" title=\"adicionar links \u00e2ncora com qualquer outro editor\">adicionar links \u00e2ncora com qualquer outro editor<\/a> tamb\u00e9m.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea est\u00e1 servindo aos seus visitantes uma por\u00e7\u00e3o extra de texto? Com os links de \u00e2ncora Elementor, qualquer parede de texto pode ser superada facilmente.<\/p>\n","protected":false},"author":1,"featured_media":364856,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[210,573,428],"tags":[848],"class_list":["post-365726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-9","category-nocoes-basicas-do-wordpress","category-plugins-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/365726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=365726"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/365726\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364856"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=365726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=365726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=365726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}