Como adicionar ícones de mídia social à barra lateral do WordPress

Se você tem presença nas redes sociais (e quem não tem, atualmente), você quer use-o em todo o seu efeito. Qualquer que seja a sua linha de trabalho, pode haver conteúdo que é simplesmente mais eficaz quando compartilhado nas redes sociais, ou conteúdo que não é seu e que não pode ser hospedado em seu site, mas que você considera relevante. e interessante para seus visitantes. A mídia social pode atrair mais visitantes para o seu site, e há uma infinidade de técnicas que você pode usar para promover seu site nas redes sociais. Mas esta é uma via de mão dupla – seu site pode ajudar a construir sua comunidade social. Colocar seus ícones sociais em sua barra lateral irá colocá-los em foco para seus visitantes.

Mas você deveria fazer isso? Isso, e como fazer, é o que discutiremos neste artigo.

  • Por que eu quero ícones de mídia social na minha barra lateral do WordPress?
  • Como adicionar ícones sociais à barra lateral usando o tema Bridge WordPress
  • Como adicionar ícones de mídia social à barra lateral do WordPress usando um plug-in
Tópicos do Qode: principais escolhas

Veja a coleção

New Bridge Banner
Ponte

Tema WordPress criativo multifuncional

Estocolmo WordPress Theme
Estocolmo

Um tema genuinamente multi-conceito

Tema WordPress Startit
Começar

Novo tema de negócios de inicialização

Por que eu quero ícones de mídia social na minha barra lateral do WordPress?

Uma barra lateral é um tipo comum de área pronta para widgets do WordPress. Aparece, como o nome sugere, na lateral da página, separado do corpo principal da página. Uma barra lateral é normalmente usada para hospedar widgets que contêm informações relevantes para os visitantes do seu site independentemente do conteúdo específico que estão visualizando no momento, como informações de contato, ofertas especiais, barras de pesquisa, destaques etc.

Adicionar ícones sociais à sua barra lateral irá mantê-los no foco dos visitantes e na ponta dos dedos o tempo todo. direcione o tráfego para seus canais de mídia social. Não quer hospedar grandes arquivos de vídeo na biblioteca de mídia do seu site? Direcione seus visitantes para o seu canal no YouTube ou Vimeo. Quer oferecer aos seus visitantes uma fonte com curadoria de notícias do setor? Coloque um link para o feed do Twitter na barra lateral. Quer envolver seus usuários em uma discussão direta sem ter que fazer login? Experimente mostrar a eles o caminho para o seu grupo no Facebook direto da barra lateral.

Para esta demonstração, usaremos nosso tema Bridge. Embora os temas possam ser diferentes entre si, a maioria deles terá uma área de widget da barra lateral, e o procedimento para colocar os ícones de mídia social na barra lateral do WordPress funciona de forma muito semelhante: arrastar o widget correto para a área de widgets na barra lateral e depois configurá-lo ao seu gosto.

Como adicionar ícones sociais à barra lateral usando o tema Bridge WordPress

Se você estiver usando nosso tema Ponte Flexível, não deverá ter problemas para adicionar ícones sociais à sua barra lateral. O Bridge tem até um widget dedicado para isso. Mostraremos como fazer isso por meio de um post. Geramos aleatoriamente algum conteúdo para preencher o corpo principal da postagem. Mas primeiro, você precisa habilitar a barra lateral em seu tema. Para fazer isso, você precisa editar uma postagem ou página em Gutenberg. Se você estiver usando o Elementor, ainda será necessário alternar para o Gutenberg ou o editor clássico brevemente para alterar o layout da página e habilitar a barra lateral.

Role para baixo e encontre o Barra lateral Qode menu e selecione um layout que exiba a barra lateral. a Padrão o layout não, mas você pode selecionar a largura da barra lateral em relação ao corpo principal do texto e a orientação. Nós fomos com Barra lateral 1/4 direita, o que significa que a barra lateral ocupará um quarto do espaço do lado direito, mas você pode selecionar uma barra lateral esquerda e uma largura de terceira página em vez de uma quarta.

Layout da barra lateral

Em seguida, você deseja garantir que o ícone social apareça na barra lateral. Para configurar sua barra lateral, navegue até Aparência / Widgets usando o menu do lado esquerdo do painel do WordPress.

Depois disso, você precisa arrastar uma instância do Ícone social Qode widget para Barra Lateral e coloque-o onde quiser. Os widgets colocados lá aparecerão em ordem de cima para baixo. Queremos nosso widget social no topo, então é para onde vamos arrastá-lo.

