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

¿Desea agregar íconos de redes sociales en su menú de WordPress? Aunque 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 lista para usar con widgets en WordPress. En este artículo, le mostraremos cómo agregar íconos de redes sociales a los menús de WordPress.

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

La mayor ventaja de agregar iconos de redes sociales mediante 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 íconos de redes sociales en la barra lateral, la mayoría de esas soluciones no son tan flexibles..

Además de la sencilla interfaz de arrastrar y soltar, cuando agrega íconos de redes sociales a los menús de WordPress, puede mostrarlo en cualquier área lista para widgets de su sitio, incluida la barra lateral, el área del 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.

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

Lo primero que debes hacer es instalar y activar el complemento Menu Image. 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ú.

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ú. Puedes usarlo para subir tu ícono de redes sociales aquí.

Le permite cargar un ícono diferente al pasar el mouse con la imagen del ícono principal para mostrar con 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úrese de seleccionar el mismo tamaño para todos los íconos de su menú social, para que no rompa el área del menú.

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 posición Título.

Simplemente repita lo mismo para agregar tantos iconos 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ú'.

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

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

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

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

Eso es todo. Esperamos que este artículo le 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 le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..