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

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 para o efeito completo. Qualquer que seja 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 não pode ser hospedado em seu site, mas que você considera relevante e interessante para seus visitantes. A mídia social pode traga 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ê deve 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?

Uma barra lateral é um tipo comum de área pronta para widget 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 abrigar 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 e assim por diante.

Adicionar ícones sociais à sua barra lateral irá mantê-los no foco dos visitantes e na ponta dos dedos o tempo todo, encorajando 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 dar a seus visitantes um feed 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 que eles precisem fazer login? Experimente mostrar a eles o caminho para o seu Grupo do Facebook diretamente da barra lateral.

Sem contar que os usuários da Internet esperam ícones nas barras laterais. Eles saberão onde encontrá-los sem que você os torne ainda mais evidentes. Além disso, os ícones não entrarão em conflito com o estilo do seu site visualmente, seja qual for a sua aparência, e não se perderão no corpo principal do conteúdo da sua página.

Para esta demonstração, usaremos nosso tema Bridge. Embora os temas possam diferir entre si, a maioria deles terá uma área de widget da barra lateral, e o procedimento para colocar seus ícones de mídia social em sua barra lateral do WordPress funciona da mesma forma: arrastando o widget correto para a área de widget da barra lateral e, em seguida, configurando-o ao seu gosto.

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

Se você estiver usando nosso tema flexível do Bridge, não deverá ter problemas para adicionar ícones sociais à sua barra lateral. O Bridge tem até um widget dedicado para isso. Estaremos mostrando 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 do seu tema. Para fazer isso, você precisa editar uma postagem ou página em Gutenberg. Se você estiver usando o Elementor, você ainda precisa mudar para Gutenberg ou o editor Clássico brevemente a fim de alterar o layout da página para habilitar a barra lateral.

Role todo o caminho para baixo e encontre o Barra Lateral Qode menu e selecione um layout que mostra a barra lateral. O Padrã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 no 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 certificar-se de 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 Qode Social Icon widget para o 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.

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

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 Font Elegant pacote de ícones (você também pode usar Font Awesome se preferir), e o Twitter ícone do Ícone de fonte elegante menu suspenso. Você precisa entrar no Tamanho personalizado e Tamanho de forma personalizado que você gosta (10 e 13 pixels para nós, respectivamente). Também inseriremos o hiperlink de nosso feed do Twitter no Link campo e altere o alvo para Nova janela, que abrirá o link em uma nova janela. Você pode, é claro, selecionar qualquer rede social e ícone de sua preferência. O Qode Social Icon widget também contém uma série de opções de design que vão além do escopo desta demonstração, mas a infinidade de configurações de tamanho, cor e borda torna o widget muito versátil e adaptável a qualquer estilo. Então você precisa Salve  sua Qode Social Icon configurações e então atualize o Barra Lateral.

Ícone Social da Barra Lateral

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

Mas e se você quiser adicionar ícones sociais com texto de acompanhamento como itens em sua barra lateral? Para esse efeito, 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 até o fim. Encontre o Barra Lateral Qode menu e selecione um layout, como Barra lateral 1/4 direita, por exemplo, que mostra a barra lateral.

Layout da barra lateral

Navegar para Aparência / Widgets usando o menu do lado direito do painel do WordPress. Em seguida, 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 praticamente qualquer rede social. Por Tipo de caixa, vamos selecionar Normal, por Icon Pack vamos selecionar Font Elegant, e para o Ícone de fonte elegante social_instagram. Por Tipo de ícone vamos selecionar Normal, por Posição do ícone Deixou, e para Alinhamento de Conteúdo direito. Você pode, é claro, configurá-lo como quiser, com Fonte incrível ícones ou diferentes tipos de ícones e assim por diante.

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

Por Título, vamos digitar Visite-nos no Instagram, e mude o Tag de título para p. O título pode ser o que você quiser, mas encontramos qualquer tag de título além de p muito grande para este aplicativo específico. Para fazer o link funcionar, você precisa inserir o URL do seu perfil no Link campo (iremos com nosso perfil Instagram) e Nosso Instagram por Texto do link.

Deixaremos as outras opções como estão, mas você pode transformar a barra lateral em qualquer coisa que se ajuste ao layout 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

Claro, você pode criar esse tipo de link para quantas redes sociais quiser. Este widget também suporta o upload de ícones, para que você possa fazer com que funcione de acordo com o estilo do seu site.

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

Como sempre, sugerimos que você use a funcionalidade embutida de um tema para qualquer coisa que você quiser que seu site faça. Mas se o tema que você está usando não suporta o efeito desejado, quase sempre você pode se contentar (ou mais do que se contentar) com um plugin. O plugin que usaremos é Widget e bloco de ícones sociais. Você precisa instalar e ativar este plugin.

Este plugin 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 por WPZOOM e arraste-o para onde você quiser. Queremos nossos ícones sociais no topo da barra lateral, então é onde vamos colocá-los, mas você pode escolher a posição que desejar.

Ícones Sociais WPZOOM

Em seguida, você precisa configurar o widget. Para o Título, vamos colocar para baixo Siga-nos nas redes sociais!, mas você pode escolher qualquer título rápido que desejar. Não tocaremos em nenhuma das outras configurações. Basta dizer que o plugin oferece várias opções de tamanho e cor que você pode usar para fazer seus ícones sociais se ajustarem ao layout do seu site.

Socail Icons por WPZOOM Setings

Rolando para baixo, você pode escolher quais ícones exibir e em que ordem. Os valores padrão 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 nossa URL ao lado do ícone e ela mudará automaticamente para uma URL do Pinterest. Finalmente, você precisa Salve  todas as suas mudanças, é claro.

WPZOOM Adicionar ícone do Pinterest

E assim, suas redes sociais serão anunciadas para os visitantes do seu site.

Visualização dos ícones WPZOOM

Para concluir

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

Apoie o nosso trabalho ❤️

Se você gostou deste artigo, considere deixar uma gorjeta para nos ajudar a continuar publicando conteúdo de qualidade.

Pagamento seguro no PayPal