WPML flag in menu Extended

plugin banner

Shows translated flags (for every language except current viewing lang) in selected menu's

Author:Johan van de Merwe (profile at wordpress.org)
WordPress version required:2.0.2
WordPress version tested:4.3.33
Plugin version:1.7
Added to WordPress repository:26-02-2013
Last updated:07-04-2016
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:9
Plugin URI:http://www.enovision.nl/WPML_Flag_In_Menu_Ext...
Total downloads:19 284
Active installs:400+
plugin download
Click to start download

Shows translated flags (for every language except current viewing lang) in any selected menu in the plugin settings
LTR support

In addition to the plugin from Ramon Fincken, this plugin let you select on which menu you want to add the language flags.
You can even make an empty menu and make it dedicated for your language flags and put it as a custom menu in the sidebar.

To make the flags appear on a translated menu, you go in the settings of the plugin and add the translated menu to the selection
you made. This has to be done with every translated menu where you want the flags to appear. So, if you just have translated a
menu. Go back to the options of the widget and you will see that this translated menu is added to the list. Select this menu too and
save the options.

See other notes tab for explanation

Visit: http://www.enovision.net/wpml_flag_in_menu_extended/ for more explanation.

additional classes

You can also add an additional class for the IMG and LI tag. On the LI tag is automatically added the class “not-last” for all
flag items but the last one, and “last” for the last flag.

Now you can add some styling like:

/* make a border around the flag icon */
img.wpml_flags {
    border : 1px solid #f1f1f1;
}

/* bring the icons a bit closer together */
li.wpml_flags.not-last {
    margin-right : -20px;
}

/* a little left padding after the flag, when name is used too */
.wpml_flags_name {
    padding-left : 10px;
}

You can find these styles in the style.css in the css directory of the plugin.
Modify this to your own requirements.

How to right justify the menu’s on a menu?

You can add a wrapper class around the flags and put some CSS styles on it.

In the wrap element you put: div
In the wrap extra classes you put: flag_wrapper.

 #main-nav ul div.flag_wrapper {
    float: right;
}

In the wrap element you put: span
In the wrap extra classes you put: flag_wrapper.

 #main-nav ul span.flag_wrapper {
    float: right;
    line-height: 14px; /* this could be different */
}

How to add a menu to a seperate widget area?

  1. Create a new menu f.e. “Language Selecter”
  2. Add a custom link to this menu with in the label: [wpml_flag_menu]
  3. Save the menu
  4. Create/Translate the menu in all your languages (to make it exists in all languages)
  5. Modify the wmpl_flag_menu settings and select the menus used created/translated
  6. Save the settings
  7. Add a custom menu widget to the sidebar or any other widget area and select the “Language Selecter” as selected menu
  8. Save the settings and look for the result

Limitations

This plugin will not create flags on the main navigation menu of SOME(!) Genesis Framework (child) Themes !!!

Coding by: Johan van de Merwe


Screenshots
FAQ
ChangeLog