Documentation

  1. Accueil
  2. Docs
  3. Documentation
  4. Principales fonctionnalit...
  5. Le thème
  6. Thème et modèle : composition de page – « class css » internes

Thème et modèle : composition de page – « class css » internes

Exemple du thème istex – modèle pour graphisme complexe

Champs lodex composés

istex-composition-class-interne

Les champs lodex peuvent être composés d’autres champs :

  • Pour faire une phrase avec un nombre calculé par une routine
  • Pour fabriquer une page d’accueil ou de ressource structurée pour intégrer un graphisme

Cette possibilité est utilisé pour le thème istex qui comporte une charte graphique complexe pour la page d’accueil.

Le bloc de présentation dans istex est ainsi composé :

un bloc englobeur de nom interne « designHomeContentSidebar » (sans valeur ni routine) qui est composé de deux blocs

« designHomeContent » et « designHomeSidebar »

Ces derniers sont également sans valeurs ni routine et également composés des champs comportant les informations tels que titres et textes, de chiffres, compteurs, boutons…

Styler les éléments composés : les class css internes

Pour une plus grande personnalisation de style, le nom interne d’un bloc-champ est inséré dans le code html de l’élément. Ce terme peut être ainsi être utilisé comme class css comme le montre les captures d’écrans ci-dessous.:

  • « backoffice » : le bloc ou « champ » de nom interne « designHomeSidebar »
  • la « sidebar » dont le nom interne se retrouve dans le code source html dans la propriété « class »
  • la class interne utilisée comme « class css » dans la feuille de style du thème
  • le rendu de la « sidebar »
  • voir des exemples : theme Istex class css internes

Comment pouvons-nous aider ?