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

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ê é como a maioria dos blogueiros iniciantes e intermediários, então você certamente não tem conhecimento de HTML / CSS. Muitos bloggers (como eu) prefiro usar plugins que permitem adicionar botões às suas publicações ou páginas usando shortcodes. Mas esses códigos de acesso - códigos curtos - 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 em etapas 7

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

Depois de ter ativado este plug-in, você só precisa criar um nova publicação ou editar um 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 na 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 de opções "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 no WordPress

Se você clicar na guia " ícone », então 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.

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]

buttonswithicons

Durante o processo de criação de botões, 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 artigos do WordPress com esses 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 de botão e você poderá alterar o botão se desejar.

Neste nível, você agora tem a capacidade de adicionar botões no WordPress sem usar códigos de acesso. Mas antes de sair, sugerimos que você consulte dois plugins premium do WordPress que permitirão que você gerencie códigos de acesso com eficiência.

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% de temas WordPress do ThemeForest. Mas o fato é que ele é usado em um grande número de sites.


Tal como o Divi Builder, o WPBakery Page Builder permite editar e editar visualmente no backend. 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 itens individuais são um pouco mais limitadas.

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

Não tenho certeza se o WPBakery Page Builder possui 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 em seu conteúdo, se você desativá-lo. 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]

Download | Demonstração |Web Hosting

2. Construtor Divi

O Divi Builder é um construtor de páginas de alta qualidade, altamente apreciado pelo Elegant Themes. Embora seja geralmente usado como parte do tema DivX do WordPress, o Divi Builder também é um plug-in autônomo que você pode usar em outros temas do WordPress.

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 está em botões pop-up e flutuantes. Ele oferece acesso a modelos pré-definidos 316 espalhados pelos diferentes pacotes de apresentação do 40, bem como a capacidade de salvar seus próprios designs como modelos.

Um dos traços 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 o editor CSS integra a validação básica e o preenchimento automático. Um dos críticos do Divi Builder sempre foi que ele é baseado em códigos de acesso. O que significa que se você desativá-lo um dia, ele deixará um monte de códigos de acesso em seu conteúdo. Embora isso seja um pouco deprimente, é um problema menor agora que existem plugins como o Shortcode Cleaner.

Download | Demonstração | Web Hosting

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á mais longe no domínio do seu site WordPress, consultando também estes recursos recomendados.

Conclusão

É isso! Esperamos que este artigo ajude você a adicionar botões 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 nNós pedimos 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
5 ações
ação3
chilrear
Enregistrer2
Whatsapp