Descrición

Este plugin ofréceche a capacidade de engadir iconas aos elementos do menú, de xeito similar ao aspecto do último menú do escritorio.

Uso

Despois de activar o plugin, vai a Aparencia > Menús para editar os teus menús
Activa/desactiva os tipos de icona na caixa meta «Axustes de Menu Icons»
Establece os axustes por defecto do menú de navegación actual; os elementos de menú engadidos despois herdarán estes axustes
Selecciona a icona facendo clic na ligazón «Seleccionar icona»
Garda o menú

Tipos de icona compatibles

Dashicons (iconas do núcleo de WordPress)
Elusive Icons de Aristeides Stathopoulos
Font Awesome de Dave Gandy
Foundation Icons de Zurb
Genericons de Automattic
Paquetes de iconas de Fontello
Paquete de iconas TI Icons de ThemeIsle
Imaxe (anexos)
SVG (anexos)

Tipos de icona compatibles previstos

Imaxe (URL)

Temas compatibles

Menu Icons funciona coa maioría dos temas, especialmente cos máis populares como Twenty Seventeen ou Hestia.

O desenvolvemento deste plugin faise en GitHub. Recibimos con gusto as pull requests. Consulta os problemas notificados alí antes de ir ao foro do plugin.

Se che gusta este plugin, considera botar unha ollada aos nosos outros proxectos:

CodeinWP Blog – Guía de deseño para WordPress
Revive.Social – Ferramentas de redes sociais
JustFreeThemes – Directorio de temas gratuítos de WordPress

Capturas

Instalación

Sube menu-icons ao directorio /wp-content/plugins/
Activa o plugin a través do menú Plugins de WordPress

Preguntas frecuentes

As iconas non se mostran!

Asegúrate de que o teu tema activo usa o walker por defecto para mostrar o menú de navegación. Se usa o seu propio walker personalizado, asegúrate de que os títulos dos elementos do menú sexan filtrables (consulta co autor do teu tema).

As posicións das iconas non se ven ben

Se che resulta cómodo editar a folla de estilos do teu tema, podes substituír os estilos desde alí.
Se tes Jetpack instalado, tamén podes usar o seu módulo de CSS personalizado.
Se non, recomendo que uses o plugin Advanced CSS.

Algunhas iconas de fonte non se mostran correctamente

Isto é un fallo da propia icona de fonte. Cando se actualice a fonte, este plugin actualizará tamén a súa.

Como uso un arquivo CSS dende un CDN?

Podes usar o filtro icon_picker_icon_type_stylesheet_uri, p. ex.:

/**
 * Load Font Awesome's CSS from CDN
 *
 * @param  string                $stylesheet_uri Icon type's stylesheet URI.
 * @param  string                $icon_type_id   Icon type's ID.
 * @param  Icon_Picker_Type_Font $icon_type      Icon type's instance.
 *
 * @return string
 */
function myprefix_font_awesome_css_from_cdn( $stylesheet_uri, $icon_type_id, $icon_type ) {
    if ( 'fa' === $icon_type_id ) {
        $stylesheet_uri = sprintf(
            'https://maxcdn.bootstrapcdn.com/font-awesome/%s/css/font-awesome.min.css',
            $icon_type->version
        );
    }

    return $stylesheet_uri;
}
add_filter( 'icon_picker_icon_type_stylesheet_uri', 'myprefix_font_awesome_css_from_cdn', 10, 3 );

Este plugin é extensible?

Claro! Así podes eliminar un tipo de icona do teu plugin/tema:

/**
 * Remove one or more icon types
 *
 * Uncomment one or more line to remove icon types
 *
 * @param  array $types Registered icon types.
 * @return array
 */
function my_remove_menu_icons_type( $types ) {
    // Dashicons
    //unset( $types['dashicons'] );

    // Elusive
    //unset( $types['elusive'] );

    // Font Awesome
    //unset( $types['fa'] );

    // Foundation
    //unset( $types['foundation-icons'] );

    // Genericons
    //unset( $types['genericon'] );

    // Image
    //unset( $types['image'] );

    return $types;
}
add_filter( 'menu_icons_types', 'my_remove_menu_icons_type' );

Para engadir un novo tipo de icona, bota unha ollada aos arquivos do directorio includes/library/icon-picker/includes/types deste plugin.

Non quero a caixa meta de axustes. Como a elimino ou desactivo?

Engade este bloque de código ao teu arquivo de mu-plugin:

add_filter( 'menu_icons_disable_settings', '__return_true' );

Como podo cambiar a clase CSS para ocultar as etiquetas dos elementos do menú?

Engade este bloque de código ao teu arquivo de mu-plugin:

/**
 * Override hidden label class
 *
 * @param  string $class Hidden label class.
 * @return string
 */
