Sens de lecture et alignement : languageDirection, languageAlignment

Blogger - Language direction - Language Alignment

Les termes languageDirection et languageAlignment sont des suffixes que l'on ajoute à une donnée Blogger de type locale afin de connaître le sens de lecture en fonction de la langue du blog ou de la vue alternative.



Les réglages

Les réglages de direction et d'alignement sont destinés aux données de type locale. Dans les dictionnaires des données XML Blogger, il n'y a qu'une seule donnée de ce type qui peut être utilisée et en plus elle est universelle.

data:blog.locale

Techniquement, ces réglages sont des données renfermées dans un objet, qui lui-même est contenu dans la donnée à régler. Les réglages renvoient une nouvelle valeur en relation avec les informations locales du blog ou de la vue alternative courante.

Échantillonnage des ressources


  languageDirection: string,
  languageAlignment: string

En pratique, dans l'éditeur XML du thème, les réglages s'ajoutent au nom de la donnée de type locale :

Syntaxes de sortie

<!-- languageDirection -->
data:locale.languageDirection

<!-- languageAlignment -->
data:locale.languageAlignment

Exemples
<data:blog.locale.languageDirection/>

Sens de lecture

Le résultat sera ltr (de gauche à droite) ou rtl (de droite à gauche).

Ce réglage est l'équivalent de la donnée universelle data:blog.languageDirection

<data:blog.locale.languageAlignment/>

Alignement

Le résultat sera left (pour les langues ltr) ou right (pour les langues rtl).

Ce réglage est l'équivalent de la donnée d'habillage data:skin.vars.startSide. Voir les variables d'habillage automatisées.



Les valeurs des réglages

Les résultats dépendent principalement de 2 facteurs :

  • La langue du blog

    La langue par défaut est définie dans le tableau de bord.

    • UI
    • Paramètres
    • Général
    • Langue du blog

    Gérer son blog - Langue & horodatage

  • Les vues par langue

    Il s'agit d'ajouter un paramètre hl à l'URL courante.

    Les valeurs facultatives à ajouter sont : langue-territoire-variante.

    Exemple
    https://BLOG_NAME.blogspot.com?hl=fr-BE-wa
    

    Ces nouvelles valeurs sont transmises aux règlages de la donnée data:blog.locale dont les résultats pour cet exemple sont :

    • .languageDirection : « ltr »

    • .languageAlignment : « left »

    Les vues par langue



Exemple de mise en oeuvre

Aligner des éléments en fonction du sens de lecture

<div expr:style='"text-align:" + data:blog.locale.languageAlignment + ";"'>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.</p>
</div>


Blogger Humour - Smiley apprend à conduire.


Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger