You are here: Documentation
Personal tools
Views

User Handbook/Getting Started/Designer/Templates/fr

From CMSMS

Table of Contents

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Gabarits

Pour définir comment chaque page de votre site apparaîtra, l'éditeur sélectionne quel gabarit à uiliser pour chaque page. Le travail du designer est de créer les gabarits pour définir comment ceux-ci afficheront les pages.

Comme il a déjà été mentionné dans la page Je suis designer le gabarit donne seulement la structure de la page, quels seront les éléments de la page. Avec les feuilles de style vous pourrez alors créer le design du site, pour obtenir le style que vous désirez.

Alors comment créer un gabarit avec "CMS Made Simple" ? C'est plutôt simple. Vous utilisez du code "HTML" pur, et placez les zones de contenu, le menu, etc, grâce aux balises adéquates. Quand un utilisateur visite votre site, la page est automatiquement générée depuis le gabarit, et les différentes zones marquées par les balises sont remplies du contenu lui-même. Pour vous faire une idée, regardez comment sont construits les gabarits fournis par défaut.

Cela veut dire que vous pouvez vous inspirez de la disposition d'une page que vous aimez et simplement en faire un gabarit pour les pages "CMS Made Simple".

Note importante : Attention, l'interface graphique d'un site (gabarits + CSS) est une oeuvre au sens de la réglementation sur les droits d'auteur. Sous peines de poursuites, vous ne pouvez copiez que les gabarits "libres de droits" (Open source) et, en respectant les termes de la licence sous laquelle ils sont publiés (il y a parfois des restrictions : statut ou type du site utilisateur, obligation d'un lien vers le site de l'auteur, modifications non permises, distribution...) !

Balises utilisées courament dans les gabarits "CMS Made Simple"

Voici les balises (ou "tags") les plus usuelles à placer dans un gabarit (telles quelles, en anglais). Il ne s'agit pas ici de code "HTML", mais de balises spécifiques à "Smarty" le moteur de templates PHP utilisé par "CMSMS". Elles remplacent à elles seules tout un ensemble de code "HTML", ce qui est particulièrement pratique.

  • {sitename} -- Ajoutera le nom du site, défini dans "Administration du site" » "Paramètres Globaux"
  • {title} -- Le titre. Cette balise sera remplacée par le titre du contenu (vous définissez le titre quand vous créez une page dans "Contenu" » "Pages").
  • {stylesheet} -- Feuille de style. Cette balise doit se trouver entre les balises <head>. Elle lie toutes les feuilles de style que vous aurez attachées à votre gabarit. Si vous l'omettez, votre page apparaîtra sans style. Si vous désirez utiliser des feuilles de style externes, vous pouvez aussi insérer un <link/> standard dans l'en-tête.
  • {metadata} -- Ajoutera les méta données, définies dans "Administration du site" » "Paramètres Globaux". Cette balise est également à placer entre les balises <head>. Notez que les méta données peuvent aussi être définies page par page dans l'onglet "Options" lors de la création/édition d'une page.
  • {content} -- Contenu. Ceci sera remplacé par le véritable contenu de la page sélectionnée, le contenu que vous éditez pour chaque page dans le menu "Contenu" » "Pages".
  • {breadcrumbs} -- Fil d'Ariane. Sera remplacé par le chemin vers la page en cours.
  • {menu} -- Un des menus les plus courants. Là où vous placerez cette balise, le menu entier sera automatiquement généré à partir de la hiérarchie de vos pages ("parents", "enfants"). Cette balise accepte aussi des paramètres, selon l'affichage du menu désiré. Par exemple, {menu collapse='1'} pour la contraction de tous les sous-niveaux du menu, afin que seuls les sous-niveaux de l'élément en cours apparaissent.

Comment savoir quelles balises peuvent être utilisées dans un gabarit ?

  • Vous trouverez une longue liste de "tags" dans le menu "Extensions" » "Balises" du panneau d'administration. Par exemple {title}, {stylesheet} et {breadcrumbs}. Cliquez sur leur lien d'aide pour voir comment les utiliser.
  • Vous pouvez faire votre propre "Tags Utilisateurs", voir le menu "Extensions" » "Tags Utilisateurs". Puis, insérez son nom ainsi dans le gabarit {nomdutag}
  • Les "Modules" sont insérés ainsi {cms_module module='nomdumodule'}. Regardez leur lien d'aide (dans "Extensions" » "Modules") pour voir comment les utiliser.


Pour la plupart des tags et modules, vous pouvez définir des paramètres, tels que {nomdutag parameter='valeur'}

Attacher les feuilles de style

Pour donner un style aux éléments de votre gabarit et pour positionner les éléments <div>, vous attacherez une ou plusieurs feuilles de style à votre gabarit. Dans la liste des gabarits, menu "Disposition" » "Gabarits", cliquez sur l'icône "CSS" à droite du gabarit. Sélectionnez la ou les feuille(s) de style à attacher au gabarit dans la liste des feuilles de style disponibles dans le menu déroulant puis cliquez sur "Ajouter la feuille de style".

Note : Il y a une vidéo flash (en anglais) qui montre comment convertir un template tel qu'on les trouve sur internet en un gabarit pour CMS Made Simple: http://cmsmadesimple.org/uploads/media/mint_chocolate.htm


This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Retrieved from "http://wiki.cmsmadesimple.org/index.php/User_Handbook/Getting_Started/Designer/Templates/fr"