Ir para o conteúdo principal

Como adicionar botões para WordPress sem o uso de códigos de acesso

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Se você é como a maioria dos blogueiros iniciantes e intermediários, certamente não tem conhecimento de HTML / CSS. Muitos bloggers (como eu) prefere usar plugins que permitem adicionar botões às suas publicações 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 edite um existente, e você verá um novo botão no Visual Editor 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 do botão e o URL e, em seguida, selecionar as cores do texto e do plano 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

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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 das suas alterações. Quando estiver satisfeito com a aparência, basta clicar em 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 métodos de alinhamento no editor para alinhar o botão ao centro, esquerda ou direita. Clique duas vezes no botão para abrir a janela de edição do botão e você pode alterá-lo, se desejar.

Nesse nível, agora você pode adicionar botões no WordPress sem usar códigos de acesso. Mas antes de sair, sugerimos que você consulte dois plug-ins premium do WordPress que permitirão gerenciar efetivamente 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% dos temas do ThemeForest WordPress. Mas o fato é que ele é usado em um grande número de sites.


Como o Divi Builder, o WPBakery Page Builder permite edição visual e edição no 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 itens 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

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Descarregar | Demo |hospedagem na web

2. Construtor Divi

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

Diferente dos dois construtores anteriores, o Divi Builder permite editar seu conteúdo usando uma interface visual no front-end e uma interface no back-end, embora a maioria dos usuários prefira a primeira interface .

Basicamente, em vez de barras laterais, tudo está em pop-ups e botões flutuantes. Ele fornece acesso a modelos predefinidos do 316 espalhados por diferentes pacotes de apresentação do 40, além da capacidade de salvar 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 personalizado, porque seu editor de CSS integra validação básica e preenchimento automático. Um dos críticos do Divi Builder sempre foi o fato de ser baseado em códigos de acesso. O que significa que, se você desativá-lo um dia, ele deixará vários 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

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

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.

...

Este artigo contém comentários 3

Deixe um comentário

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

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
2 ações
ação
chilrear
Enregistrer2