Cómo agregar iconos de menú en WordPress con ThemeIsle










  • ¿Está buscando una manera de agregar iconos de menú en WordPress? Los íconos de menú pueden darle vida a los menús de su sitio web y hacer que se vean atractivos y profesionales. Sin embargo, WordPress no tiene una forma integrada de agregarlos, por lo que necesitará un complemento.

    Hoy, demostraré cómo agregar íconos de menú en WordPress usando el complemento de íconos de menú de ThemeIsle.

    ¿Por qué agregar iconos de menú en WordPress?

    Agregar un ícono a un elemento del menú facilita que los visitantes encuentren lo que están buscando. Este complemento ofrece múltiples íconos para usar desde el principio.

    Puede crear íconos para varios sitios web, incluidos íconos de redes sociales. , Twitter, Instagram y otros gráficos se pueden crear con facilidad. Esto facilita que los visitantes compartan su contenido en su plataforma de redes sociales favorita.

    Sin embargo, la utilidad real se encuentra en su función de creación de iconos personalizados. Este es un complemento de WordPress de imagen de menú, lo que significa que puede tomar imágenes cargadas en su biblioteca de medios y usarlas como íconos de menú.

    Esto le da un número ilimitado de imágenes para usar. Solo asegúrate de que tengan el tamaño adecuado.

    La gran mayoría de los sitios web profesionales utilizan iconos de menú en su diseño. Por lo tanto, no usarlos puede hacer que su sitio web se vea menos profesional.

    Instalación de iconos de menú

    Menu Icons de ThemeIsle es un complemento de botón de menú de WordPress con muchas opciones de personalización. Tiene cientos de íconos para elegir y la capacidad de usar imágenes personalizadas también. El complemento es muy fácil de usar en cualquier nivel de habilidad.

    Nota: aunque este complemento está hecho por ThemeIsle , no necesita usar uno de sus temas premium. Este plugin debería ser compatible con la gran mayoría de temas disponibles en WordPress .

    Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Agregar nuevo

    Busque iconos de menú por ThemeIsle en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Iconos de menú por ThemeIsle

    Desplácese hacia abajo hasta que encuentre el complemento Iconos de menú de ThemeIsle y haga clic en el botón «Instalar ahora» y active el complemento para su uso.

    Instalar ahora

    En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Menús. Esto abrirá la página de configuración del menú.

    Haga clic en Menús

    Configuración de iconos de menú

    En la sección Agregar elementos del menú, verá varias formas de agregar elementos a los menús de su sitio web . Haga clic en la opción Configuración del icono de menú.

    Ajustes de iconos de menú

    De manera predeterminada, solo se selecciona la casilla de verificación Dashicons. Las opciones que seleccione le permitirán utilizar más iconos en sus menús. Dashicons contiene iconos básicos, mientras que otros contienen iconos menos comunes.

    Si bien puede marcar todas las casillas, le recomiendo que marque las casillas de verificación Font Awesome e Image. Font Awesome agrega muchas opciones de íconos de redes sociales e Image le permite cargar gráficos personalizados.

    Haga clic en el botón «Guardar configuración» cuando haya terminado.

    Guardar ajustes

    Al hacer clic en la pestaña Menús actuales, puede editar la configuración actual en su lugar. Esto se hace mejor después de haber agregado los íconos. De esa manera, puede ver cómo se verán los cambios.

    Adición de iconos de menú

    Haga clic en la opción Enlaces personalizados. Complete la información para el enlace deseado.

    Enlaces personalizados

    En este ejemplo, demostraré cómo crear un ícono de Reddit, pero puede repetir los siguientes pasos para cualquier otro sitio web.

    Simplemente ingrese la URL del sitio web al que desea vincularse. En este caso, usaré «https://www.reddit.com/», pero también puedes usar «https://www..com/» y muchos otros.

    A continuación, agregue un texto de enlace. Es mejor usar solo el nombre del sitio web, así que en este caso usaré Reddit.

    Haga clic en el botón «Agregar al menú».

    Agregar al menú

    Ahora debería ver Reddit aparecer en la estructura de su menú.

    Ahora es el momento de agregar íconos al elemento de menú que creó. Haga clic en el elemento del menú y seleccione la opción Iconos Seleccionar.

    Haga clic en Seleccionar

    Si siguió mi recomendación, debería ver las opciones Dashicons, Font Awesome e Image en el lado izquierdo. Si bien Reddit es extremadamente popular, todavía no es un ícono estándar que agregaría.

    Por este motivo, no lo encontrarás en la sección de Dashicons. En su lugar, haz clic en Font Awesome y localiza el ícono de Reddit que deseas usar.

    Localizar icono de Reddit

    Alternativamente, puede hacer clic en Imagen y agregar su propio ícono personalizado, pero debe asegurarse de que tenga el tamaño adecuado.

    En el lado derecho, tendrás algunas opciones de personalización disponibles. La forma en que elija editarlos depende completamente de usted.

    Haga clic en el botón «Seleccionar» cuando haya terminado.

    Seleccionar botón

    Ahora puede repetir estos pasos para agregar tantos íconos como desee. Haga clic en el botón «Guardar menú» para finalizar.

    Guardar botón de menú

    Felicitaciones, ha agregado con éxito íconos de menú en WordPress usando el complemento de íconos de menú de ThemeIsle.

    Los menús ayudan enormemente a los visitantes

    El objetivo de un menú es ayudar a sus visitantes a navegar por su sitio web y comunicarse con usted en otras plataformas. Por ejemplo, puede crear una opción de inicio utilizando su página de inicio como un enlace personalizado. Simplemente agregue un ícono de inicio para que coincida y acaba de crear un elegante elemento de menú de inicio.

    Es fácil de hacer y puede facilitar que los nuevos visitantes encuentren el camino de regreso. Sin embargo, los íconos de las redes sociales se están volviendo más críticos para el éxito a lo largo de los años. Permiten a los visitantes llegar a su marca en varias plataformas para seguir o compartir con sus amigos.

    Los íconos de menú facilitan que los visitantes encuentren lo que buscan, por lo que utilizarlos es una opción obvia.

    ¿Para qué tipos de elementos de menú agregaste íconos? ¿Se tomó el tiempo para crear y cargar iconos de menú personalizados?