Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the ultimate-addons-for-gutenberg domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /sites/danielkossmann.com/files/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the hustle domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /sites/danielkossmann.com/files/wp-includes/functions.php on line 6114
Como criar uma página de links igual ao Linktree, Lnk.Bio ou similares no WordPress - Daniel Kossmann

Algumas redes sociais, como o Instagram, permitem apenas a adição de um link na biografia para o seu perfil. Por conta disso surgiram serviços como o Linktree e o Lnk.bio, que fornecem endereço único para uma página com vários links. Normalmente o layout é bem simples, com uma imagem no topo e vários botões. Segue abaixo dois exemplos.

Esta estrutura pode ser facilmente criada no editor de blocos do WordPress. Para isso, vamos primeiro analisar cada um dos tipos de conteúdo.

Tipos de conteúdo

  1. Logo (Imagem);
  2. Título;
  3. Parágrafo;
  4. Botões;
  5. Ícones de redes sociais.

Todos os tipos listados acima são blocos já existente no WordPress.

O próximo passo foi criar uma nova página dentro do WordPress que chamei de “Links” e adicionar os blocos listados acima. Como primeiro bloco acabei adicionando um “Espaçador” com 10px de altura para a logo não ficar grudada no topo da página. Além disso, centralizei todos os elementos.

Tela de edição da página, com a estrutura visível

Para a imagem, utilizei o estilo “Arredondado” (Item 1) e para ela não ficar muito grande alterei o tamanho para 50% (Item 2).

Tela de edição do bloco de imagem

Nos botões, alterei o estilo de cada um para ficarem diferentes (Item 1) e mudei a largura para 75% (Item 2) para eles não encostarem nos lados da tela.

Tela de edição do bloco de botões

Adicionalmente, instalei o plugin Blank Slate que cria um modelo de página chamado “Blank Slate” para esconder o topo e o rodapé do site.

O resultado ficou assim:

Eu sei que a página poderia ter ficado mais bonita, mas queria criar algo em poucos minutos utilizando os estilos do próprio tema ativo do site (que era o Neve). Para uma próxima versão, vou trocar de tema e trabalhar um pouco mais nos estilos.

Comparando a página que criei neste post com as ferramentas que mencionei no início, o principal diferencial é que não há o registro de clicks em cada um dos links dos botões. Mas isso vou explorar em um próximo post!



Comments

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *