Un menú de enlaces a redes sociales permite a los visitantes de tu sitio web encontrarte fácilmente en las redes sociales mostrando iconos atractivos para servicios como Facebook, Instagram, YouTube y muchos más. Con esta guía, aprenderás a crear un menú de enlaces a redes sociales.
Sigue los pasos que se indican a continuación para añadir un menú de enlaces a redes sociales a tu sitio.
📌
Para determinar qué sección de esta guía debes seguir, ve al escritorio y consúltalo en la opción Apariencia situada a la izquierda. Si aparece Editor, deberás utilizar la sección Editor del sitio de esta guía. Si aparece otra opción, deberás utilizar las instrucciones de Escritorio o del Personalizador.
Elige la pestaña apropiada para tu interfaz de diseño:
Elige la plantilla o parte de plantilla que quieras editar, o haz clic en la vista previa de tu sitio para abrir el Editor del sitio.
Abre la vista de lista que aparece en la esquina superior izquierda de tu pantalla (es el icono con tres líneas horizontales paralelas).
Elige una posición y haz clic en el icono «+ Insertador de bloques».
Busca el bloque de Iconos de redes sociales y haz clic para añadirlo.
Haz clic en el icono «+» y elige el icono del primer perfil de redes sociales que quieras añadir.
Puedes buscar una red social concreta o hacer clic en el enlace «Explorar todo» para ver todas las redes sociales disponibles.
Haz clic en el icono que acabas de añadir e introduce la URL de tu perfil de redes sociales. Pulsa la tecla Intro/Retorno en el teclado para enviarlo o haz clic en el icono «Aplicar» (representado por una flecha curva).
Repite el proceso con todos los iconos que quieras añadir.
Haz clic en el botón «Guardar» para guardar tus cambios.
Tutorial en vídeo
En los sitios con temas clásicos, puedes seguir estos pasos para añadir menús de redes sociales con WP-Admin:
Dirígete al panel de administración.
Ve a Apariencia → Menús.
Asegúrate de seleccionar el menú correcto en la parte superior de la pantalla o haz clic en el enlace «Crear un nuevo menú».
Haz clic en la sección «Enlaces personalizados» del encabezado «Añadir elementos del menú».
En el campo URL, introduce el enlace a tu primer perfil de redes sociales.
En el campo Texto del enlace, introduce el nombre del perfil (esto no se mostrará en el sitio, pero te será útil recordar qué enlaces has añadido).
Haz clic en el botón «Añadir al menú».
Repite los pasos 6 y 7 para cada perfil de redes sociales que quieras añadir.
En el encabezado Configuración del menú, busca la opción «Mostrar ubicación» y marca la casilla de Menú de redes sociales.
Haz clic en el botón «Guardar menú».
En los sitios con temas clásicos, puedes añadir un menú de enlaces a redes sociales mediante el Personalizador, utilizando uno de estos dos métodos:
Si el tema es compatible con un menú de enlaces a redes sociales, sigue estos pasos para añadir enlaces a redes sociales a tu menú.
Para crear un menú de enlaces a redes sociales, sigue estos pasos:
Dirígete al panel de administración.
Ve a Apariencia → Personalizar.
Haz clic en la pestaña «Menús».
Haz clic en el botón « Crear nuevo menú» o elige un menú existente para editarlo.
Comprueba que la casilla de Enlaces o Iconos sociales está marcada en Ubicaciones del menú:
Para añadir el primer enlace de redes sociales al menú, haz clic en el botón «+ Añadir elementos».
A continuación, elige el tipo de elemento del menú en Enlaces personalizados:
Después, debes rellenar los dos campos siguientes:
URL: añade la dirección del enlace de uno de tus perfiles en redes sociales. Por ejemplo, si el enlace a tu perfil de Facebook es https://www.facebook.com/WordPresscom, debes pegarlo en el campo de la URL.
Texto del enlace: ponle un nombre que designe el sitio de la red social concreta, como Facebook o Instagram.
Cuando hayas rellenado ambos campos, haz clic en el botón «Añadir al menú».
Repite los pasos anteriores hasta que hayas añadido al menú todos los perfiles de redes sociales que quieras utilizar:
Haz clic en el botón «Guardar cambios» para aplicar los cambios en tu sitio.
Iconos de redes sociales compatibles
Al enlazar con cualquiera de los siguientes sitios en tu menú de enlaces a redes sociales, aparecerá automáticamente su icono en tu menú:
500 px
Amazon
Apple
Bandcamp
Behance
CodePen
DeviantArt
Digg
Dribbble
Dropbox
Etsy
Facebook
Flickr
FourSquare
Github
Goodreads
Google+
Instagram
LinkedIn
Correo electrónico (mailto: enlaces)
Meetup
Medium
Pinterest
Pocket
Reddit
Feed RSS (URL con /feed/)
Skype
SlideShare
Snapchat
SoundCloud
Spotify
StumbleUpon
Tumblr
Twitch
Twitter
Vimeo
VK
WordPress
Yelp
YouTube
Es posible que los temas más antiguos admitan un conjunto diferente de iconos. En la documentación del tema, deberías encontrar una lista de los iconos compatibles.