Cómo agregar iconos de redes sociales a los menús de WordPress

¿Desea agregar íconos de redes sociales en su menú de WordPress? Si bien WordPress no viene con una sección de perfiles de redes sociales, puede usar fácilmente los menús de navegación de WordPress para agregar y mostrar iconos de redes sociales en cualquier área preparada para widgets en WordPress. En este artículo, le mostraremos cómo agregar iconos de redes sociales a los menús de WordPress.

Cómo agregar iconos de redes sociales en el menú

¿Por qué debería agregar iconos de redes sociales a los menús?

La mayor ventaja de agregar iconos de redes sociales usando los menús de WordPress es que tiene la capacidad de cambiar el orden en que aparecen con una simple interfaz de arrastrar y soltar.

Si bien puede usar complementos de terceros para mostrar iconos de redes sociales en su barra lateral, la mayoría de esas soluciones no son tan flexibles.

Además de la interfaz fácil de arrastrar y soltar, cuando agrega iconos de redes sociales a los menús de WordPress, puede mostrarlos en cualquier área lista para widgets en su sitio, incluida su barra lateral, área de pie de página, debajo de las publicaciones, etc.

Dicho esto, echemos un vistazo a cómo agregar fácilmente iconos de redes sociales a los menús de WordPress.

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Agregar iconos de redes sociales a los menús de WordPress

Lo primero que debe hacer es instalar y activar el complemento de imagen de menú. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Apariencia »Menús página y crear un nuevo menú.

Nuevo menú social

A continuación, debe agregar enlaces personalizados para cada canal de redes sociales por separado en su nuevo menú social.

Notará que hay una opción de botón de imagen de menú debajo de cada elemento del menú. Puede usarlo para cargar su icono de redes sociales aquí.

Establecer icono de menú

Le permite cargar un icono diferente al pasar el mouse con la imagen del icono principal para mostrar en el mouseover.

Después de eso, puede seleccionar un tamaño para el icono social. Hay múltiples opciones para el tamaño de la imagen. Asegúrate de seleccionar el mismo tamaño para todos los íconos de tu menú social, para que no rompa el área del menú.

Tamaño de ícono social

A continuación, debe seleccionar una posición para mostrar el nombre de cada canal social con su icono. Si solo desea mostrar el ícono social sin ninguna etiqueta, debe seleccionar la opción “Ocultar” en la configuración de la posición del título.

Posición del título del menú

Simplemente repita lo mismo para agregar tantos íconos sociales como necesite.

Una vez que haya terminado de agregar elementos del menú, debe seleccionar la ubicación de visualización para su menú social y hacer clic en el botón “Guardar menú”.

Ubicación de visualización del menú

Ahora puede visitar su sitio web para ver los iconos de redes sociales en su menú de WordPress.

Menú de redes sociales

También puede agregar el menú de iconos sociales en su barra lateral de WordPress. Simplemente ve a Apariencia »Widgets página y arrastre el widget Menu Menú de navegación ’en el área del widget de la barra lateral.

Menú social en widget

En el menú desplegable Seleccionar menú, debe seleccionar el menú social que creó anteriormente y hacer clic en el botón “Guardar”.

Menú social en la barra lateral

Nota: La imagen de arriba se muestra solo a modo de ejemplo. Para que el widget se vea exactamente así, necesitará agregar CSS personalizado.

Eso es todo. Esperamos que este artículo te haya ayudado a aprender cómo agregar íconos de redes sociales a los menús de WordPress. También puede consultar nuestra guía sobre cómo diseñar los menús de navegación de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.