Menu Icons od ThemeIsle

Popis

Tento plugin ti dává možnost přidat ikony k tvým položkám menu, podobně jako vypadá nejnovější menu nástěnky.

Použití

  1. Po aktivaci pluginu přejděte do Vzhled > Menu pro úpravu vašich menu.
  2. Povolit/zakázat typy ikon v metaboxu „Nastavení ikon menu“
  3. Nastavte výchozí nastavení pro aktuální navigační menu; tato nastavení budou zděděna nově přidanými položkami menu.
  4. Vyberte ikonu kliknutím na odkaz „Vybrat ikonu“
  5. Uložit menu

Podporované typy ikon

Plánované podporované typy ikon

  • Obrázek (URL)

Kompatibilní šablony

Menu Icons funguje s většinou šablon, zejména s těmi oblíbenými, jako je Twenty Seventeen nebo Hestia.

Vývoj tohoto pluginu probíhá na GitHubu. Pull požadavky jsou vítány. Podívej se prosím na nahlášené problémy tam, než přejdeš na fórum pluginu.

Pokud se Vám tento plugin líbí, zvažte možnost podívat se na naše další projekty:

CodeinWP Blog – Průvodce WordPressem pro designéry
Revive.Social – Nástroje pro sociální média
JustFreeThemes – Adresář bezplatných šablon pro WordPress

Snímky obrazovky

  • Editor menu
  • Výběr ikony
  • Twenty Fourteen s Dashicons
  • Twenty Fourteen s Genericons
  • Twenty Thirteen s Dashicons
  • Twenty Thirteen s Genericons
  • Metabox nastavení (Globální)
  • Metabox nastavení (Menu)

Instalace

  1. Nahraj menu-icons do adresáře /wp-content/plugins/
  2. Aktivuj plugin přes stránku Pluginy page ve WordPressu.

Nejčastější dotazy

Ikony se nezobrazují!

Ujistěte se, že vaše aktivní šablona používá pro zobrazení navigačního menu výchozí „walker“. Pokud používá svůj vlastní vlastní walker, ujistěte se, že názvy položek menu jsou filtrovatelné (v tomto ohledu se prosím poraďte s autorem vaší šablony).

Pozice ikon nevypadají správně

Pokud si troufáte na úpravu souboru CSS ve vaší šabloně, můžete styly přepsat přímo tam.
Pokud máte nainstalovaný Jetpack, můžete také použít jeho modul Vlastní CSS.
V opačném případě vám doporučuji použít plugin Advanced CSS.

Některé ikony písma se nevykreslují správně

Toto je chyba samotného písma ikon. Jakmile bude písmo aktualizováno, tento plugin aktualizuje i svou verzi písma.

Jak mohu použít soubor CSS z CDN?

Můžete použít filtr icon_picker_icon_type_stylesheet_uri, například:

