WordPress.com

Esta guía te guiará sobre cómo añadir botones de redes sociales a tu barra lateral o pie de página para que la gente pueda conectarse contigo a través de tus redes sociales preferidas.

💡

Además de esta opción de añadir un widget de iconos sociales, también puedes seleccionar un tema que tenga un menú social dedicado, en el que puedas añadir enlaces a tus cuentas de redes sociales, y que se muestren como iconos en tu sitio. O bien, puede utilizar el bloque de enlaces sociales para añadir enlaces a sus redes sociales en cualquier lugar de su sitio utilizando estas instrucciones.

Tabla de contenidos

Iconos disponibles

Admitimos iconos para una variedad de redes.

Haga clic aquí para ampliar una lista de iconos disponibles.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Direcciones de correo electrónico (si su correo es [email protected], escriba mailto:[email protected] en el campo URL de la cuenta)

Etsy

Flickr

Foursquare

Goodreads

Google

GitHub

Instagram

iTunes

LinkedIn

Medio

Meetup

Pinterest

Pocket

Ravelry

Reddit

RSS feeds

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

WordPress

Yelp

YouTube

💡

¿No ves tu red social en la lista de iconos disponibles arriba?

Puedes añadir cualquier otra red social o plataforma externa siguiendo los pasos de Añadir iconos sociales personalizados a continuación.

Tabla de contenidos

Widget de iconos sociales

El Widget de iconos sociales muestra pequeños gráficos vinculados a tus cuentas de redes sociales, en cualquier área de widgets de tu tema. Después de añadir enlaces a tus perfiles sociales, los iconos se muestran automáticamente en tu sitio, permitiendo a tus visitantes conectarse contigo a través de tus redes preferidas.

Tabla de contenidos

Agrega el Widget de Iconos Sociales

  1. Ve a Mi(s) sitio(s) → Diseño → Personalizar
  2. Haz clic en Widgets y verás las diferentes áreas de widgets que admite tu tema. Casi todos los temas tendrán un área de widgets a pie de página como mínimo. Algunos también tienen widgets en la barra lateral u otras áreas de widgets.
  3. Haga clic en un área de widgets disponible; en este ejemplo, estamos haciendo clic en el área de widgets de pie de página.
  4. Haga clic en Añadir un widget y busque Social o navegue por los widgets disponibles para encontrar el widget de iconos sociales.
Nota: si has instalado plugins, verás (Jetpack) al final del título del widget Social Icons.
  1. Haz clic en el widget para añadirlo a tu área de Widgets.
  2. Personaliza las diferentes opciones de visualización, incluyendo el título del widget y el tamaño de los iconos.
  1. Añade el enlace a tu primer perfil de red social. Por ejemplo, https://www.facebook.com/WordPresscom/

📌

Asegúrate de añadir el enlace completo, incluyendo la parte de la dirección del sitio.

  1. Haz clic en la opción Añadir un icono para añadir más iconos sociales a tu widget.
Haz clic en el botón Añadir un icono para añadir otro icono social

⚠️

Cada enlace que añadas al widget de iconos sociales se mostrará automáticamente como el icono de esa red social en la vista previa del Personalizador.

Si no ve el icono de la red social correspondiente, compruebe que ha introducido el enlace correcto a su red social, incluida la parte de la dirección.

Cuando haya terminado de añadir los enlaces de su perfil social, haga clic en Publicar, o en Guardar cambios, para añadir el widget Iconos sociales a su sitio.

¡Tus nuevos y brillantes Iconos Sociales ya están en tu sitio!

Tabla de contenidos

Reordenar los iconos

Puede cambiar el orden de sus iconos en cualquier momento arrastrándolos y soltándolos en la secuencia que desee. Su nuevo orden se reflejará en vivo en el panel de vista previa del Personalizador.

Tabla de contenidos

Agregar iconos sociales personalizados

El color de los iconos sociales en su sitio depende del tema que esté utilizando. Si quieres añadir iconos con un color específico o quieres tener más control sobre cómo aparecen los iconos, puedes añadir iconos personalizados utilizando el Widget de texto o un Widget HTML personalizado y un poco de HTML. Esto también es útil si desea añadir iconos para las redes sociales menos populares.

Paso 1. Busca algunos iconos de redes sociales que te gusten y súbelos a tu Biblioteca Multimedia.

Es posible que ya tengas algunos iconos que te gustaría utilizar, pero si no es así puedes buscar en Google «iconos gratuitos de redes sociales». Al elegir las imágenes, ten cuidado de no violar ningún derecho de autor. Una vez que hayas encontrado algunas que te gusten, descárgalas en tu ordenador.

Sube el icono a tu galería multimedia

  1. Ve a Mi sitio → Sitio → Medios → Añadir nuevo
  2. Navega hasta la ubicación en tu ordenador donde guardaste las imágenes que desea utilizar como iconos
  3. Cargue los iconos a su Galería de Medios

Obtenga el Enlace a su Icono de Medios Sociales

  1. Vaya a Mi Sitio → Sitio → Medios.
  2. Haga clic en la imagen de su icono social subido y haga clic en Editar.
  3. Debajo de la opción URL, haga clic en Copiar para guardar el enlace en el portapapeles de su ordenador.
  4. Haga clic en Hecho para salir del editor de medios.

Paso 2. Añade un widget de texto o un widget HTML personalizado y da formato a tus botones utilizando HTML.

Añade el widget de icono social personalizado

Asegúrate de que tienes el enlace al icono de las redes sociales que has subido siguiendo los pasos anteriores en Obtén el enlace a tu icono de las redes sociales.

  1. Ve a Mis sitios → Diseño → Personalizar → Widgets.
  2. Selecciona el área del widget donde te gustaría que aparecieran tus iconos.
  3. Haga clic en Añadir un widget y localice el widget de texto o el widget HTML personalizado
  4. Haga clic en el nombre del widget para añadirlo.

Añade el Widget de Icono Social Personalizado HTML

Añade un título a tu widget si lo deseas, y luego añade el HTML a tu widget siguiendo la siguiente estructura:

  • Sustituye el enlace de referencia: con el enlace completo a tu perfil social.
  • Sustituye el enlace de la imagen: con el enlace a su icono de medios sociales subido.
  • Opcional: ajuste el width y height a su tamaño de icono preferido.

Repita el código HTML en el widget de texto o HTML existente para cada icono que desee que aparezca en su sitio.

Paso 3. Una vez que haya terminado, haga clic en Publicar y eche un vistazo a sus nuevos y bonitos botones de medios sociales.

Tabla de contenidos

Ejemplos e imágenes de muestra

Si tiene problemas para encontrar iconos de medios sociales en la web y desea algunos ejemplos para usar, puede encontrar más en este sitio.

Para utilizar estos iconos en su widget primero, cree un Widget de texto en blanco desde Diseño → Personalizar → Widgets.

A continuación, copia el bloque de código de la página de widgets de redes sociales para el estilo de icono que prefieras:

Tabla de contenidos

Preguntas frecuentes

¿Por qué no se muestra el icono de las redes sociales?

Si estás utilizando una versión localizada de la dirección de tu página de redes sociales, es posible que no aparezcan los iconos de las redes sociales. En su lugar, intente reemplazar la sección local de su enlace de medios sociales con la versión global.

Ejemplo: https://www.pinterest.fr/yourpinterest/ debe sustituirse por https://www.pinterest.com/yourpinterest/

¿Ha sido útil esta guía?

Planes y precios variados

  • Gratis

    Mejor para estudiantes

  • Personal

    Mejor para aficionados

  • Premium

    Lo mejor para autónomos

  • Negocios

    Lo mejor para pequeñas empresas

Elige un plan