Cómo añadir los iconos de redes sociales al menú de WordPress sin plugins

En este sencillo tutorial vamos a ver cómo añadir los iconos de redes sociales al menú de WordPress sin plugins.

Para ello vamos a ver dos métodos.

Añadir iconos de redes sociales al menú de WordPress con Dashicons

No sé si lo sabes pero WordPress incorpora una librería de iconos para su funcionamiento.

¿Nunca te has fijado en los menús de la administración de WordPress? Ahí hay iconos ¿verdad?. Bueno pues podemos usarlos donde nos de la gana.

Vamos a ver cómo sería ponerlos en nuestro menú.

1.- Consigue el icono que quieres

Haz clic en este link para ir a la librería online de iconos de Dashicons.

Allí verás todos los iconos disponibles. Simplemente elige el que quieras y haz clic en él. Aparecerá en la parte superior de la página con una serie de opciones como ves en la imagen.

Ahora pincha en Copy HTML y aparecerá seleccionado en un cuadro de diálogo. Cópialo y acepta el cuadro de diálogo.

¡Ya tenemos el icono en nuestro porta papeles!

Podrías usarlo donde quieras en tu WordPress, pero recuerda que tendrás que pegarlo en un bloque de html, un widget de html… etc Porque no deja de ser html.

Pero nosotros lo queremos para poner las redes sociales en el menú. Así que seguimos.

2.- Crea el menú y pega el icono

2.1.- Ahora ve a Apariencia -> Menús y elige el menú en el que quieres poner el icono.

2.2.- Una vez allí crea un enlace personalizado. En el campo de url pon la url de la red social que quieres. Y en el campo de Texto del enlace pega el icono que tienes en el portapapeles. Por último añade en enlace personalizado al menú.

Ya lo tendríamos. Pero vamos a hacer que se abra en una ventana nueva

2.3.- Ve a opciones de pantalla y activa Destino del enlace.

2.4.- Ahora vuelve al enlace personalizado, despliégalo y verás que tienes disponible la opción de abrir en una pestaña nueva.

2.5.- Márcala y guarda el menú.

¡Listo! Ya tienes tu icono de red social enlazado y sin necesidad de plugins.

Lo bueno de este método es que no tienes que añadir nada nuevo a WordPress.

Lo malo es que quizá no estén todos los iconos que necesitas. Por ejemplo, no está el icono de Instagram.

Iconos de redes sociales en el menú de WordPress con Font Awesome

Para el siguiente método te he preparado un vídeo. Ten en cuenta que primero tendrás que encolar la librería de Font Awesome a tu theme.

Yo tengo un contenido en el club para añadir Font Awesome a Genesis Framework paso a paso.

Vamos a ver el vídeo, que por cierto, son los pasos que he detallado arriba pero cambiando el html que vamos a pegar. Así que quizá te ayude verlo.

¡Listo!

Ya tenemos los iconos de redes sociales en nuestro menú de WordPress. Sin plugins, rápido y sencillo.

¡Nos vemos en el próximo tutorial!

YouTube video
cursodisenowebrafaarjonilla

¿Aprendiendo WordPress por tu cuenta?

No sigas perdiendo horas con tutoriales sueltos. En mi curso te ayudo paso a paso con soporte y tutorías para que, esta vez sí, aprendas a crear webs profesionales.

👉 Únete ahora y crea tu web sin frustraciones
Aprender con ayuda

¿Quieres que active Elementor PRO en tu web?

Tengo el plan de 1000 licencias y no las estoy usando todas. Si quieres puedo activar una en tu web. ¡Vamos a ello!.
Elementor PRO

🛠️ Recursos relacionados

Ver todos
Inicia sesión

Sólo los socios del club de expertos pueden utilizar esta funcionalidad.