Tutorial Divi: Como vincular a partes de uma página

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Um recurso amplamente usado em muitos sites é link para partes de uma página, oferecendo um menu ou uma lista de links que, em vez de direcionar para outra página na web, apontam para seções ou pontos específicos na mesma página.

Eu quero dizer isso …

Isso, que já vimos como fazer com HTML, e até mesmo como adicionar um índice simples a partir do editor do WordPress, no Divi assume uma nova dimensão, porque é muito fácil.

Existem várias maneiras de conseguir esse efeito muito prático, então vamos vê-lo em partes.

Como criar as âncoras

A primeira coisa de tudo é criar as chamadas âncoras, os pontos específicos da página em que queremos vincular.

Nada mais fácil!

Você apenas precisa editar a seção, linha, módulo ao qual deseja vincular e, nas configurações avançadas, nas classes ID e CSS, colocar o nome desejado na caixa chamada «Identificador CSS»

Tutorial Divi: Como vincular a partes de uma página 1

No exemplo que te chamei

contacta

Nada mais óbvio, embora você possa colocar o que preferir, números, o que for. Evite colocar espaços, acentos, maiúsculas, limite-se a minúsculas, algo simples.

Adicione links às suas âncoras

A partir daqui, você criou uma ou dezenas de âncoras usando identificadores CSS, resta apenas escolher de onde você os vinculará.

Vincular a uma âncora a partir de um menu

Um lugar muito comum seria um item do seu menu personalizado.

Leia Também  Você não precisa ser bom em matemática para ser bom em finanças pessoais

Para fazer isso, acesse o personalizador do WordPress (

Apariencia > Personalizar > Menús

) e adicione um link personalizado ao menu desejado.

Coloque o texto que você deseja no link, o truque está no próprio link.

Se o seu identificador CSS fosse

contacta

, então, como um link colocado

#contacta

.

Tutorial Divi: Como vincular a partes de uma página 2

Um detalhe importante: Se a âncora, seu identificador CSS, estiver na capa do seu site, não esqueça a barra inicial (

/

), É um erro muito comum, porque se você não o colocar, o link funcionará apenas na página onde está o seu identificador CSS, sua âncora, neste exemplo, a capa, e não funcionará se alguém clicar em outra página.

Por outro lado, se o identificador CSS estiver em outra página, você deverá preceder a parte de seu URL com o link.

Por exemplo, se a âncora estiver na página

https://tudominio.es/servicios/

você colocaria

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
/servicios/#contacta

no URL do link personalizado.

Vincular a uma âncora a partir de um botão

Mais fácil ainda link para a sua âncora a partir de um botão que você tem na mesma páginaa.

Simplesmente edite o módulo e, no campo URL do link do botão, coloque sua âncora com o símbolo de

#

à frente como vimos antes, mas agora não precisa se preocupar com rotas e páginass.

Tutorial Divi: Como vincular a partes de uma página 3

Vincular a uma âncora a partir de qualquer texto

Para terminar, se você quiser adicionar um link para uma âncora a partir de qualquer texto também é muito simples.

Simplesmente abra o módulo que contém o texto para editá-lo, selecione o texto a ser vinculado e clique no ícone do editor para adicionar links.

Tutorial Divi: Como vincular a partes de uma página 4

Assim como nos exemplos anteriores, basta colocar o texto âncora precedido pelo hash (

#

)

O link que será gerado em HTML, caso você esteja curioso, terá algo parecido com isto:

Texto del enlace

Leia Também  a única direção que a vida toma

Fácil não é?

Certamente foi aberto para você um mundo de possibilidades Sabendo disso, por exemplo, que você não precisa criar uma página de contato quando pode colocar o formulário na mesma capa e criar um link para acessá-lo rapidamente, certo?

E assim até o infinito. De fato existem sites que são praticamente uma página, onde todos os links levam a âncoras para seções da página inicial única e, às vezes, é mais do que suficiente.

A entrada do Tutorial Divi: Como vincular a partes de uma página foi publicada pela primeira vez por Fernando Tellado na Ajuda do WordPress. Não copie conteúdo, isso não diz nada de bom a você para seus leitores.

Textos interessantes:

https://proverasfestas.com.br/como-otimizar-o-conteudo-que-sera-lido-e-compartilhado/
https://responsibleradio.com/como-fazer-um-excelente-plano-de-negocios/

https://weeventos.com.br/huawei-ideos-tablet-s7-revisao-sorteios/

https://draincleaningdenverco.com/condicoes-de-uso-por-mundo-virtual/

https://clipstudio.com.br/capitulo-1-como-eu-encontrei-o-marketing-de-afiliados/

https://teleingressos.com.br/este-guy-deixou-os-bancos-ate-que-ele-tenha-aprendido-sobre-esse/

https://testmygeekstuff.com/o-2017-de-lifestyle-to-the-square-este-tem-sido-nosso-ano/

https://coniferinc.com/mercado-de-pulgas-on-line/

https://multieletropecas.com.br/como-tratar-a-insonia-com-hipnose/

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br