Como adicionar links clicáveis no WordPress [Guia para iniciantes]

Como adicionar links clicáveis no WordPress [Guia para iniciantes]

Links clicáveis são a força vital de qualquer site. Eles conectam seu conteúdo a recursos valiosos, permitem que os visitantes explorem diferentes seções do seu site e, em última análise, melhoram a experiência do usuário. 

If you’re new to WordPress, adding links might seem like a daunting task, and you would definitely ask yourself: How to make a link clickable? But fear not! This beginner-friendly guide will walk you through the methods on como adicionar links clicáveis no WordPress — usando o Block Editor.

Quick Overview
This blog will share two methods of adding clickable links in WordPress. One is in block editor and another is in Elementor.

Block editor: Gutenberg editor by default has this option. You don’t have to use any tool for it. Just you have to select text where you want to insert link and paste the link after clicking the link icon. Then, press enter to link your specific text in WordPress.

Elemento: You have to use a tool for inserting clickable links in Elementor. ElementsKit is an Elementor addon that comes with Wrapper Link module to add link in minutes. First, you have to install the following plugins:

Tools Used: Elementor (free), Kit de Elementos (free & pro)

After install and activation, go through the steps below:

  • Habilitar link do wrapper módulo.
  • Open new or existing page.
  • Select text.
  • Turn on Wrapper Link.
  • Colar clickable link.
  • Publish or update your page.

Por que adicionar links clicáveis no WordPress?

Existem vários motivos pelos quais links clicáveis são essenciais para o seu site WordPress:

💯 Experiência do usuário aprimorada: os links orientam seus visitantes para informações relevantes, tanto em seu site quanto em fontes externas. Isso os ajuda a encontrar o que procuram com rapidez e eficiência.

💯 Credibilidade aprimorada: Links para fontes confiáveis fortalecem a credibilidade do seu conteúdo e demonstram sua pesquisa.

💯 Maior envolvimento: links para conteúdo relacionado em seu site mantêm os visitantes engajados e explorando diferentes seções, potencialmente levando-os a descobrir mais de seu conteúdo valioso.

💯 Benefícios de SEO: Strategic use of internal links within your WordPress o site pode melhorar a classificação do seu mecanismo de pesquisa (SEO) ajudando os mecanismos de pesquisa a compreender a estrutura e o conteúdo do seu site.

Como adicionar links clicáveis no editor de blocos do WordPress

Existem dois métodos principais de como criar um link de texto no WordPress, dependendo do editor que você está usando: Editor Visual e Editor de Bloco.

In this blog, we will depict the steps on how to add a link on WordPress using the Gutenberg Block Editor. The Editor de blocos, também conhecido como Gutenberg, é o editor padrão atual do WordPress. 

Veja como adicionar links no WordPress no Editor de blocos:

Selecione o texto que você prefere para ser um link clicável

Para criar um link clicável, basta selecionar o texto desejado na postagem do seu blog clicando e arrastando o cursor. 

Selecionando o texto que você prefere para ser um link clicável

Localize e clique no botão do link 🔗 

Depois de identificar e destacar o texto ou frase que deseja que seja seu hiperlink do WordPress, uma barra de ferramentas de bloco aparecerá. Encontre o ícone do link na barra de ferramentas do bloco e clique nele.

Locate and click the link button to link pages in WordPress

Insira o URL do link

Depois de clicar no ícone do link, uma pequena janela pop-up aparecerá onde você pode colar o URL do site ao qual deseja vincular. Então, clique em “Digitar”Ou você pode simplesmente clicar em“Enviar”.

Enter the link URL to make a clickable link with ElementsKit

Agora, seu texto se distingue visualmente por ser sublinhado e destacado. Isso significa que é um hiperlink ou link clicável. Clicar no texto direcionará os usuários ao URL especificado.

Como fazer links clicáveis no Elementor

Incorporar links em seções do Elementor pode ser um desafio. Normalmente, o método padrão envolve inserir um botão e configurar seu link para direcionar para a seção desejada. No entanto, esta abordagem pode ocasionalmente perturbar a harmonia visual do seu design. Mas poderia haver alguma maneira de evitar isso?

Claro que existe! O que você vai precisar é de um link do wrapper. Isso permite anexar links a qualquer seção, coluna ou widget dentro do Elementor, aumentando a eficiência de navegação do seu site.

But do we need a plugin for this? Absolutely! But fear not, a feature that gives you the freedom to attach a link within Elementor is now offered by ElementsKit. To get started with this feature, make sure to install the prerequisites, Elementor e Elements Kit Pro.

Vamos descobrir como funciona……..

Configurar link de wrapper 

Navegue até o painel do WordPress e localize o ElementsKit. Escolher Módulo e habilite o link do wrapper. Então, Salvar alterações para começar a usar esse recurso.

Set Up Wrapper Link  of ElementsKit

Add WordPress link to a new page or existing page

Para adicionar um link no Elementor, basta abrir uma nova página ou uma página existente. Uma vez na sua página, clique em Editar com Elementor situado na parte superior da tela.

Add WordPress Link to page with Wrapper Link

