Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

Os blocos de botões incorporados no WordPress facilitam muito a adição de botões, uma funcionalidade introduzida no editor de blocos do WordPress Gutenberg. Neste artigo, vamos mostrar-lhe as várias formas de adicionar botões de chamada para ação às publicações e páginas do blogue WordPress. Pode escolher a solução que melhor se adapta às suas necessidades.

Adicionar botões a posts/páginas do WordPress utilizando o editor predefinido

Este método é fácil de utilizar e adequado a todos os utilizadores. Utiliza a função integrada do editor de blocos do WordPress "botões"Blocos". Se ainda estiver a utilizar o antigo Editor Clássico, pode saltar para a secção seguinte.

1. selecionar a página

necessidadeCriar uma nova publicaçãotalvezEditar uma mensagem existentepara adicionar botões.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

No ecrã de edição de publicações, clique em "+" e selecione o bloco de botões na secção Elementos de apresentação.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

2) Adicionar bloco de botões

A seguir, deve ver que o bloco de botões foi adicionado ao editor de conteúdos. Basta clicar em "Adicionar texto..." e introduza o texto do botão.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

3. adicionar o texto do botão

Em seguida, clique no botão Link na barra de ferramentas para adicionar um link. Pode procurar o post ou a página, ou simplesmente copiar e colar o URL no campo de ligação. Quando terminar, prima o botão "Entrar"ou clicar em "aparelho" para guardar a ligação.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

4. adicionar um botão de ligação

Para centrar o botão, pode clicar em "alinhar-se na ordem correta" e selecionar "alinhado ao centro". O alinhamento vertical dos botões também pode ser alterado a partir da barra de ferramentas.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

5) Alterar o alinhamento dos botões

Em seguida, pode personalizar o estilo do botão e alterar as cores do texto e do fundo no painel Definições do bloco, à direita. Basta mudar para as definições do bloco em "tipo" para ajustar o estilo do botão.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

6、Alterar o estilo do botão

Estão disponíveis três estilos de botão: padrão, contorno e quadrado. A secção de definições de cor inclui cinco variações de cor para o fundo e o texto do botão. As definições de cor também podem ser alteradas clicando no botão "Cores personalizadas" para selecionar uma cor personalizada. Quando estiver satisfeito com o design do botão, guarde ou publique a sua publicação para ver uma pré-visualização em direto.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

Criar botões do WordPress no Editor Clássico

O editor de blocos predefinido do WordPress é mais moderno e mais rápido. Alguns utilizadores ainda utilizam o antigo editor clássico do WordPress. Não recomendamos a utilização do editor clássico porque tem uma funcionalidade limitada e está desatualizado.

Se ainda estiver a utilizar o Editor Clássico, pode adicionar botões ao WordPress de três formas:

  1. Adicionar botões utilizando código HTML/CSS.
  2. Adicione botões utilizando o plugin Button Shortcode.
  3. Adicionar botões sem utilizar o shortcode.

1. utilizar Esqueça os botões de shortcode plug-in (componente de software)

O terceiro método recomendado é a utilização de um plugin. Em primeiro lugar, instale e active no painel de controlo Esqueça os botões de shortcode Plugin. Depois de ativar o plug-in, crie uma nova publicação ou edite uma publicação existente. No editor, clique em "Botão de inserção"Ícones.

2、Inserir ícone do botão

Aparecerá uma janela onde pode desenhar o novo botão. Primeiro, adicione o texto e o URL do botão. Em seguida, pode adicionar a ligação ao botão nofollow e selecionar Abrir ligação num novo separador.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

3. selecionar os ícones e as cores dos botões

Também pode selecionar o ícone do botão, a cor do texto e a cor de fundo, escolher o estilo e o tamanho do botão. Quando terminar, clique em "atualização", o botão será inserido na publicação.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

4、Alinhamento de botões

O alinhamento dos botões pode ser definido selecionando o texto do botão e utilizando os botões da barra de ferramentas no editor. Quando estiver satisfeito com o seu design, publique ou actualize a publicação para ver o resultado real.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

Adicionar botões "Click-to-Call" no WordPress

Os botões "Click-to-call" são um tipo específico de botão de frase de chamariz em que os utilizadores clicam simplesmente para ligar para a sua equipa. Isto é muito eficaz para aumentar os contactos e as conversões.

1. instalação Botão de chamada WP plug-in (componente de software)

Em primeiro lugar.Instalar e ativar o plugin WP Call ButtonUma vez ativado, visite a página Definições. Após a ativação, visite a página Definições "Botão de chamada WP" para configurar as definições do plug-in e conceber o botão "click-to-call".

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

2、Configurar o botão de chamada fixa

Nas definições dos Botões de chamada fixa, active o estado do botão Ligar agora, introduza o número de telefone, edite o texto do botão de chamada, selecione a posição e a cor do botão.

3、Definição do botão personalizado

Pode personalizar o texto, as cores, os ícones, etc. do botão e escolher em que páginas do sítio Web e dispositivos será apresentado o botão de chamada fixo. Guarde as suas alterações e visite o sítio Web para ver o efeito do botão.

4) Adicionar botão de chamada estática

Os botões de chamada estáticos também podem ser adicionados às páginas, publicações e barras laterais do WordPress utilizando o plug-in. Adicione um bloco WP Call Button no editor de blocos e personalize o design do botão. Se utilizar o Editor Clássico, pode utilizar o Gerador de Código Curto para obter o código curto e adicioná-lo à publicação ou página.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

5) Adicionar widgets

Arraste o widget WP Call Button para a barra lateral ou outra área de widgets para guardar as definições.

Como adicionar botões personalizados a posts e páginas do WordPress: um tutorial passo a passo detalhado

Adicionar dicas de botões personalizados no WordPress

Adicionar botões não é suficiente, pode ser necessário utilizar oImagem do herói,Menus e layouts personalizadosPersonalizar a página. Recomenda-se a utilização da opçãoarrastar e largar Plug-ins do construtor de páginas do WordPress, como SeedProd talvez Arquiteto Thrive. Estes construtores podem ajudá-lo a criar páginas personalizadas com bonitos botões de chamada para ação.

Resumo:

Este artigo detalha as várias formas de adicionar botões de chamada para ação às publicações e páginas do WordPress. Quer estejas a usar o editor de blocos padrão do Gutenberg ou o editor clássico, há uma variedade de opções disponíveis para ti. Pode adicionar botões personalizados e botões click-to-call através de blocos de botões incorporados, plugins como Forget About Shortcode Buttons e WP Call Button.


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/14547/

Como (0)
Anterior Quarta-feira, 27 de julho de 2024 às 9:41.
Seguinte Quarta-feira, 27 de julho de 2024 às 9:56 a.m.

Recomendado

Deixe um comentário

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

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.