Agora você precisa configurar este widget. Para esta demonstração, selecionaremos o Círculo tipo de ícone, mas você pode escolher um diferente, dependendo do design do seu site, o Fonte elegante pacote de ícones (você também pode usar Font Awesome se preferir), e o Twitter ícone de Ícone de fonte elegante Menú desdobrável. Você deve entrar no Tamanho personalizado e Tamanho de formato personalizado você gosta (10 e 13 pixels para nós, respectivamente). Também inseriremos o hiperlink de nosso feed do Twitter no Ligação campo e altere o alvo para Nova janela, que abrirá o link em uma nova janela. Claro, você pode selecionar qualquer rede social e ícone que desejar. a Ícone social Qode O widget também contém uma série de opções de layout que estão além do escopo desta demonstração, mas a infinidade de configurações de tamanho, cor e borda tornam o widget muito versátil e adaptável a qualquer estilo. Então você precisa Salve  vocês Ícone social Qode configuração e, assim, atualizar o Barra Lateral.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress
Ícone social da barra lateral

E nosso ícone do Twitter está bem no topo da nossa barra lateral!

Mas e se você quiser adicionar ícones sociais com texto como elementos em sua barra lateral? Para isso, você pode usar o Ícone Qode com texto ferramenta. Novamente, para que o tema apareça na barra lateral, você precisa habilitá-lo. Abra uma postagem ou página em Gutenberg, role para baixo. Encontre o Barra lateral Qode menu e selecione um layout, como Barra lateral 1/4 direitapor exemplo, mostrando a barra lateral.

Layout da barra lateral

Navegar para Aparência / Widgets usando o menu do lado direito do painel do WordPress. Então encontre o Ícone Qode com texto widget e arraste-o para o topo do Barra Lateral ferramenta.

Ícone Qode com widget de texto

Este widget agora precisa ser configurado. Usaremos este widget para criar um link para nosso perfil do Instagram, mas ele pode ser usado para quase qualquer rede social. de Tipo de caixa, vamos selecionar Normal, para Pacote de ícones vamos selecionar Fonte elegantee para ele Ícone de fonte elegante social_instagram. de Tipo de ícone vamos selecionar Normal, para Posição do ícone Esquerda, e para Alinhamento de conteúdo direito. Você pode, é claro, configurá-lo como quiser, com Fonte incrível ícones ou diferentes tipos de ícones, etc.

Ícone Qode com configurações de widget de texto

de Título, vamos escrever Visite-nos no Instagrame mudar o Tag do título para P. O título pode ser o que você quiser, mas encontramos qualquer tag de título além de P grande demais para este aplicativo específico. Para que o link funcione, você deve inserir o URL do seu perfil no Ligação campo (iremos com o nosso perfil Instagram) e Nosso Instagram para Texto do link.

Deixaremos as outras opções como estão, mas você pode tornar a barra lateral o que for adequado ao design e estilo do seu site.

Ícone Qode com configurações de widget de texto

E é assim que seu ícone social aparecerá no topo de nossa barra lateral.

Ícone Qode com visualização de texto

Como adicionar ícones de mídia social à barra lateral do WordPress usando um plug-in

Como sempre, sugerimos que você use a funcionalidade integrada de um tema para tudo o que deseja que seu site faça. Mas se o tema que você está usando não suporta o efeito desejado, você quase sempre pode sobreviver (ou mais do que) com um plugin. O plugin que usaremos é Bloco de ícones sociais e widget. Você precisa instalar e ativar este plugin.

Este plug-in fornecerá widgets e blocos que você pode usar para exibir seus ícones sociais em todo o seu site, mas mostraremos como exibi-los na barra lateral. Para fazer isso, você precisará navegar até Aparência / Widgets.

No lado esquerdo, no Widgets disponíveis seção, encontre o Ícones sociais WPZOOM e arraste-o para onde você quiser. Queremos nossos ícones sociais no topo da barra lateral, então é onde os colocaremos, mas você pode escolher a posição que desejar.

Ícones sociais WPZOOM

Em seguida, você precisa configurar o widget. Para o Título, nós vamos deixar Siga-nos nas redes sociais!, mas você pode escolher qualquer título ágil que desejar. Não tocaremos em nenhuma das outras configurações. Basta dizer que o plug-in oferece várias opções de tamanho e cor que você pode usar para ajustar os ícones sociais ao design do seu site.

Socail Icons por WPZOOM Setings

Rolando para baixo, você pode escolher quais ícones exibir e em que ordem. Os padrões são Facebook, Twitter e Instagram. Para adicionar outro, clique Adicione mais.

WPZOOM Adicionar ícone social

Você obterá outra seção de widget com o ícone do WordPress. Digamos que queremos adicionar nosso Pinterest perfil. Adicionaremos nosso URL ao lado do ícone e ele mudará automaticamente para um do Pinterest. Finalmente, você precisa Salve  todas as suas mudanças, é claro.

WPZOOM Adicionar ícone do Pinterest

E assim sua mídia social será anunciada aos visitantes do seu site.

Visualização dos ícones WPZOOM

Em conclusão

Como você viu, adicionar ícones de mídia social à barra lateral do WordPress não leva tempo. Você pode escolher usar as opções embutidas do seu tema, como sempre é nossa primeira sugestão, ou ir para um plugin, mas em ambos os casos é necessário pouco mais do que arrastar, soltar e alguns cliques do mouse. Então, por que você não tenta? Seus visitantes que usam a mídia social irão apreciar.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: