Deseja criar seus próprios widgets personalizados no WordPress?

Widgets permitem que você arraste e solte itens em qualquer barra lateral pronta ou área de widget em seu site. Neste artigo, portanto, mostraremos como criar facilmente um widget personalizado do WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Crie um widget personalizado no wordpress

O que é um widget WordPress?

Os widgets do WordPress contêm pedaços de código que você pode adicionar às barras laterais do seu site ou áreas compatíveis com widgets. Pense nisso como módulos que você pode usar para adicionar diferentes elementos usando uma interface simples de "arrastar e soltar".

Por padrão, o WordPress vem com um conjunto padrão de widgets que você pode usar com qualquer tema do WordPress. 

Descubra também nossos melhores temas premium para WordPress.

Widget de painel Wordpress

O WordPress também permite que os desenvolvedores criem seus próprios widgets personalizados. Muitos temas e plugins do WordPress vêm com seus próprios widgets personalizados que você pode adicionar às suas barras laterais.

Por exemplo, você pode adicionar um formulário de contacto, um formulário de login costume ou uma galeria de fotos em uma barra lateral sem escrever nenhum código.

Dito isso, vamos ver como criar facilmente seus próprios widgets personalizados no WordPress.

Como criar um widget personalizado no WordPress

Este tutorial é para pessoas que têm conhecimento de desenvolvimento web.

Antes de começar, seria melhor criar um plug-in específico no site em que você cola o código do widget para este tutorial.

Você também pode colar o código no arquivo "functions.php" do seu tema WordPress. No entanto, ele estará disponível apenas quando esse tema específico do WordPress estiver ativo.

Neste tutorial, criaremos um widget simples que simplesmente receberá os visitantes. Veja este código e cole-o no seu plug-in específico para vê-lo em ação.

// Registre e carregue a função do widget wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Criando a classe de widget wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// Base ID de seu widget 'wpb_widget', // O nome do widget aparecerá na IU __ ('BPC Widget', 'wpb_widget_domain') , // array de descrição do widget ('descrição' => __ ('Widget simples do WordPress', 'wpb_widget_domain'),)); } // Criando widget de função de widget de front-end público ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // os argumentos antes e depois do widget são definidos por temas echo $ args ['before_widget']; if (! empty ($ title)) echo $ args ['before_title']. $ title. $ args ['after_title']; // Aqui é onde você executa o código e exibe a saída echo __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Formulário de função pública de backend do widget ($ instância) {if (isset ($ instância ['título'])) {$ título = $ instância ['título']; } else {$ title = __ ('Novo título', 'wpb_widget_domain'); } // Widget de formulário de administrador?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Depois de adicionar o código, você deve ir para " Aparência> Widgets ". Você notará o novo widget " PCB widget Na lista de widgets disponíveis. Você deve arrastar e soltar este widget em uma barra lateral.

Widget personalizado Wordpress

Agora, visitando seu blog, você verá um widget na barra lateral em que adicionou o widget em questão.

Agora vamos dar uma olhada neste código.

Primeiro, gravamos “ wpb_widget E carregamos nosso widget customizado. A seguir, definimos o que esse widget faz e como exibi-lo no painel.

Por fim, definimos como lidar com as alterações feitas no widget.

Agora, há algumas coisas que você pode querer saber. Por exemplo, qual é o objetivo " wpb_text_domain "?

O WordPress usa "gettext" para gerenciar tradução e localização. Então " wpb_text_domain "e __E informa ao gettext como recuperar uma string de tradução, se existir.

Se você criar um widget personalizado para o seu tema WordPress, poderá substituir "wpb_text_domain" pelo texto do domínio do seu tema.

Descubra também alguns plugins premium do WordPress  

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Galaxy Funder

O Galaxy Funder é um sistema de crowdfunding repleto de recursos, projetado para qualquer site WooCommerce. Ao usar o plugin premium do Galaxy Funder WordPress, você poderá gerenciar seu próprio site de crowdfunding ou adicionar campanhas de arrecadação de fundos no cabeçalho de sua loja online WooCommerce.

Galaxy funder woocommerce plugin do sistema de crowdfunding wordpress

Você também pode usar qualquer gateway de pagamento suportado pelo WooCommerce. Observe que o “Galaxy Funder” funciona diretamente na página da loja online, o que torna o processo de contribuição do usuário mais fácil.

Descarregar | Demohospedagem na web

2. Clique para WhatsApp Chat

O plug-in premium do WordPress O bate-papo Click to WhatsApp permite que os clientes do WordPress se conectem facilmente ao proprietário do site ou ao suporte ao cliente usando sua conta do WhatsApp. 

Clique para bater papo no WhatsApp para o plugin wordpress

Basta um clique na conta do WhatsApp e ela será direcionada diretamente para a conta do WhatsApp móvel com uma mensagem padrão. E se o cliente estiver no desktop ou laptop, ele será redirecionado para o WhatsApp Web.

Este plugin requer o número do WhatsApp, hora e dia, que o proprietário do site ou a equipe de suporte usará para discutir. O botão Bate-papo pode ser adicionado à página de detalhes do produto WooCommerce, que está diretamente relacionado a este produto.

Descarregar | Demo | hospedagem na web

3. Baixe a marca d'água da imagem

Este plugin WordPress premium permite que você adicione facilmente marcas d'água às suas imagens Fácil Digital Downloads.marca d'água fácil digital de download de arquivo-imagem

Ces marcas d'água pode ser uma imagem de símbolo de direitos autorais, um logo da empresaou parte da marca como uma imagem PNG transparente.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Voila! Isso é tudo para este tutorial, espero que ele permita que você crie widgets personalizados no seu blog WordPress. Se você tem Comentários ou sugestões, não hesite em nos informar na seção reservada.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais

...  

10 ações
ação8
chilrear1
Enregistrer1