Le livre de Yacs Créer une identité visuelle

PreviousNextIndex

Personnaliser la mise en page des articles ou sous-sections

Des layout personnels à éditer "on demand" !

En complément du tutoriel permettant de dériver totalement le design d'une section - c'est à dire jusqu'à son graphisme même et pas seulement la mise en page du corps de page - nous allons voir comment personnaliser l'affichage des articles ou sous-section d'une section mère.

[title]Créer le fichier de base[/title]

Deux modèles d'affichage au sein des sections exigent de choisir quel fichier organisera le rendu :

  1. Pour l'affichage des articles, dans articles/
  2. Pour l'affichage des sous-sections, dans sections/

Nous recommandons de choisir un fichier existant, de le copier et de travailler uniquement sur ce dernier. Parmi ces fichiers, vous avez le choix entre tous les documents nommés layout_articles_as_.... ou encore view_as_.... (pour les sous-sections, layout_sections_as_...)

[subtitle]Déclarer son layout correctement[/subtitle]

Nommé le fichier ainsi copié avec un nom personnel, par exemple sections_layout_as_monsite

Ouvrez ce fichier et renommez la première ligne de code. Exemple :

Vous avez copié le fichier sections_layout_as_yahoo et l'avez renommé tel qu'indiqué ci-dessus, alors remplacez cette ligne :

Class Layout_sections_as_yahoo extends Layout_interface {

par celle-ci :

Class Layout_sections_as_monsite extends Layout_interface {

[subtitle]Programmer sa mise en page[/subtitle]

L'avantage d'avoir choisi un fichier layout existant est que les opérations de base pour l'affichage y sont déjà inscrites... On peut ensuite s'aider des Principales variables utilisées pour construire une page à l'écran afin de personaliser à sa guise, mais une connaissance minimal de la programmation PHP reste nécessaire.

[title]Indiquer le layout à yacs[/title]

Une fois votre mise en page personnalisée crée et identifiée au sein de votre fichier layout, rendez vous dans la page d'édition d'un section, et développez le menu "contenu additionnel" de l'onglet "index".

Si votre personnalisation concerne l'affichage des sous-sections, cochez "Mise en page personnalisée" dans la liste des rendus disponibles (idem pour les articles si votre layout concerne les articles de ladite section)

...et indiquez le nom du layout sans son suffixe. Exemple :

  • Votre fichier layout se nomme  sections_layout_as_monsite
  • Indiquez dans le champ de personnalisation monsite

Enregistrez et admirez !

Note : Créez des sous-sections et/ou des articles pour vérifier le rendu souhaité...

PreviousNextIndex