Añadir iconos de redes sociales en WordPress es de esas tareas que parecen complicadas y se resuelven en dos minutos. Hoy no necesitas tocar código: WordPress trae un bloque nativo para esto, y para el menú tienes un par de caminos muy directos.
He actualizado este tutorial por completo. El método antiguo con functions.php ya no sirve: usaba una función de PHP que se eliminó en las versiones actuales y rompÃa la web. Aquà tienes tres formas que funcionan en 2026, de la más fácil a la más personalizable.
Método 1: bloque nativo Iconos sociales (sin plugin)
Es la forma más rápida y no instala nada. WordPress incluye el bloque Iconos sociales, que reconoce cada red y le pone su color de marca automáticamente.
- Edita la entrada, página o zona (por ejemplo el pie) donde quieras los iconos.
- Pulsa el botón + y busca el bloque Iconos sociales.
- Pulsa otra vez + dentro del bloque y elige la red: Facebook, Instagram, X, YouTube, LinkedIn…
- Haz clic en cada icono y pega la URL de tu perfil.
- Desde la barra del bloque cambia el estilo (relleno o solo contorno), el tamaño y la alineación.
Si usas un tema de bloques, puedes poner este bloque en la cabecera o el pie desde el Editor del sitio y aparecerá en toda la web.
Truco: marca la opción de abrir en pestaña nueva para que el visitante no salga de tu web al pulsar un icono.
Método 2: iconos en el menú de navegación
Si lo que quieres es que los iconos vivan dentro del menú, junto al resto de enlaces, tienes dos opciones según tu tema.
Con menús clásicos (Apariencia → Menús)
- Ve a Apariencia → Menús y elige el menú que quieras editar.
- Añade un Enlace personalizado: en la URL pon la dirección de tu red social.
- En «Texto del enlace» escribe el nombre o pega un emoji de la red como icono rápido.
- Guarda el menú y comprueba cómo se ve en el móvil.
Para iconos de verdad en lugar de texto, muchos temas permiten añadir una clase CSS al elemento del menú (por ejemplo la de un icono de Font Awesome, que es gratis). ActÃvalo en las opciones de pantalla del editor de menús.
Con temas de bloques (Editor del sitio)
En los temas modernos no hay menú clásico. Edita la cabecera desde el Editor del sitio y coloca el bloque Iconos sociales al lado del bloque de navegación. El resultado es el mismo: iconos integrados en el menú.
Método 3: plugin para más control
Si necesitas más redes, estilos o un icono flotante, un plugin te lo pone fácil. Uno actual y bien mantenido es Social Icons Widget & Block, de WPZOOM: añade botones de redes como widget o como bloque, con varios diseños.
- Instálalo desde Plugins → Añadir nuevo buscando su nombre.
- Añade el bloque o widget donde quieras: pie, barra lateral o menú.
- Elige las redes, pega tus URLs y ajusta tamaño y color.
Instala plugins solo si el bloque nativo se te queda corto. Cada plugin extra es algo más que mantener y actualizar.
Tip: Si tu web va lenta al cargar iconos y scripts sociales, muchas veces el problema es el hosting. Un hosting WordPress optimizado nota la diferencia.
¿Cuál te conviene?
| Método | Dificultad | Ideal para |
|---|---|---|
| Bloque nativo | Muy fácil | La mayorÃa de webs, sin instalar nada |
| En el menú | Fácil | Que los iconos vayan junto a la navegación |
| Plugin | Media | Muchas redes, icono flotante o estilos concretos |
Mi consejo: empieza por el bloque nativo. Cubre lo que necesita casi todo el mundo y no añade peso a la web. Solo si te falta algo, pasa al plugin.
Más recursos de WordPress
- Plugins de redes sociales con jQuery
- Mejores temas de WordPress por sector (2026)
- Todos los plugins de WordPress
Preguntas frecuentes
¿Puedo añadir iconos de redes sociales sin plugin?
SÃ. El bloque nativo «Iconos sociales» de WordPress lo hace sin instalar nada y reconoce el color de cada red. Es el método recomendado para la mayorÃa de webs.
¿Cómo pongo los iconos en el menú y no en el pie?
En temas clásicos, añade enlaces personalizados en Apariencia → Menús. En temas de bloques, coloca el bloque Iconos sociales junto al de navegación desde el Editor del sitio. En ambos casos quedan integrados en el menú.
¿Por qué ya no funciona el método antiguo con functions.php?
Porque aquel código usaba create_function(), una función de PHP eliminada en PHP 8. Si la copias hoy, tu web dará error. Por eso conviene usar el bloque nativo o un plugin actualizado.
¿Cómo hago que los enlaces se abran en una pestaña nueva?
En el bloque Iconos sociales, selecciona un icono y activa la opción «Abrir en pestaña nueva». Con plugins suele haber una casilla equivalente en los ajustes.
¿Añadir iconos ralentiza la web?
El bloque nativo casi no pesa. Los plugins con muchas funciones cargan scripts extra; si notas la web lenta, usa solo el bloque nativo y revisa el resto de plugins activos.
Con esto ya puedes poner tus redes donde quieras. Si el tutorial te ha servido, déjame en comentarios qué método has elegido.
