Um menu de links sociais permite que os visitantes do seu site encontrem você nas redes sociais com mais facilidade. Para isso, são exibidos ícones atraentes para serviços como Facebook, Instagram, YouTube e muito mais Este guia mostra como criar um menu de links sociais.
Siga as etapas abaixo para adicionar um menu de links sociais ao seu site.
📌
Para determinar qual seção deste guia seguir, visite seu painel e verifique em Aparência no lado esquerdo. Se você vir Editor, use a seção Editor de sites deste guia. Caso contrário, use as instruções do Painel WP Admin ou do Personalizador.
Selecione a guia apropriada de acordo com o design da sua interface:
No Editor de sites, insira o bloco Ícones sociais para exibir um menu de links sociais. Siga estas etapas para adicionar um novo menu de links sociais:
Selecione o modelo ou a parte do modelo que você quer editar, ou clique na visualização para abrir o Editor de sites.
Abra a Visualização em lista na parte superior esquerda da tela (é o ícone que se parece com três linhas horizontais, uma acima da outra).
Selecione a posição e clique no ícone “+ Inserção de blocos“.
Pesquise o bloco Ícones sociais e clique para adicioná-lo.
Clique no ícone “+” e selecione o ícone do primeiro perfil de rede social que você quer adicionar.
Você pode pesquisar uma rede social específica ou clicar no link “Procurar tudo” para visualizar todas as redes sociais disponíveis.
Clique no ícone recém-adicionado e insira a URL do perfil da sua rede social. Pressione Enter/Return no teclado para enviar ou clique no ícone “Aplicar” (representado por uma seta curva).
Repita esse processo para quantos ícones quiser adicionar.
Clique no botão “Salvar” para salvar suas alterações.
Tutorial em vídeo
Nos sites com temas clássicos, você pode adicionar menus de links sociais com o Painel WP Admin seguindo as seguintes etapas:
Acesse seu painel.
Acesse Aparência → Menus.
Verifique se o menu correto está selecionado na parte superior da tela ou clique no link “Criar um novo menu“.
Clique na seção “Links personalizados” no cabeçalho Adicionar itens de menu.
No campo URL, insira o link do seu primeiro perfil de rede social.
No campo Texto do link, insira o nome do perfil (isso não é exibido no site, mas é útil para lembrar quais links você adicionou).
Clique no botão “Adicionar ao menu“.
Repita as etapas 6 e 7 para cada perfil de rede social que você quer adicionar.
No cabeçalho Configurações do menu, localize a opção “Exibir localização” e marque a caixa Menu de links sociais.
Clique no botão “Salvar menu“.
Nos sites com temas clássicos, é possível adicionar um menu de links sociais por meio do Personalizador usando um destes dois métodos:
Se o tema for compatível com um menu de links sociais, siga as etapas abaixo para adicionar links de redes sociais ao menu.
Para criar um menu de links sociais, siga estas etapas:
Acesse seu painel.
Acesse Aparência → Personalizar.
Clique na guia “Menus“.
Clique no botão “Criar novo menu” ou selecione um menu existente para editar.
Verifique se a caixa de seleção para links/ícones de redes sociais está marcada em Localizações de menu:
Para adicionar o primeiro link de redes sociais ao menu, clique no botão “+ Adicionar itens“:
Em seguida, selecione o tipo de item de menu Links personalizados:
Nessa etapa, preencha os dois campos:
URL: adicione o endereço do link de um dos seus perfis de redes sociais. Por exemplo, se o link para o seu perfil do Facebook é https://www.facebook.com/WordPresscom, cole esse endereço no campo URL.
Texto do link: insira um nome para o site da rede social, como Facebook ou Instagram.
Quando tiver preenchido ambos os campos, clique no botão “Adicionar ao menu“.
Repita as etapas acima até que todos os perfis de redes sociais que você quer usar tenham sido adicionados ao menu:
Clique em “Salvar alterações” para publicar as mudanças no site.
Ícones de redes sociais compatíveis
Se você adicionar um link para qualquer um dos seguintes sites no seu menu de links sociais, o ícone oficial dele vai ser automaticamente exibido no menu:
500px
Amazon
Apple
Bandcamp
Behance
CodePen
DeviantArt
Digg
Dribbble
Dropbox
Etsy
Facebook
Flickr
FourSquare
GitHub
Goodreads
Google+
Instagram
LinkedIn
E-mail (links mailto:)
Meetup
Medium
Pinterest
Pocket
Reddit
Feed RSS (URLs com /feed/)
Skype
SlideShare
Snapchat
SoundCloud
Spotify
StumbleUpon
Tumblr
Twitch
Twitter
Vimeo
VK
WordPress
Yelp
YouTube
Os temas mais antigos podem ser compatíveis com um conjunto diferente de ícones. A documentação do seu tema pode listar os ícones compatíveis.