Se você é como a maioria dos blogueiros novatos e até intermediários, certamente não tem conhecimento de HTML / CSS. Muitos bloggers (como eu) prefere usar plugins que lhes permitem adicionar botões a seus posts ou páginas usando shortcodes. Mas esses códigos de acesso - códigos de acesso - são difíceis de lembrar e difíceis de configurar.

Neste artigo, vamos mostrar-lhe como adicionar botões WordPress sem usar códigos de acesso.

Se você é novo no mundo do WordPress, descubra Como instalar um blog WordPress passos 7

A primeira coisa que você precisa fazer é instalar e ativar o plug-in « Forget About Shortcode Botões ".

Depois de ativar este plug-in, você só precisará criar um nova publicação ou modifique um já existente, e você verá um novo botão no editor visual com o título « Inserir botão » (adicionar um botão).

fasb-editorbutton

Para inserir um novo botão em sua publicação ou página, você deve clicar no botão Inserir um botão. Isso abrirá uma janela onde você pode criar seu novo botão.

designyourbutton

Tudo o que você precisa fazer é adicionar o texto e o URL do botão e, em seguida, selecionar o texto e as cores de fundo. Em seguida, clique no menu suspenso da opção "Tipo"Para escolher a forma do seu botão. Você também pode escolher o tamanho do botão.

Complete seu conhecimento descobrindo Como usar e gerenciar códigos de acesso WordPress

Se você clicar na guia « ícone », você poderá ver os ícones que você pode adicionar antes ou depois do texto dos seus botões. Ces ícones são mais exatamente ícones-fontes.

buttonswithicons

Durante o processo de criação do botão, você poderá ter uma visualização em tempo real de cada uma de suas alterações. Quando estiver satisfeito com o visual, basta clicar inserir.

Confira este artigo e admire Como melhorar o design de seus itens WordPress com estes códigos de acesso gratuitos

Você também pode escolher os métodos de alinhamento no editor para alinhar o botão ao centro, à esquerda ou à direita. Dê um clique duplo no botão para abrir a janela de edição do botão e você pode editar o botão se quiser.

Neste nível, agora você tem a possibilidade de adicionar botões no WordPress sem usar códigos de acesso. Mas antes de deixá-lo, sugerimos que você verifique dois plug-ins premium do WordPress que permitirão que você gerencie códigos de acesso com eficácia.

1. Construtor de Páginas do WPBakery

Outro criador de páginas premium e extremamente popular é o WPBakery Page Builder, anteriormente conhecido como Visual Composer. Muito dessa popularidade vem do fato de que o WPBakery Page Builder vem com quase 99% dos temas WordPress de ThemeForest. Mas o fato é que ele é usado em um grande número de sites.

wp padaria page builder e1544277016913
Como o Divi Builder, o WPBakery Page Builder permite a edição visual e a edição de back-end. Comparado a algo como Elementor ou Divi Builder, as opções de estilo do WPBakery Page Builder são um pouco limitadas. Você tem um bom controle sobre as linhas, mas as opções de estilo para os elementos individuais são um pouco mais limitadas.

Se você quiser usar seu próprio CSS, poderá adicionar uma classe ou ID CSS personalizado aos elementos individuais ou adicionar estilos reais ao nível da página.

Não tenho certeza de que o WPBakery Page Builder tenha recursos exclusivos que são particularmente dignos de nota. Mas o que ele tem é uma enorme comunidade de extensões. Como o Divi Builder, o WPBakery Page Builder deixa para trás uma infinidade de códigos de acesso no seu conteúdo, se você o desabilitar. Descubra o tutorial

Descarregar | Demo | hospedagem na web

2. Construtor Divi

Divi Builder é um construtor de páginas de alta qualidade, altamente valorizado por temas elegantes. Embora geralmente seja usado como parte do tema do Divi WordPress, o Divi Builder também é um plug-in independente que você pode usar em outros temas do WordPress.

divi e1544278044306

Ao contrário dos dois construtores anteriores, o Divi Builder permite que você edite seu conteúdo usando uma interface visual no front-end, bem como uma interface no back-end, embora a maioria dos usuários prefira a primeira interface. .

Basicamente, em vez de barras laterais, é tudo em pop-ups e botões flutuantes. Dá-lhe acesso a 316 modelos pré-concebidos espalhados por 40 pacotes de apresentação diferentes, bem como a capacidade de guardar os seus próprios designs como modelos.

Uma das características de Divi sempre foi o controle dos estilos que ele lhe dá. Em três guias diferentes, você pode definir várias configurações, incluindo controles responsivos, espaçamento personalizável e muito mais.

Você pode até adicionar CSS customizado, pois seu editor de CSS inclui validação básica e preenchimento automático. Uma das críticas ao Divi Builder sempre foi que ele depende de códigos de acesso. O que significa que se você desligá-lo, deixará um monte de códigos de acesso em seu conteúdo. Embora isso seja um pouco deprimente, é menos problemático agora que existem plugins como o Shortcode Cleaner. 

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Vá além no domínio do seu site WordPress, consultando também esses recursos recomendados.

Conclusão

É isso aí! Esperamos que este artigo o ajude a adicionar botões aos WordPress sem usar códigos de acesso. Se você tiver alguma sugestão ou comentário, será bem-vindo.

Também convidamos você a consultar nosso recursos se você é um blogueiro iniciante. Mas, nPedimos que você compartilhe este artigo em suas diferentes redes sociais.

...  

2 ações
ação
chilrear
Enregistrer2