Skip to content

Como criar botões personalizados em uma postagem do WordPress sem plug-ins? (Exemplo)

22 de abril de 2021

Ao criar postagens em WordPress, é comum as pessoas usarem um Plug-in para tudo sem pensar duas vezes. No entanto, isso nem sempre é recomendado e menos para elementos e funções simples. Dado isso, aprender a criar botões personalizados em uma entrada WordPress Sem plug-ins.

Tanto os botões personalizados quanto os botões de mídia social (botões do Twitter, Instagram) são muito fáceis de criar no WordPress sem o uso de plug-ins. Basta ter iniciativa e vontade de manusear um pouco de código HTML. Depois de aprendê-lo, será muito mais fácil executar outras funções e personalizar ainda mais um site.

Qual é o problema com os plug-ins?

É verdade que quando se trata de criar um site ou blog em O uso de Plugins no WordPress facilita e agiliza o trabalho, tanto de customização quanto de criação de funções (por exemplo, permitem inserir vídeos do YouTube). Porém, nem tudo é bom com Plugins e depender deles para coisas simples é fatal para a criação de um site.

Se você tem um projeto de loja online, é lógico usar Plugins para todas as funções necessárias e complexas que a criação deste representa. Por outro lado, quando você deseja criar botões personalizados em uma postagem do WordPress ou outros elementos simples, você precisa instale um plugin que permite uma função tão simples.

Isso é problemático, pois um grande número de plug-ins teria que ser instalado para cada coisa. O que afetaria diretamente o desempenho e também ao atualizá-los o processo será extenso.

Outro efeito negativo de ter plug-ins desnecessários é que muitos são criados por programadores que vendem o plug-in para uma empresa. Estes, por sua vez, aproveitam as páginas onde está instalado para realizar práticas que afetaria diretamente a página, blog ou entrada.

Por esse motivo, para criar botões personalizados em uma entrada do WordPress, é melhor fazer isso sem o uso de plug-ins externos.

Etapas para criar botões personalizados em uma postagem do WordPress sem plug-ins

Para realizar este processo é importante levar em consideração que o fará utilizando o código HTML diretamente da entrada à qual deseja adicionar o botão.

A primeira coisa a fazer é entrar no editor de postagem e ir para “HTML”. Quando estiver dentro você deve criar um link e colocar o texto que irá conter este botão.

Este texto deve ser precedido por ““E depois do texto você deve colocar”“, sendo assim” Texto de teste ”. Depois de estabelecido o texto, deve-se atribuir a ele um ID. Isso é feito para que você possa personalizá-lo posteriormente com CSS.

Para adicionar o ID, você deve inserir o nome que foi pensado entre aspas, dentro do primeiro rótulo ““E precedido por”id =”. Por exemplo, seria assim: n”> Texto de teste .

Por fim, é necessário adicionar o link para onde o botão será direcionado ao ser pressionado. Para isso você deve adicionar “Href =”E então o link entre aspas. Tudo isso deve ser inserido na primeira tag após o ID.

pc branco com mesa

O código ficaria assim Texto de teste . Esse processo consiste em criar um botão simples, agora para personalizá-lo você deve usar CSS.

O botão já funcionará com o processo realizado anteriormente. No entanto, com CSS você pode modifique a cor da letra, o tamanho da caixa do botão, a cor do botão e adicionar transparência, entre outros aspectos.

Além disso, elementos mais complexos podem ser modificados, como ao posicionar o cursor acima do botão, ele muda de cor ou executa outras funções. No entanto, isso não é necessário para crie botões personalizados em uma postagem do WordPress.

E pronto, você sabe do que precisa, lembre-se de que embora você não precise usar sempre plug-ins, nunca é demais procurar os melhores plug-ins para fazer o layout de páginas do WordPress, de modo que você tenha muitas opções na mesa quando você cria um blog.