function my_menu_icons_hidden_label_class( $class ) {
    $class = 'hidden';

    return $class;
}
add_filter( 'menu_icons_hidden_label_class', 'my_menu_icons_hidden_label_class' );

Como podo modificar o marcado dos elementos do menú?

Engade este bloque de código ao teu arquivo de mu-plugin:

/**
 * Override menu item markup
 *
 * @param string  $markup  Menu item title markup.
 * @param integer $id      Menu item ID.
 * @param array   $meta    Menu item meta values.
 * @param string  $title   Menu item title.
 *
 * @return string
 */
function my_menu_icons_override_markup( $markup, $id, $meta, $title ) {
    // Do your thing.

    return $markup;
}
add_filter( 'menu_icons_item_title', 'my_menu_icons_override_markup', 10, 4 );

Podes engadir a icona de fonte X?

Avísame a través dos problemas de GitHub e verei que podo facer.

Como desactivo as iconas de menú para un menú concreto?

Engade este bloque de código ao teu arquivo de mu-plugin:

/**
 * Disable menu icons for a menu
 *
 * @param array $menu_settings Menu Settings.
 * @param int   $menu_id       Menu ID.
 *
 * @return array
 */
function my_menu_icons_menu_settings( $menu_settings, $menu_id ) {
    if ( 13 === $menu_id ) {
        $menu_settings['disabled'] = true;
    }

    return $menu_settings;
}
add_filter( 'menu_icons_menu_settings', 'my_menu_icons_menu_settings', 10, 2 );

Como engado un paquete de iconas de Fontello?

Crea un novo directorio chamado fontpacks en wp-content.
Colle o zip do paquete, extráeo e sube o contido ao directorio recén creado.
Activa o tipo de icona desde a caixa meta de Axustes.

Non podo seleccionar un tamaño de imaxe personalizado no despregable *Tamaño da imaxe*

Le esta entrada do blog.

Como informar dun problema de seguridade?

A seguridade dos plugins é unha prioridade fundamental para nós. Se identificas unha posible vulnerabilidade, pedímoste que a divulgues de forma responsable.
Segue os protocolos de notificación descritos na nosa páxina de seguridade.

Comentarios

hr61369256 26 de Setembro de 2026 1 resposta

This is a really great plugin, which is helping us a lots. Thanks for it.

francesh0 4 de Setembro de 2026 1 resposta

Putting social icons as part of menus items solved a plethera of problem occuring with another pugin.

koenig4712 26 de Agosto de 2026 1 resposta

Virly usefull, and makes the menu look cool

pkoz 14 de Agosto de 2026 1 resposta

Did just what it promised and easy to use. Very nice

yosh613 2 de Agosto de 2026 1 resposta

Thank you, works well and icons display proportionally. Many thanks again

David Barczak 4 de Maio de 2026 1 resposta

This is a very simple but powerful plugin. 5 Stars in my book.

Ler todas as 850 opinións

Colaboradores e desenvolvedores

“Menu Icons by Themeisle – Engade iconas aos menús de navegación” é un software de código aberto. As seguintes persoas colaboraron con este plugin.

“Menu Icons by Themeisle – Engade iconas aos menús de navegación” foi traducido a 22 idiomas. Grazas aos desenvolvedores polas súas contribucións.

Traduce “Menu Icons by Themeisle – Engade iconas aos menús de navegación” ao teu idioma.

Interesado no desenvolvemento?

Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.

Rexistro de cambios

Version 0.13.25 (2026-09-29)

Engadidos controis de recheo para as iconas de menú SVG personalizadas.
Engadido soporte para axentes de IA: permite que os asistentes de IA lean e cambien os axustes de Menu Icons.
Actualizadas as dependencias

Version 0.13.24 (2026-09-02)

Actualizadas as dependencias

Version 0.13.23 (2026-04-23)

Corrixido o problema de que as iconas de menú SVG se mostraban demasiado pequenas
Corrixido o problema de que o aliñamento vertical non funcionaba na portada

Version 0.13.22 (2026-04-09)

Actualizadas as dependencias

Version 0.13.21 (2026-02-03)

Seguridade mellorada

Version 0.13.20 (2025-12-15)

Corrixida a compatibilidade coas versións de PHP 8.1+
Actualizadas as dependencias

Version 0.13.19 (2025-09-05)

Actualizadas as dependencias

Version 0.13.18 (2025-05-23)

Actualizadas as dependencias

Version 0.13.17 (2025-04-17)

Actualizadas as dependencias

Version 0.13.16 (2024-11-07)

Actualizadas as dependencias

Version 0.13.15 (2024-07-10)