/**
 * 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 );

Je tento plugin rozšiřitelný?

Jistě! Zde je návod, jak můžete odebrat typ ikony z vašeho pluginu/šablony:

/**
 * 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' );

Chcete-li přidat nový typ ikony, podívejte se na soubory v adresáři includes/library/icon-picker/includes/types tohoto pluginu.

Nechci metabox s nastavením. Jak ho mohu odebrat/zakázat?

Dejte tento blok kódu do svého mu-plugin souboru:

add_filter( 'menu_icons_disable_settings', '__return_true' );

Jak mohu změnit třídu CSS pro skrytí popisků položek menu?

Dejte tento blok kódu do svého mu-plugin souboru:

/**
 * 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' );

Jak mohu upravit značkování (markup) položek menu?

Dejte tento blok kódu do svého mu-plugin souboru:

/**
 * 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 );

Můžete prosím přidat font ikon X?

Dejte mi vědět prostřednictvím GitHub issues a uvidím, co se s tím dá dělat.

Jak zakážu ikony menu pro určité menu?

Dejte tento blok kódu do svého mu-plugin souboru:

/**
 * 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 );

Jak přidám balíček ikon z Fontello?

  1. Vytvoř v wp-content nový adresář s názvem fontpacks.
  2. Stáhněte si balíček ve formátu ZIP, rozbalte jej a nahrajte do nově vytvořeného adresáře.
  3. Povolte typ ikony v nastavení meta boxu.

V rozbalovací nabídce *Velikost obrázku* nemohu vybrat vlastní velikost obrázku.

Přečtěte si tento příspěvek na blogu.

How to report a security issue?

Plugin security is a core priority for us. If you identify a potential vulnerability, we ask that you disclose it responsibly.
Please follow the reporting protocols outlined on our Security Page.

Recenze

27. 2. 2026 1 odpověď
I have used this for a long time with no problems but the 0.13.21 version somehow shrinked my icons.The rollback option is awesome – so thanks for that.You might want to see why the icon sizes have changed with the update!
12. 1. 2026 1 odpověď
Easy to use and works well

Gut

20. 11. 2025 1 odpověď
5 Sterne weil es gut tut was es tuen soll.
Přečtěte si všech 841 recenzí

Autoři

Menu Icons od ThemeIsle je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu.

Spolupracovníci

Plugin „Menu Icons od ThemeIsle“ byl přeložen do 20 jazyků. Děkujeme všem překladatelům za jejich pomoc.

Přeložte “Menu Icons od ThemeIsle” do svého jazyka.

Zajímá vás vývoj?

Prohledejte kód, podívejte se do SVN repozitáře, nebo se přihlaste k odběru protokolu vývoje pomocí RSS.

Přehled změn

Version 0.13.21 (2026-02-03)

  • Enhanced security

Version 0.13.20 (2025-12-15)

  • Fixed compatibility with PHP 8.1+ versions
  • Updated dependencies

Version 0.13.19 (2025-09-05)

  • Updated dependencies

Version 0.13.18 (2025-05-23)

  • Updated dependencies

Version 0.13.17 (2025-04-17)

  • Updated dependencies

Version 0.13.16 (2024-11-07)

  • Updated dependencies

Version 0.13.15 (2024-07-10)

  • Removed recommendations of unsupported plugins
  • Fixed conditions for theme recommendation

Version 0.13.14 (2024-05-14)

  • Enhanced security

Version 0.13.13 (2024-04-18)

Improvements

​- Updated internal dependencies:​​ Enhanced performance and security.

Version 0.13.12 (2024-04-01)

Improvements

  • Updated internal dependencies

Version 0.13.11 (2024-03-29)

Fixes

  • Updated internal dependencies
  • Enhanced security

Version 0.13.10 (2024-03-26)

Improvements

  • Updated internal dependencies
  • Improved readme to link to the public source files
  • Filter promotions

Version 0.13.9 (2024-02-23)

Fixes

  • Updated dependencies
  • Harden security

Version 0.13.8 (2023-12-19)

  • SDK Updates
  • Fixed global hide label issue

Version 0.13.7 (2023-08-17)

  • Updated dependencies
  • Fixed broken button layout issues in other languages

Version 0.13.6 (2023-07-07)

  • Updated composer dependencies to address warning in the widgets section

Version 0.13.5 (2023-03-30)

  • Updated Dependencies and WordPress core tested up to version 6.2

Version 0.13.4 (2023-03-01)

Update dependencies

Version 0.13.3 (2023-02-25)

  • Fix img width/height value, props @Htbaa
  • Update dependencies

Version 0.13.2 (2022-11-24)

  • Fix – update dependencies

Version 0.13.1 (2022-11-04)

Tested with the WordPress 6.1 version

Version 0.13.0 (2022-08-23)

  • Fix Neve upsells showing up inconsistently on edge cases
  • Fix inconsistency with Font Awesome 5 and adds compatibility with 6th version
  • Fix compatibility with JupiterX
  • Update dependencies

Version 0.12.12 (2022-05-27)

  • Fix the style handler conflict issue which breaks the arrow icon of the submenus on some themes
  • Fix dismiss dashboard notice issue on some edge cases
  • Fix compatibility with the Max Mega Menu plugin

Version 0.12.11 (2022-03-16)

Add font awesome 5 support
Enhance compatibility with Otter/Neve

Version 0.12.10 (2022-02-07)

  • [Fix] Add support for alt attribute for SVG icons
  • Tested up with WordPress 5.9

Version 0.12.9 (2021-08-04)

  • Tested compatibility with WordPress 5.8

Version 0.12.8 (2021-05-12)

  • Fix issue when the image is not accessible to fetch the width/height metadata.

Version 0.12.7 (2021-05-07)

Fix PHP fatal error when uploading SVG with the image uploader

Version 0.12.6 (2021-05-05)

  • Adds explicit width/height to icons to prevent layout shifts issues

0.12.4 – 2020-07-13

  • Fix Font Awesome not loading

0.12.3 – 2020-07-13

  • Fixed Menu Icons in Block Editor not working
  • Fixed CWP links.

0.12.2 – 2019-11-15

0.12.1 – 2019-11-15

  • Improve legacy compatibility

0.12.0 – 2019-11-15

  • Fix issues with WordPress 5.3.

0.11.5 – 2019-05-23

  • Sync composer dependencies with the latest version

0.11.4 – 2018-12-10

  • fix issue with composer libraries.

0.11.3 – 2018-12-10

  • Tested with WP 5.0

0.11.2 – 2018-03-05

  • Improve popup sidebar layout.

0.11.1 – 2018-02-24

  • Add recommendation boxes in the menu icon popup.

0.11.0 – 2018-01-05

  • Change ownership to ThemeIsle.
  • Improves compatibility with various ThemeIsle products.

0.10.2

  • Kompatibilita s WordPressem 4.7.0, poděkování Aronu K.

0.10.1

  • Podpora RTL, poděkování ybspost.

0.10.0

  • Icon Picker 0.4.0
    • Font Awesome 4.6.1
    • Introduce icon_picker_icon_type_stylesheet_uri filter hook.
  • Add aria-hidden="true" attribute to icon element

0.9.3

  • Fix CSS conflicts

0.9.2

  • Update Icon Picker to 0.1.1.

0.9.1

  • Fix support for Composer.

0.9.0

  • Performance optimization.
  • Modularisation. Developers: Take a look at the Icon Picker library.
  • Bug fixes.
  • Removed menu_icons_{type_id}_props filter.

0.8.1

  • Fix disappearing icons from front-end when not logged-in, props jj9617

0.8.0

  • Update Dashicons
  • Update Genericons to 3.4
  • Update Font Awesome to 4.4.0
  • Allow the plugin to be disabled for a certain menu
  • Add new icon type: SVG, props Ethan Clevenger
  • Add new filter: menu_icons_hidden_label_class
  • Add new filter: menu_icons_item_title

0.7.0

  • Update Dashicons
  • Fix annoying browser popup when navigating away from Nav Menus screen
  • Work-around settings update with ajax

0.6.0

  • Update Genericons to 3.2
  • Update Font Awesome to 4.2.0

0.5.1

  • Update Menu Item Custom Fields to play nice with other plugins.
  • Add missing Foundation Icons stylesheet, props John
  • JS & CSS fixes

0.5.0

  • New Icon type: Foundation Icons
  • Add new Dashicons icons
  • Various fixes & enhancements

0.4.0

  • Fontello icon packs support
  • New icon type: Image (attachments)

0.3.2

  • Add missing minified CSS for Elusive font icon, props zazou83

0.3.1

  • Fix fatal error on outdated PHP versions, props dellos

0.3.0

  • Add Settings meta box on Menu screen
  • New feature: Settings inheritance (nav menu > menu items)
  • New feature: Hide menu item labels
  • New Icon type: Elusive Icons
  • Update Font Awesome to 4.1.0

0.2.3

  • Add new group for Dashicons: Media

0.2.1

  • Fix icon selector compatibility with WP 3.9

0.2.0

  • Media frame for icon selection
  • New font icon: Font Awesome

0.1.5

  • Invisible, but important fixes and improvements

0.1.4

  • Fix menu saving

0.1.3

  • Provide icon selection fields on newly added menu items

0.1.2

  • Improve extra stylesheet

0.1.1

  • Improve icon selection UX

0.1.0

  • Initial public release