¿Quieres añadir iconos personalizados de redes sociales de WordPress a tu sitio? Con las herramientas adecuadas, puedes colocar botones de seguimiento en la cabecera, el pie de página, la barra lateral o las páginas de destino, incluso para plataformas más recientes como Threads, Mastodon o Bluesky.
Esta guía te muestra tres métodos sencillos, incluyendo mi método favorito con SeedProd, para que los visitantes puedan encontrarte y seguirte en cualquier lugar en el que estés activo online.
¿Por qué añadir iconos de redes sociales a tu sitio WordPress?
Los iconos de las redes sociales facilitan que los visitantes te sigan en otras plataformas. La gente pasa una media de 2 horas y 21 minutos al día en las redes sociales, por lo que añadir iconos te ayuda a llegar a ellos allí donde ya están activos.
Además, los iconos de las redes sociales son pequeños, lo que te permite mostrarlos en muchas partes de tu sitio web, por ejemplo:
- Menús de WordPress
- Cabeceras de WordPress
- Pies de página de WordPress
- Áreas de widgets de WordPress
- Páginas/posts de WordPress
- Productos WooCommerce
Esta es una captura de pantalla de cómo WPBeginner muestra los enlaces a las redes sociales en su barra lateral de WordPress.
A la hora de añadir iconos de redes sociales a su sitio web, conviene recordar que los botones de seguimiento de redes sociales son diferentes de los botones para compartir en redes sociales o los iconos para compartir en redes sociales. En lugar de pedir a los usuarios que compartan contenidos, animan a los visitantes a seguir sus perfiles en las redes sociales.
Dicho esto, veamos cómo añadir iconos personalizados de seguimiento de redes sociales a tu sitio.
Cómo añadir iconos personalizados de redes sociales en WordPress: 2 maneras
Como hemos mencionado antes, muchos plugins populares de WordPress no incluyen la funcionalidad de añadir iconos personalizados de redes sociales a tu sitio web. A menudo estás limitado a las principales plataformas sociales, como Facebook, Twitter, Instagram, YouTube, LinkedIn y Pinterest.
Si su público es activo en sitios web sociales más especializados, puede que le cueste encontrar un plugin que se adapte a sus necesidades. Con esto en mente, compartiremos a continuación 2 formas sencillas de añadir iconos personalizados de redes sociales a tu sitio web.
- 1. Añadir WordPress Social Media Icons con SeedProd
- 2. Uso del bloque de iconos sociales incorporado en WordPress
- Preguntas frecuentes sobre cómo añadir iconos de redes sociales a WordPress
1. Añadir WordPress Social Media Icons con SeedProd
La forma más fácil de añadir iconos personalizados en cualquier lugar de su sitio es con SeedProd.
SeedProd es un constructor de WordPress de arrastrar y soltar que te permite diseñar cabeceras, pies de página, barras laterales y páginas de destino sin tocar código. Su bloque de perfiles sociales facilita la adición y personalización de iconos para cualquier red, incluidas plataformas más recientes como Threads, Mastodon o Bluesky.
Paso 1. Instalar y activar SeedProd Instale y active SeedProd
En primer lugar, visite la página de precios de SeedProd, elija su plan y cree su cuenta. En esta guía utilizaremos SeedProd Pro por sus funciones avanzadas.
A continuación, acceda al panel de control de su cuenta y visite la pestaña Descargas. Desde allí, puedes descargar el archivo zip del plugin y copiar tu clave de licencia.
Ahora dirígete a tu área de administración de WordPress y carga el plugin SeedProd. Si necesitas ayuda con este paso, sigue esta guía sobre cómo instalar y activar un plugin de WordPress.
Una vez que haya activado el plugin, vaya a SeedProd " Configuración y pegue la clave de licencia que copió anteriormente. Haga clic en el botón Verificar clave para guardar la configuración y, a continuación, continúe con el siguiente paso.
Paso 2. Crear un tema de WordPress o una página de destino
El siguiente paso es crear una página de aterrizaje o un diseño de tema de WordPress; sin embargo, esto dependerá de la licencia de SeedProd que haya elegido en el Paso 1.
Los usuarios Basic y Plus pueden crear páginas de aterrizaje con SeedProd, mientras que los usuarios Plus y Elite pueden crear páginas de aterrizaje y temas de WordPress con este plugin.
Siga los pasos de estos tutoriales para construir su diseño SeedProd:
Después de crear una página de destino o un tema de WordPress, vaya al paso 3 para añadir sus iconos personalizados de redes sociales de WordPress.
Paso 3 Añada sus iconos personalizados de redes sociales a WordPress
SeedProd te permite añadir iconos personalizados de redes sociales en cualquier parte de WordPress con su sencillo y potente Constructor de Temas. Después de elegir su kit de sitio web, es simplemente un caso de la apertura de cada parte tema y añadir el bloque de perfiles sociales.
Añadir iconos de redes sociales a la cabecera de WordPress
Empecemos añadiendo iconos de perfiles sociales a tu menú de WordPress. Para ello, vaya a SeedProd " Theme Builder, coloque el cursor sobre su plantilla de cabecera y haga clic en el botón Editar diseño.
En la siguiente pantalla, verás un diseño de 2 columnas como éste:
Por defecto, la plantilla que estamos utilizando tiene una cabecera de 2 columnas con un logotipo y un menú de navegación. Para añadir los iconos de tus perfiles sociales, tendrás que cambiarla a una sección de 3 columnas.
En primer lugar, pase el ratón por encima de la sección de cabecera hasta que aparezca un contorno morado y, a continuación, haga clic en el botón duplicar sección duplicar sección.
Ahora, en la nueva sección, pasa el ratón por encima del contenido hasta que tenga un borde azul y, a continuación, haz clic en el icono de la papelera para eliminarlo.
Después, haz clic en la opción de diseño de 3 columnas para añadirla a tu nueva sección.
A continuación, arrastre y suelte los elementos de la sección anterior a la nueva.
Cuando hayas terminado, debería quedarte una columna vacía donde añadir los iconos de tus perfiles sociales. Antes de hacerlo, vuelve a pasar el ratón por encima de la sección antigua y haz clic en el icono de la papelera para eliminarla.
Para añadir tus perfiles sociales personalizados a tu cabecera, busca el bloque Perfiles sociales en la barra lateral izquierda y arrástralo a tu columna vacía. Ahora puedes hacer clic en el bloque para ver sus opciones de personalización.
Por defecto, el bloque Perfiles sociales mostrará iconos de Facebook, Twitter, Instagram y YouTube. Puedes cambiar los iconos haciendo clic en cada uno de ellos y eligiendo una red social en el menú desplegable.
Entre las plataformas que puede elegir se incluyen:
- Discordia
- Correo electrónico
- Facebook Messenger
- GitHub
- IMDB
- Medio
- Teléfono
- RSS
- Slack
- Snapchat
- SoundCloud
- Telegrama
- TikTok
- Vimeo
- WordPress
- YouTube
- A medida
Para añadir un botón de perfil de red social personalizado, haz clic en la opción Personalizar y en el icono de engranaje para abrir la configuración.
A continuación, haz clic en la opción Elegir icono y busca un icono diferente con Font Awesome que se adapte a tus necesidades de redes sociales. Por ejemplo, puedes añadir iconos sociales personalizados para Spotify, Skype, Tumblr, Behance, Airbnb, Audible, Playstation y muchos más.
Después de elegir tu icono de perfil social personalizado, puedes cambiar el color del icono y añadir tu enlace personalizado.
Más abajo en el panel de configuración hay opciones para cambiar el estilo, el tamaño y la alineación de los iconos.
En la pestaña Plantillas, puedes añadir un estilo personalizado a tus iconos con 1 clic.
La pestaña Avanzado ofrece ajustes para personalizar los estilos de los iconos a un nivel granular. Por ejemplo, puede cambiar el color de fondo, el tamaño, el espacio, la sombra, el margen y el relleno de los iconos.
También puede mostrar u ocultar los iconos de sus perfiles sociales en dispositivos móviles o de escritorio, lo que constituye una forma excelente de mejorar la optimización móvil para los visitantes que utilicen un smartphone o una tableta.
Antes de guardar los cambios, pasa el ratón por encima del bloque Perfiles sociales y haz clic en el icono Guardar. Esto te permitirá reutilizarlo en otras áreas de tu sitio web sin tener que volver a añadir manualmente cada enlace social e icono personalizado.
En la ventana emergente, dale a tu bloque un nombre como "Iconos sociales personalizados" y guárdalo.
Cuando esté satisfecho con los iconos de redes sociales de WordPress, haga clic en el botón Guardar situado en la parte superior derecha de la pantalla.
Ahora vamos a añadir los iconos de las redes sociales al pie de página de tu sitio web.
Añadir iconos de redes sociales al pie de página de WordPress
Para añadir iconos sociales al pie de página, vaya al panel de control del creador de temas SeedProd, pase el ratón por encima de la plantilla Pie de página y haga clic en el enlace Editar diseño.
A continuación, abre el apartado Bloques guardados en la barra lateral izquierda y arrastra el bloque de iconos sociales personalizados que guardaste en el último paso a una columna de la zona del pie de página.
Si su pie de página de WordPress tiene un color de fondo similar al de sus iconos, puede hacer clic en la pestaña Avanzado y elegir un nuevo color de icono con el selector de color.
Cuando todo parezca adecuado, pulse el botón Guardar para almacenar los cambios.
Añadir iconos de redes sociales a la barra lateral de WordPress
Para añadir iconos sociales personalizados a la barra lateral de WordPress, vuelve al panel de control del creador de temas, pasa el ratón por encima de la plantilla Sidebar y haz clic en el enlace Editar diseño.
Ahora repite las instrucciones del paso anterior y haz clic en el botón Guardar cuando hayas terminado.
También puede repetir este proceso para cualquier página de su sitio web, incluidas las páginas de destino y las páginas de contenido, como las de información, servicios y contacto.
Paso 4. Publique sus cambios Publique sus cambios
El último paso es publicar tu nuevo tema de WordPress para que los visitantes de tu sitio web puedan ver tus nuevos iconos de perfil de redes sociales. Para ello, dirígete al panel de control del Creador de temas y activa la casilla Habilitar tema SeedProd en la posición "Sí".
Ahora puedes echar un vistazo a tus cambios. Aquí tienes algunos ejemplos de este tutorial:
Cabecera
Pie de página
Barra lateral
2. Uso del bloque de iconos sociales incorporado en WordPress
Si utilizas WordPress 5.4 o posterior, ya tienes acceso al bloque Social Icons. Esta es la forma más rápida de añadir iconos sin instalar otro plugin.
En primer lugar, vaya a Apariencia " Editor (para la edición completa del sitio) o editar cualquier página / post en el que desea iconos.
Haz clic en el botón +, busca "Iconos sociales" e inserta el bloque.
Haz clic en el icono + Añadir dentro del bloque. Verás una lista de redes integradas como Facebook, Instagram, LinkedIn y X (Twitter). Selecciona las que necesites.
Cada icono tiene un campo para la URL de tu perfil. Pega tu enlace y se conectará al instante.
Verás que en este bloque faltan algunas plataformas. Para cualquiera que no esté disponible, necesitarás un plugin que soporte iconos personalizados - como SeedProd.
Preguntas frecuentes sobre cómo añadir iconos de redes sociales a WordPress
Espero que este artículo te haya ayudado a aprender cómo añadir iconos personalizados de redes sociales de WordPress a tu sitio web empresarial.
Puede que también le gusten estas otras guías útiles de nuestro blog:
- Cómo crear una moderna página de WordPress en construcción
- Cómo promocionar tu blog (Guía para principiantes)
- Cómo integrar eventos de Facebook en WordPress
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