Eliminadas as recomendacións de plugins non compatibles
Corrixidas as condicións da recomendación de temas

Version 0.13.14 (2024-05-14)

Seguridade mellorada

Version 0.13.13 (2024-04-18)

Melloras

Dependencias internas actualizadas: mellora do rendemento e da seguridade.

Version 0.13.12 (2024-04-01)

Melloras

Actualizadas as dependencias internas

Version 0.13.11 (2024-03-29)

Correccións

Actualizadas as dependencias internas
Seguridade mellorada

Version 0.13.10 (2024-03-26)

Melloras

Actualizadas as dependencias internas
Mellorado o readme para ligar cos arquivos fonte públicos
Filtrar promocións

Version 0.13.9 (2024-02-23)

Correccións

Actualizadas as dependencias
Reforzada a seguridade

Version 0.13.8 (2023-12-19)

Actualizacións do SDK
Corrixido o problema da ocultación global das etiquetas

Version 0.13.7 (2023-08-17)

Actualizadas as dependencias
Corrixidos os problemas de deseño de botóns rotos noutros idiomas

Version 0.13.6 (2023-07-07)

Actualizadas as dependencias de composer para resolver unha advertencia na sección de widgets

Version 0.13.5 (2023-03-30)

Actualizadas as dependencias e probado co núcleo de WordPress ata a versión 6.2

Version 0.13.4 (2023-03-01)

Actualizar dependencias

Version 0.13.3 (2023-02-25)

Corrixido o valor de ancho/alto de img, grazas a @Htbaa
Actualizar dependencias

Version 0.13.2 (2022-11-24)

Corrección: actualizar dependencias

Version 0.13.1 (2022-11-04)

Probado coa versión 6.1 de WordPress

Version 0.13.0 (2022-08-23)

Corrixido que as promocións de Neve aparecesen de forma inconsistente en casos límite
Corrixida a inconsistencia con Font Awesome 5 e engadida compatibilidade coa versión 6
Corrixida a compatibilidade con JupiterX
Actualizar dependencias

Version 0.12.12 (2022-05-27)

Corrixido o conflito do manexador de estilos que rompía a icona de frecha dos submenús nalgúns temas
Corrixido o problema ao descartar o aviso do escritorio en certos casos límite
Corrixida a compatibilidade co plugin Max Mega Menu

Version 0.12.11 (2022-03-16)

Engadido soporte para Font Awesome 5
Mellorada a compatibilidade con Otter/Neve

Version 0.12.10 (2022-02-07)

[Fix] Engadido soporte para o atributo alt nas iconas SVG
Probado con WordPress 5.9

Version 0.12.9 (2021-08-04)

Probada a compatibilidade con WordPress 5.8

Version 0.12.8 (2021-05-12)

Corrixido o problema cando a imaxe non é accesible para obter os metadatos de ancho/alto.

Version 0.12.7 (2021-05-07)

Corrixido o erro fatal de PHP ao subir un SVG co cargador de imaxes

Version 0.12.6 (2021-05-05)

Engade ancho/alto explícitos ás iconas para evitar problemas de desprazamento do deseño

0.12.4 – 2020-07-13

Corrixido que Font Awesome non se cargaba

0.12.3 – 2020-07-13

Corrixido que Menu Icons non funcionaba no editor de bloques
Corrixidas as ligazóns de CWP.

0.12.2 – 2019-11-15

0.12.1 – 2019-11-15

Mellorada a compatibilidade herdada

0.12.0 – 2019-11-15

Corrixidos problemas con WordPress 5.3.

0.11.5 – 2019-05-23

Sincronizadas as dependencias de composer coa última versión

0.11.4 – 2018-12-10

Corrixido o problema coas bibliotecas de composer.

0.11.3 – 2018-12-10

Probado con WP 5.0

0.11.2 – 2018-03-05

Mellorado o deseño da barra lateral da ventá emerxente.

0.11.1 – 2018-02-24

Engadidas caixas de recomendación na ventá emerxente das iconas de menú.

0.11.0 – 2018-01-05

Cambio de propiedade a ThemeIsle.
Mellora a compatibilidade con varios produtos de ThemeIsle.

0.10.2

Compatibilidade con WordPress 4.7.0, grazas a Aaron K.

0.10.1

Soporte para RTL, grazas a ybspost.

0.10.0

Icon Picker 0.4.0
- Font Awesome 4.6.1
- Introducido o gancho de filtro icon_picker_icon_type_stylesheet_uri.
Engadido o atributo aria-hidden="true" ao elemento da icona

0.9.3

Corrixidos conflitos de CSS

0.9.2

Actualizado Icon Picker á 0.1.1.

0.9.1

Corrixido o soporte para Composer.

0.9.0

