lang

Cette action permet d'afficher un texte ou du contenu selon la langue du visiteur.

Elle est surtout utilisée comme argument d'une option pour une autre action.

➠ lang : Choix du contenu selon la langue du visiteur

Cliquer pour lire la documentation

syntaxe 1 : {up lang | fr=oui | gb=yes}
syntaxe 2 : {up lang | lang-order=en-fr} contenu anglais {====}contenu français {/up lang}
author LOMART version UP-1.7 license GNU/GPLv3 tags Editor
  • lang: langue pour vérifer le rendu (vide en production)
  • lang-order = en,fr: ordre de saisie des langue dans contenu
  • tag: balise entourant le contenu retourné
  • class: classe(s) pour bloc
  • style: style inline pour bloc
  • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

    Exemple simple

    Hello World!
    {up lang | en=Hello World! | fr=Bonjour le monde ! | de=Hallo, Welt!}

    Avec ce shortcode, vous devez voir le message dans la langue de votre navigateur.

    Si on indique un code langage comme argument principal de l'action, c'est cette langue qui sera utilisée et non celle du visiteur. J'utilise cette possibilité pour avoir plusieurs langue sur la même page. Ce qui est impossible en utilisation normale.

    Hallo, Welt!
    {up lang=de | en=Hello World! | fr=Bonjour le monde ! | de=Hallo, Welt!}

    La langue est forcée sur l'allemand

    Hello World!
    {up lang=en | en=Hello World! | fr=Bonjour le monde ! | de=Hallo, Welt!}

    La langue est forcée sur l'anglais

    Hello World!
    {up lang=it | en=Hello World! | fr=Bonjour le monde ! | de=Hallo, Welt!}

    La langue demandée est l'italien. Comme elle n'est pas présente, on utilise la première langue : l'anglais

    Comme argument d'une action

    Pour la démonstration, je vais utiliser le même shortcode en forçant uniquement la langue

    {up hr=i-love-up | icon-text=❤ {up lang | en=I love UP | fr=J'aime UP | de=Ich liebe UP }}

    dans votre langue


    en allemand


    en italien (raté, donc en anglais)


    Avec des images

    Très souvent, nous avons des images avec du texte. UP permet de choisir celle qui correspond à la langue en cours

    Comme pour les exemples précédents, le shortcode sera le même :

    <img src="/images/icons/48/{up lang=de | en=united-kingdom.png | fr=france.png | de=germany.png }">

    dans votre langue

    en allemand

    en italien (raté, donc en anglais)

    et n'importe quoi

    Cette action retourne le texte brut. Il est donc possible de l'utiliser dans toutes les situations.

    {up html=p | class=w50 {up lang | en=bg-orange | fr=bg-jaune} p1 bd-rouge tc} 
       ce texte est sur fond orange en anglais et fond jaune en français
    {/up html}

    ce texte est sur fond orange en anglais et fond jaune en français

    Saisie wysiwyg

    Si vous utilisez un éditeur comme JCE ou TinyMCE, il est possible d'utiliser cette action sans saisir de code.

    Il suffit de mettre entre le shortcode ouvrant et fermant, chacune des langues en les séparant par le motif {===}. Le séparateur doit débuter par {=== et se terminer par une accolade. Ce séparateur est valide : {=== anglais }

    Pour la démo, j'ai précisé l'ordre d'apparition des langues : lang-order=en,fr

    Ci-dessous, un aperçu de la saisie avec TinyMCE et le code HTML correspondant

    <div>{up lang | lang-order=en,fr,de}</div>
    <div><img src="/images/icons/48/united-kingdom.png" alt="Anglais" /> Hello World!</div>
    <div>{=====}</div>
    <div><img src="/images/icons/48/france.png" alt="Français" /> Bonjour le monde</div>
    <div>{=====}</div>
    <div><img src="/images/icons/48/germany.png" alt="Germany" /> Hallo, Welt!</div>
    <div>{/up lang}</div>
    
    Voici le résultat dans votre langue :