Documentation

Language selector: smooth multilingual navigation

The language selector configuration page lets you customize how your visitors change the language of the site.
Wool ball and Tricot in progress

Display options

Integration method

Two approaches are available for integrating the language selector:

Menus

  • Adds the selector directly to your existing WordPress menus
  • Ideal if you already have an established navigation structure
  • The selector integrates naturally as a menu item
  • You choose in which specific menu to add it (main menu, footer, etc.).

Locations

  • Uses the predefined widget areas of your WordPress theme
  • Perfect for placing the selector in specific areas (sidebar, header, footer)
  • Offers greater positioning flexibility
  • Depends on the slots available in your theme

Add to menus

If you choose the "Menus" method, select the menus in which the selector is to appear (Login, Menu, Menu footer, Resources, etc.).

Menu position

  • Menu start the selector appears as the first element
  • End of menu the selector appears as the last element

Display style

  • Language code displays ISO codes (EN, FR, ES)
  • Language name displays full names (English, Français, Español)

Additional options

  • Hide currently selected language displays only other available languages
  • Use the theme style automatically applies your theme's CSS to the selector (disables customization options below)

Style options

If you're not using the theme style, customize the appearance of the selector:

  • Background color
  • Text color
  • Hover text color
  • Font size (in pixels)
  • Edge radius (rounded corners)
  • Filling (internal spacing)
  • Custom CSS classes

Managing the selector via WordPress menus

For finer control, you can also add and configure the language selector directly from the native WordPress menu interface (Appearance > Menus).

Add the selector to a menu

  1. See you in Appearance > Menus
  2. In the left-hand column, locate the Tricot - Language selector
  3. Check "Language selector".
  4. Click on Add to menu

The selector now appears in your menu structure, just like any other item.

[IMAGE ICI // Tricot panel - Language selector in the WordPress menu editor]

Configure selector in menu

Once added, click on the selector in the menu structure to access its options:

  • Parent menu nest the selector under another element if desired
  • Menu order Adjust its position in the
  • Menu display Choose between "Menu list" (languages are displayed side by side) or "Dropdown menu" (languages appear in a dropdown).
  • Display style Language code (EN, FR, etc.)" or "Language name (English, French, etc.)".
  • Hide currently selected language only displays alternative languages
  • Menu Item Style Standard or customized according to your theme

You can also move the selector within the menu structure by using the "Move", "Up a notch", "All the way to the top", etc. links.

Using shortcodes

You can also manually place the selector anywhere on your site using shortcodes:

  • FRESDEKO
     complete selector with configurable options
  • FRESDEKO
     simplified selector

These shortcodes work in pages, posts, text widgets, custom zones in your theme and page builders (Elementor, Divi, etc.).

Integration into PHP templates

For developers wishing to integrate the selector directly into :

<?php echo do_shortcode(‘

FRESDEKO
‘); ?>