Optimización do rendemento.
Modularización. Desenvolvedores: bótalle unha ollada á biblioteca Icon Picker.
Corrección de fallos.
Eliminado o filtro menu_icons_{type_id}_props.

0.8.1

Corrixido que as iconas desaparecesen da portada cando non se está identificado, grazas a jj9617

0.8.0

Actualizado Dashicons
Actualizado Genericons á 3.4
Actualizado Font Awesome á 4.4.0
Permite desactivar o plugin para un menú concreto
Engadido novo tipo de icona: SVG, grazas a Ethan Clevenger
Engadido novo filtro: menu_icons_hidden_label_class
Engadido novo filtro: menu_icons_item_title

0.7.0

Actualizado Dashicons
Corrixida a molesta ventá emerxente do navegador ao saír da pantalla de menús de navegación
Solución alternativa para actualizar os axustes con ajax

0.6.0

Actualizado Genericons á 3.2
Actualizado Font Awesome á 4.2.0

0.5.1

Actualizados os campos personalizados dos elementos de menú para levarse ben con outros plugins.
Engadida a folla de estilos de Foundation Icons que faltaba, grazas a John
Correccións de JS & CSS

0.5.0

Novo tipo de icona: Foundation Icons
Engadidas novas iconas de Dashicons
Varias correccións & melloras

0.4.0

Soporte para paquetes de iconas de Fontello
Novo tipo de icona: Imaxe (anexos)

0.3.2

Engadido o CSS minimizado que faltaba para a icona de fonte Elusive, grazas a zazou83

0.3.1

Corrixido o erro fatal en versións obsoletas de PHP, grazas a dellos

0.3.0

Engadida a caixa meta de Axustes na pantalla de menús
Nova característica: herdanza de axustes (menú de navegación > elementos do menú)
Nova característica: ocultar as etiquetas dos elementos do menú
Novo tipo de icona: Elusive Icons
Actualizado Font Awesome á 4.1.0

0.2.3

Engadido un novo grupo para Dashicons: Medios

0.2.1

Corrixida a compatibilidade do selector de iconas con WP 3.9

0.2.0

Marco de medios para a selección de iconas
Nova icona de fonte: Font Awesome

0.1.5

Correccións e melloras invisibles, pero importantes

0.1.4

Corrixido o gardado do menú

0.1.3

Ofrécense campos de selección de iconas nos elementos de menú recén engadidos

0.1.2

Mellorada a folla de estilos extra

0.1.1

Mellorada a experiencia de usuario na selección de iconas

0.1.0

Versión pública inicial

Excelent

Fabulous

Great Plugin

so easy

Usage

AWESOME

Descrición

Uso

Tipos de icona compatibles

Tipos de icona compatibles previstos

Temas compatibles

Se che gusta este plugin, considera botar unha ollada aos nosos outros proxectos:

Capturas

Instalación

Preguntas frecuentes

As iconas non se mostran!

As posicións das iconas non se ven ben

Algunhas iconas de fonte non se mostran correctamente

Como uso un arquivo CSS dende un CDN?

Este plugin é extensible?

Non quero a caixa meta de axustes. Como a elimino ou desactivo?

Como podo cambiar a clase CSS para ocultar as etiquetas dos elementos do menú?

Como podo modificar o marcado dos elementos do menú?

Podes engadir a icona de fonte X?

Como desactivo as iconas de menú para un menú concreto?

Como engado un paquete de iconas de Fontello?

Non podo seleccionar un tamaño de imaxe personalizado no despregable *Tamaño da imaxe*

Como informar dun problema de seguridade?

Comentarios

Colaboradores e desenvolvedores

Interesado no desenvolvemento?

Rexistro de cambios

Melloras

Melloras

Correccións

Melloras

Correccións

Version 0.13.0 (2022-08-23)

0.12.4 – 2020-07-13

0.12.3 – 2020-07-13

0.12.2 – 2019-11-15

0.12.1 – 2019-11-15

0.12.0 – 2019-11-15

0.11.5 – 2019-05-23

0.11.4 – 2018-12-10

0.11.3 – 2018-12-10

0.11.2 – 2018-03-05

0.11.1 – 2018-02-24

0.11.0 – 2018-01-05

0.10.2

0.10.1

0.10.0

0.9.3

0.9.2

0.9.1

0.9.0

0.8.1

0.8.0

0.7.0

0.6.0

0.5.1

0.5.0

0.4.0

0.3.2

0.3.1

0.3.0

0.2.3

0.2.1

0.2.0

0.1.5

0.1.4

0.1.3

0.1.2

0.1.1

0.1.0

Meta

Valoracións

Colaboradores

Soporte

Non podo seleccionar un tamaño de imaxe personalizado no despregable Tamaño da imaxe