Rangées de contenu

Les rangées de contenu sont constituées de un ou plusieurs blocs de contenu que vous placez dans vos espaces clients. Les rangées de contenu permettent la saisie et l'organisation du contenu de votre site.

Schéma de l'organisation des blocs d'une page

Ces blocs peuvent contenir tout type d'information :

Des informations que vous allez entrer directement dans la page :

  • Texte,
  • Image,
  • Fichier,
  • Animation Flash.

Des informations que vous allez gérer à l'aide d'un module.

Il existe plusieurs rangées par défaut  dans Automne (texte, medias, actualités, formulaires). Néanmoins, nous vous encourageons à personnaliser et à créer vos propres rangées de contenu pour enrichir votre site.

Toutes les rangées de contenu sont indépendantes les unes des autres. Il n'y a aucune restriction quant au nombre de fois et à l'emplacement où la rangée est présente sur le site. Les rangées de contenu sont utilisables partout et tout le temps dans les espaces clients de vos modèles de pages.

Grâce aux rangées de contenu, vous disposez d'une liberté totale dans l'organisation du contenu de votre site ainsi que d'une facilité de personnalisation des pages et tout ceci sans contrainte technique.

Exemples

Par défaut Automne propose des rangées prédéfinies. Il est cependant pratique, voire indispensable, de créer ses propres rangées. Voici quelques exemples de rangées et de leurs blocs de contenu :

Une rangée "Titre et image" pourrait être composée des blocs :

  • Titre (chaîne de 255 caractères)
  • Image (Fichier image dont la taille maximale est paramétrable, vignette et légende)

Exemple en XHTML5 :

<row>
    <figure>
        <block module="standard" type="image" id="uniqueID">{{data}}</block>
        <block module="standard" type="varchar" default="Entrez une l&#xE9;gende" id="legende">
            <figcaption>{{data}}</figcaption>
        </block>
    </figure>
</row>

Une rangée "Titre, sous titre et texte" pourrait être composée des blocs :

  • Titre (chaîne de 255 caractères)
  • Sous titre (chaîne de 255 caractères)
  • Texte (texte HTML, avec barre d'outils wysiwyg pour le formatage)

Variante de la rangée qui affiche une image et sa légende, sauf que cette fois l'image est stockée dans la médiathèque, qui est un module conçu à l'aide du Polymod :

<row>
    <atm-edit>Cette rangée affiche une image de la médiathèque et sa légende</atm-edit>
        <block module="pmedia" id="exemple">
                <atm-search what="{Media}" name="recherche">
                <atm-search-param search="recherche" type="item" value="block" mandatory="true" />
                        <atm-result search="recherche">
                             <figure>
                                 <a href="{Media:Fichier:file}" rel="enlarge">{Media:Fichier:thumb|260,180}</a>
                                 <figcaption>{Media:Titre:label}</figcaption>
                             </figure>
                        </atm-result>
                        <atm-noresult search="recherche">
                             <p>Aucune image insérée</p>
                        </atm-noresult>
                </atm-search>
        </block>
</row>

Cet exemple est donne ici à titre didactique, on aurait pu traiter les différents cas d'affichage en fonction de l'extension de fichier. Nous vous invitions à aller regarder le code source des rangées de la démo pour vous familiariser avec le meta-language d'Automne.

A savoir :

Pour chacun des blocs d'une rangée, dans la plupart des cas l'utilisateur aura la possibilité de rentrer le contenu qu'il souhaite.

Si l'utilisateur ne renseigne pas un bloc de données, celui-ci ne s'affichera pas en production. Dans une rangée "Titre, sous-titre et texte", il est ainsi possible de ne renseigner que le titre et le texte, sans indiquer le sous-titre.

Au lieu de laisser la possibilité au rédacteur d'insérer du contenu, il est également possible d'insérer automatiquement du contenu dynamique provenant d'un module, ou de placer du code PHP directement dans la rangée.
Les fonctionnalités offertes par les rangées sont ainsi très souples.

Rappelez-vous qu'une aide dynamique est disponible lorsque vous éditez un modèle de rangée.

 

Page précédente
Page suivante


Ajouter une contribution :

Les contributions servent à compléter la documentation en détaillant des points précis ou pour donner des exemples. Elles sont modérées et peuvent être supprimées sans préavis.
Pour poser des questions, merci d'employer le forum et pour rapporter un bug, le BugTracker est à votre disposition.








Vous pouvez employer les balises bbcode suivantes :
  • [code-xml] votre code ... [/code-xml] : Pour mettre en forme du code XML / XHTML
  • [code-php] votre code ... [/code-php] : Pour mettre en forme du code PHP
  • [code-js] votre code ... [/code-js] : Pour mettre en forme du code Javascript

Date de votre contribution : 24/03/2017   20:58:52

Haut