Se você é como a maioria blogueiros iniciantes e mesmo intermediário, então você definitivamente 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.

Nesse nível, agora você tem a opção de adicionar botões ao WordPress sem usar códigos de acesso. Mas antes de deixar você, sugerimos que você consulte dois WordPress plugins premium que permitirá que você gerencie com eficiência os códigos de acesso.

1. Construtor de Páginas do WPBakery

O WPBakery Page Builder, anteriormente conhecido como Visual Composer, é outro construtor de páginas premium e extremamente popular. Grande parte dessa popularidade vem do fato de que o WPBakery Page Builder vem com quase 99% do Temas do WordPress por ThemeForest. Mas o fato é que ele é usado em um número muito grande 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

O Divi Builder é um construtor de páginas de alta qualidade altamente avaliado pela Elegant Themes. Embora geralmente usado como parte do tema WordPress Divi, o Divi Builder também é um plugin autônomo 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.

...