Select the section where you want to add a WordPress link. Go to the Guia Avançado e vá para o Condições do ElemenstKit. Selecione ElementsKit Wrapper Link e alterne o botão para Sim para ativar o link. 

Use ElementsKit Wrapper Link to add WordPress clickable URL link

Insira o URL no campo do link personalizado. Clique no ícone de configuração ao lado do campo para permitir que o link seja aberto em uma nova janela quando você clicar na imagem ou texto onde você quebra o link. 

Redirecionando link para uma nova janela

Por último, publique ou atualize sua página e testemunhe a magia.

Solução de problemas de links clicáveis no WordPress

In WordPress, clickable links may occasionally malfunction or break. Here’s how to fix broken and malfunctioning links within WordPress posts or pages.

Hiperlinks quebrados

Um hiperlink quebrado refere-se a um link que não funciona corretamente, resultando em uma página de erro 404 ou outra mensagem de erro. 

Para resolver hiperlinks quebrados no WordPress, siga estas etapas de solução de problemas:

  1. Utilize um plug-in verificador de links quebrados para verificar se há links quebrados em seu site.
  2. Ao identificar links quebrados, atualize-os ou remova-os adequadamente.
  3. Certifique-se de que os URLs aos quais você está vinculando sejam precisos e permaneçam ativos.

An alternative method to rectify broken hyperlinks involves manually inspecting each link on your website. Although time-consuming, this approach guarantees the functionality of all website links. Simply click on each link and confirm its redirection to the intended page.

Hiperlink de disfunção em postagens ou páginas do WordPress

Uma causa comum de disfunção do hiperlink é um problema com o link URL em si. Às vezes, é causado pela compatibilidade com o plugin ou tema.

Se os hiperlinks não funcionarem corretamente nas postagens ou páginas do WordPress, prossiga com estas etapas:

  1. Verifique a formatação correta dos hiperlinks.
  2. Confirme a precisão dos URLs vinculados e certifique-se de que ainda estejam ativos.
  3. Desative plug-ins conflitantes que possam interromper os hiperlinks.
  4. Limpe o cache e os cookies para resolver possíveis problemas de hiperlinks relacionados ao navegador.

Ocasionalmente, o mau funcionamento do hiperlink pode resultar de problemas no banco de dados WordPress. Resolva isso acessando o painel do WordPress, navegando até “Ferramentas”, e selecionando “Base de dados.” Prossiga para escolher “Reparar banco de dados”Para resolver quaisquer problemas subjacentes.

 ✔ Experimente adicionar o reprodutor de áudio ao seu site com o melhores plug-ins de reprodutor de áudio no WordPress

Como adicionar link clicável na imagem?

Adding a hyperlink in WordPress is not only limited to text but also applicable to images. Absolutely! But you will need to highlight the image instead of the text. This will allow users to click on the image and be directed to the linked website.

  1. Insira a imagem em sua postagem ou página do WordPress.
  2. Clique na imagem para selecioná-la.
  3. Clique no ícone do link.
  4. Enter the desired clickable URL.
  5. Hit “Enter” or click “Submit”.
Tornando uma imagem clicável no WordPress

A diferença em adicionar um link à sua imagem é que você tem a opção de abrir o URL vinculado em uma nova guia. 

Perguntas frequentes

Como posso ter certeza de que meus links não estão quebrados?

É uma boa prática verificar seus links regularmente para garantir que ainda funcionam. Existem plug-ins disponíveis para WordPress que podem ajudá-lo a identificar links quebrados.

O que devo usar como texto do link?

Escolha um texto de link claro e conciso que reflita com precisão o conteúdo ao qual o link leva. Evite frases genéricas como “clique aqui”.

Como posso tornar uma postagem clicável no WordPress?

Existem duas maneiras principais de tornar uma postagem clicável no WordPress:
1. Link para o URL da postagem: se estiver mencionando outra postagem em seu site, basta copiar e colar o URL da postagem e tratá-la como qualquer outro hiperlink. Os usuários que clicarem neste link serão direcionados para a postagem completa.
2. Usando links internos: o WordPress oferece recursos integrados para links internos. No Block Editor, você pode começar a digitar o título da postagem que deseja vincular, e o WordPress irá sugerir opções relevantes. Isso simplifica o processo e garante que você esteja vinculando à postagem correta.

How to make a hyperlink clearer on WordPress?

If you’ve faced a hyperlink on WordPress not clear issue, you can use a contrasting color, underline links, and add hover effects to make hyperlinks more visible on WP site.

Pensamento final

Adding clickable links in WordPress is a fundamental skill for any beginner. The steps vary depending on the choice of your WordPress editor.  If you are using a Gutenberg Editor, these steps are right for you. 

Lembre-se de que o uso estratégico de links é fundamental para construir um site envolvente e informativo. Esses hiperlinks melhoram a experiência do usuário do seu site, melhoram seu SEO e conectam seus visitantes a recursos valiosos. 

Boa ligação!


Avatar de Cza

Cza

Cha is a WordPress specialist with expertise in WooCommerce, AI SEO strategy, and Gutenberg-based website development. Cha believes in dreaming with purpose and living with intention.

Comentários

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Índice