Deseja saber como adicionar ícones personalizados de mídia social do WordPress ao seu site?
A adição de ícones de mídia social ao WordPress permite que os visitantes conheçam suas contas de mídia social e os incentiva a segui-lo. A maioria dos plug-ins de mídias sociais oferece ícones para as principais plataformas de mídias sociais, mas se você quiser criar um link para uma página de mídia social que esses plug-ins não suportam, talvez não tenha como fazer isso.
Neste artigo, mostraremos como adicionar facilmente botões personalizados de mídia social ao WordPress para enviar os usuários a mais redes sociais de nicho.
Por que adicionar ícones de mídia social ao seu site WordPress?
Adicionar ícones de mídia social ao seu site WordPress facilita para que os visitantes do site o encontrem em outras plataformas. Considerando que as pessoas passam em média 2 horas e 27 minutos por dia nas mídias sociais, ter uma presença fora do seu site é uma maneira inteligente de interagir com seu público-alvo.
Além disso, os ícones de mídia social são pequenos, o que permite exibi-los em muitas partes do seu site, inclusive:
- Menus do WordPress
- Cabeçalhos do WordPress
- Rodapés do WordPress
- Áreas de widgets do WordPress
- Páginas/posts do WordPress
- Produtos do WooCommerce
Aqui está uma captura de tela de como o WPBeginner exibe links de mídia social em sua barra lateral do WordPress.
Ao adicionar ícones de mídia social ao seu site, é útil lembrar que os botões de seguir de mídia social são diferentes dos botões de compartilhamento social ou dos ícones de compartilhamento social. Em vez de pedir aos usuários que compartilhem conteúdo, eles incentivam os visitantes a seguir seus perfis de mídia social.
Dito isso, vamos ver como adicionar ícones personalizados de acompanhamento de mídia social ao seu site.
Como adicionar ícones personalizados de mídia social no WordPress: 2 maneiras
Como mencionamos anteriormente, muitos plug-ins populares do WordPress não incluem a funcionalidade de adicionar ícones personalizados de mídia social ao seu site. Geralmente, você fica limitado às principais plataformas sociais, como Facebook, Twitter, Instagram, YouTube, LinkedIn e Pinterest.
Se o seu público estiver ativo em sites sociais mais específicos, talvez seja difícil encontrar um plug-in que atenda às suas necessidades. Com isso em mente, compartilharemos abaixo duas maneiras fáceis de adicionar ícones de mídia social personalizados ao seu site.
1. Adição de ícones de mídia social do WordPress com o SeedProd
Para o primeiro método, usaremos o SeedProd para adicionar ícones sociais personalizados ao seu site.
O SeedProd é o melhor construtor de sites do WordPress que permite criar temas e páginas de destino personalizados do WordPress sem escrever código. Com centenas de modelos predefinidos, um construtor do tipo arrastar e soltar e blocos e seções personalizáveis, é muito fácil aperfeiçoar o design do WordPress com o SeedProd.
Neste método, usaremos o bloco Social Profiles do SeedProd para adicionar ícones sociais personalizados ao seu site. O bloco é fácil de configurar, não requer CSS, HTML ou PHP personalizados e usa edição visual em vez de um shortcode.
Você também pode usar esse plug-in para:
- Aumente sua lista de e-mails
- Crie uma página de "Em breve
- Colocar o WordPress em modo de manutenção
- Crie páginas de destino que convertem
- Exibir páginas 404 personalizadas
- Criar uma página de login personalizada do WordPress
- E muito mais
Siga as etapas abaixo para adicionar ícones de mídia social do WordPress com o SeedProd.
Tutorial em vídeo
Etapa 1. Instalar e ativar o SeedProd
Primeiro, visite a página de preços do SeedProd, escolha seu plano e crie sua conta. Para este guia, estamos usando o SeedProd Pro por seus recursos avançados.
Em seguida, faça login no painel de controle da sua conta e acesse a guia Downloads. A partir daí, você pode fazer o download do arquivo zip do plug-in e copiar sua chave de licença.
Agora, vá para a área de administração do WordPress e carregue o plug-in SeedProd. Se precisar de ajuda com essa etapa, siga este guia sobre como instalar e ativar um plug-in do WordPress.
Depois de ativar o plug-in, vá para SeedProd " Settings e cole a chave de licença que você copiou anteriormente. Clique no botão Verify Key (Verificar chave ) para salvar as configurações e, em seguida, passe para a próxima etapa.
Etapa 2. Criar um tema WordPress ou uma página de destino
A próxima etapa é criar uma página de destino ou um design de tema do WordPress; no entanto, isso dependerá da licença do SeedProd que você escolheu na Etapa 1.
Os usuários Basic e Plus podem criar páginas de destino com o SeedProd, enquanto os usuários Plus e Elite podem criar páginas de destino e temas do WordPress com esse plug-in.
Siga as etapas destes tutoriais para criar seu projeto SeedProd:
Depois de criar uma página de destino ou um tema do WordPress, vá para a Etapa 3 para adicionar seus ícones personalizados de mídia social do WordPress.
Etapa 3. Adicione seus ícones personalizados de mídia social ao WordPress
O SeedProd permite adicionar ícones personalizados de mídia social em qualquer lugar do WordPress com seu Theme Builder fácil e avançado. Depois de escolher seu Website Kit, basta abrir cada parte do tema e adicionar o bloco Social Profiles.
Como adicionar ícones de mídia social ao cabeçalho do WordPress
Vamos começar adicionando ícones de perfil social ao seu menu do WordPress. Para fazer isso, acesse SeedProd " Theme Builder, passe o mouse sobre o modelo de cabeçalho e clique no botão Edit Design (Editar design ).
Na tela seguinte, você verá um layout de duas colunas como este:
Por padrão, o modelo que estamos usando tem um cabeçalho de 2 colunas com um logotipo e um menu de navegação. Para adicionar os ícones do seu perfil social, será necessário alterá-lo para uma seção de 3 colunas.
Primeiro, passe o mouse sobre a seção do cabeçalho até que ela tenha um contorno roxo e, em seguida, clique no botão seção duplicada seção duplicada.
Agora, na nova seção, passe o mouse sobre o conteúdo até que ele tenha uma borda azul e, em seguida, clique no ícone da Lixeira para removê-lo.
Depois disso, clique na opção de layout de 3 colunas para adicioná-la à sua nova seção.
Em seguida, mova os elementos da seção antiga para a nova seção arrastando e soltando.
Quando terminar, você deverá ter uma coluna vazia onde poderá adicionar os ícones do seu perfil social. Antes de fazer isso, passe o mouse mais uma vez sobre a seção antiga e clique no ícone da lixeira para excluí-la.
Para adicionar seus perfis sociais personalizados ao cabeçalho, localize o bloco Social Profiles (Perfis sociais ) na barra lateral esquerda e arraste-o para a coluna vazia. Agora você pode clicar no bloco para ver suas opções de personalização.
Por padrão, o bloco Perfis sociais exibirá ícones do Facebook, Twitter, Instagram e YouTube. Você pode alterar os ícones clicando em cada um deles e escolhendo uma rede de mídia social no menu suspenso.
As plataformas que você pode escolher incluem:
- Discórdia
- Facebook Messenger
- GitHub
- IMDB
- Médio
- Telefone
- RSS
- Slack
- Snapchat
- SoundCloud
- Telegrama
- TikTok
- Vimeo
- WordPress
- YouTube
- Personalizado
Para adicionar um botão de perfil de mídia social personalizado, clique na opção Personalizado e no ícone de engrenagem para abrir as configurações.
Em seguida, clique na opção Choose Icon (Escolher ícone ) e procure um ícone diferente usando o Font Awesome que atenda às suas necessidades de mídia social. Por exemplo, você pode adicionar ícones sociais personalizados para Spotify, Skype, Tumblr, Behance, Airbnb, Audible, Playstation e muitos outros.
Depois de escolher seu ícone de perfil social personalizado, você pode alterar a cor do ícone e adicionar seu link personalizado.
Mais abaixo no painel de configurações, há opções para alterar o estilo, o tamanho e o alinhamento do ícone.
Na guia Templates (Modelos ), você pode adicionar um estilo personalizado aos seus ícones com um clique.
A guia Advanced oferece configurações para personalizar estilos de ícones em um nível granular. Por exemplo, você pode alterar a cor de fundo, o tamanho, o espaço, a sombra, a margem e o preenchimento do ícone.
Você também pode mostrar ou ocultar os ícones do seu perfil social em dispositivos móveis ou desktop, o que é uma excelente maneira de melhorar a otimização móvel para visitantes que usam um smartphone ou tablet.
Antes de salvar suas alterações, passe o mouse sobre o bloco Social Profiles e clique no ícone Save (Salvar ). Isso permitirá que você o reutilize em outras áreas do seu site sem adicionar manualmente cada link social e ícone personalizado novamente.
Portanto, na janela pop-up, dê ao seu bloco um nome como "Custom Social Icons" (Ícones sociais personalizados) e salve.
Quando estiver satisfeito com seus ícones de mídia social do WordPress, clique no botão Save (Salvar ) no canto superior direito da tela.
Agora, vamos adicionar os ícones de mídia social ao rodapé do seu site.
Como adicionar ícones de mídia social ao rodapé do WordPress
Para adicionar ícones sociais ao rodapé, acesse o painel do construtor de temas SeedProd, passe o mouse sobre o modelo Footer (Rodapé) e clique no link Edit Design (Editar design ).
Em seguida, abra o cabeçalho Saved Blocks (Blocos salvos ) na barra lateral esquerda e arraste o bloco de ícones sociais personalizados que você salvou na última etapa para uma coluna na área do rodapé.
Se o rodapé do WordPress tiver uma cor de fundo semelhante à dos ícones, você poderá clicar na guia Advanced (Avançado ) e escolher uma nova cor de ícone com o seletor de cores.
Quando tudo parecer adequado, clique no botão Save (Salvar ) para armazenar suas alterações.
Como adicionar ícones de mídia social à barra lateral do WordPress
Para adicionar ícones sociais personalizados à barra lateral do WordPress, volte ao painel do construtor de temas, passe o mouse sobre o modelo Sidebar e clique no link Edit Design.
Agora, repita as instruções da etapa anterior e clique no botão Save (Salvar) quando terminar.
Você também pode repetir esse processo para qualquer página do seu site, incluindo as páginas de destino e as páginas de conteúdo, como as páginas sobre, de serviços e de contato.
Etapa 4. Publicar suas alterações
A última etapa é publicar seu novo tema do WordPress para que os visitantes do site possam ver seus novos ícones de perfil de mídia social. Para fazer isso, vá até o painel do Theme Builder e coloque a opção Enable SeedProd Theme na posição "Yes" (Sim).
Agora você pode dar uma olhada nas suas alterações. Aqui estão alguns exemplos deste tutorial:
Cabeçalho
Rodapé
Barra lateral
2. Usando o widget de ícones sociais simples
O método a seguir é útil se você quiser adicionar apenas ícones personalizados de mídia social à barra lateral ou às áreas de widget do WordPress. Se estiver procurando um plug-in gratuito com ícones personalizados, experimente o Social Icons Widget & Block da WPZOOM.
No entanto, usaremos um plug-in do WordPress chamado Simple Social I cons, que pode ser baixado gratuitamente do repositório de plug-ins do WordPress, pois é simples, sem recursos adicionais.
Primeiro, vá para Plugins " Adicionar novo no painel do WordPress, procure o plug-in Simple Social I cons e clique no botão Instalar agora.
Em seguida, clique no botão Activate (Ativar ) para ativar o plug-in em seu site do WordPress.
Depois de instalar o plug-in, navegue até Appearance " Widgets e clique no ícone de mais (+) para adicionar um novo bloco à barra lateral.
Você precisará procurar o bloco Simple Social Icons e clicar nele para incorporá-lo à área do widget.
Nas configurações do bloco, dê ao widget um título como "Siga-nos" e, em seguida, clique na caixa de seleção para abrir os links em uma nova guia. Essa é uma ótima maneira de manter os usuários no seu site e reduzir as taxas de rejeição, o que pode ajudar no seu SEO.
Em seguida, ajuste o tamanho do ícone, o raio da borda, a largura e o alinhamento.
Em seguida, role para baixo e escolha uma cor de ícone personalizada, cor de foco, cor de fundo, cor de foco de fundo, cor de borda e cor de borda de fundo.
Por fim, você pode inserir seus links de perfil para mais de 20 plataformas de mídia social, incluindo:
- Blogluvin
- Driblar
- Flickr
- Goodreads
- Periscópio
- Reunião
- E os principais sites de redes sociais.
Lembre-se de clicar no botão Update (Atualizar ) para salvar o novo recurso. Em seguida, você pode visualizar a barra lateral do WordPress para ver a aparência dos ícones de mídia social.
É isso aí!
Esperamos que este artigo tenha ajudado você a aprender como adicionar ícones personalizados de mídia social do WordPress ao site da sua empresa.
Talvez você também goste destes outros guias úteis do nosso blog:
- Como criar uma página moderna de WordPress em construção
- Como promover seu blog (guia para iniciantes)
- Como incorporar eventos do Facebook no WordPress
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
