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.
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.
O WordPress também permite que os desenvolvedores criem seus próprios widgets personalizados. Muitos temas e WordPress plugins 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.
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 outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio 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. Usando o WordPress Plugin Premium Galaxy Funder, você poderá gerenciar seu próprio site de crowdfunding ou adicionar campanhas de arrecadação de fundos no cabeçalho da sua loja online WooCommerce.
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 | Demonstração | hospedagem na web
2. Clique para WhatsApp Chat
Le WordPress Plugin O bate-papo premium Click to WhatsApp facilita a conexão dos clientes do WordPress com o proprietário do site ou com o suporte ao cliente usando sua conta do WhatsApp.
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
esta Extensão WordPress premium permite adicionar facilmente marcas d'água às suas imagens Fácil Digital Downloads.
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.
- 7 WordPress plugins para avaliar os comentários do blog
- 5 plugins WordPress para gerenciar melhor seu boletim
- 8 WordPress plugins para criar um formulário de contato
- Como abrir um vídeo do Youtube em um pop-up no WordPress
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.
...