Linux 软件免费装
Banner图

Menu Icons by ThemeIsle

开发者 codeinwp
themeisle
更新时间 2024年11月13日 06:24
PHP版本: 4.7 及以上
WordPress版本: 6.6
版权: GPLv2
版权网址: 版权信息

标签

menu icons navigation nav-menu

下载

0.10.2 0.8.0 0.8.1 0.13.14 0.13.1 0.13.5 0.11.1 0.11.3 0.12.2 0.12.3 0.12.4 0.12.5 0.12.6 0.12.7 0.2.2 0.2.3 0.3.1 0.3.2 0.4.0 0.11.2 0.1.0 0.5.0 0.5.1 0.6.0 0.7.0 0.9.2 0.1.5 0.11.5 0.13.2 0.13.3 0.13.15 0.12.9 0.13.0 0.12.8 0.13.9 0.13.7 0.13.8 0.9.0 0.1.1 0.1.2 0.1.3 0.11.4 0.13.10 0.13.11 0.13.4 0.2.0 0.3.0 0.10.1 0.13.12 0.2.1 0.1.4 0.10.0 0.11.0 0.12.0 0.12.1 0.12.10 0.12.11 0.12.12 0.13.13 0.13.16 0.13.6

详情介绍:

This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu. https://www.youtube.com/watch?v=YcSotWXIczI Usage
  1. After the plugin is activated, go to Appearance > Menus to edit your menus
  2. Enable/Disable icon types in "Menu Icons Settings" meta box
  3. Set default settings for current nav menu; these settings will be inherited by the newly added menu items
  4. Select icon by clicking on the "Select icon" link
  5. Save the menu
Supported icon types Planned supported icon types Compatible themes Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or Hestia. Development of this plugin is done on GitHub. Pull requests welcome. Please see issues reported there before going to the plugin forum.

安装:

  1. Upload menu-icons to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

屏幕截图:

  • Icon selection
  • Twenty Fourteen with Dashicons
  • Twenty Fourteen with Genericons
  • Twenty Thirteen with Dashicons
  • Twenty Thirteen with Genericons
  • Settings Meta Box (Global)
  • Settings Meta Box (Menu)

常见问题:

The icons are not showing!

Make sure that your active theme is using the default walker for displaying the nav menu. If it's using its own custom walker, make sure that the menu item titles are filterable (please consult your theme author about this).

The icon positions don't look right

If you're comfortable with editing your theme stylesheet, then you can override the styles from there. If you have Jetpack installed, you can also use its Custom CSS module. Otherwise, I recommend you to use the Advanced CSS plugin.

Some font icons are not rendering correctly

This is a bug with the font icon itself. When the font is updated, this plugin will update its font too.

How do I use css file from CDN?

You can use the icon_picker_icon_type_stylesheet_uri filter, eg: ` /**

  • 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 ); `

Is this plugin extendable?

Certainly! Here's how you can remove an icon type from your plugin/theme: ` /**

  • 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' ); To add a new icon type, take a look at the files inside theincludes/library/icon-picker/includes/types` directory of this plugin.

I don't want the settings meta box. How do I remove/disable it?

Add this block of code to your mu-plugin file: add_filter( 'menu_icons_disable_settings', '__return_true' );

How can I change the CSS class for hiding the menu item labels?

Add this block of code to your mu-plugin file: ` /**

  • 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' ); `

How can I modify the markup the menu items?

Add this block of code to your mu-plugin file: ` /**

  • 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 ); `

Can you please add X icon font?

Let me know via GitHub issues and I'll see what I can do.

How do I disable menu icons for a certain menu?

Add this block of code to your mu-plugin file: ` /**

  • 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 ); `

How do I add an icon pack from Fontello?

  1. Create a new directory called fontpacks in wp-content.
  2. Grab the zip of the pack, extract, and upload it to the newly created directory.
  3. Enable the icon type from the Settings meta box.

I can't select a custom image size from the Image Size dropdown

Read this blog post.

更新日志:

Version 0.13.16 (2024-11-07) Version 0.13.15 (2024-07-10) Version 0.13.14 (2024-05-14) Version 0.13.13 (2024-04-18) Improvements ​- Updated internal dependencies:​​ Enhanced performance and security. Version 0.13.12 (2024-04-01) Improvements Version 0.13.11 (2024-03-29) Fixes Version 0.13.10 (2024-03-26) Improvements Version 0.13.9 (2024-02-23) Fixes Version 0.13.8 (2023-12-19) Version 0.13.7 (2023-08-17) Version 0.13.6 (2023-07-07) Version 0.13.5 (2023-03-30) Version 0.13.4 (2023-03-01) Update dependencies Version 0.13.3 (2023-02-25) Version 0.13.2 (2022-11-24) Version 0.13.1 (2022-11-04) Tested with the WordPress 6.1 version Version 0.13.0 (2022-08-23) Version 0.12.12 (2022-05-27) Version 0.12.11 (2022-03-16) Add font awesome 5 support Enhance compatibility with Otter/Neve Version 0.12.10 (2022-02-07) Version 0.12.9 (2021-08-04) Version 0.12.8 (2021-05-12) 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) 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