Fork me on GitHub

Documentations > Utilisateurs standards > Comment faire ... > Utilisation de modèles / gabarits pour vos articles

Utilisation de modèles / gabarits pour vos articles


Écrit par Alain01

Bonjour,

Beaucoup d'entre vous réalisent des sites web avec un contenu qui, pour certaines rubriques auraient besoin d'uniformisation.

Il s'agit ici de vous indiquer assez simplement comment créer des modèles (ou gabarit) de fiches (fiche cuisine, fiche livre, fiche cinéma, fiche voiture.

L'intérêt est multiple :

  • Uniformiser vos pages "fiches"

  • Ne pas recréer une page qui pourrait être déjà préformaté et pré-remplie

  • Utiliser aisément vos gabarits disponible afin de les remplir en vue créer une news ou tout autre document.



Je vous indique ici la procédure (en 5 étapes) :


  • 1 - Activation de l'éditeur TinyMCE pour les modules

  • 2 - Ajout du bouton "Insérer un modèle prédéfini"

  • 3 - Création des fichier gabarits

  • 4 - Création d'un fichier de définition des gabarits

  • 5 - Dépôt des fichiers sur le serveur

  • 6 - Utilisation



  • 1 - Activation de l'éditeur TinyMCE pour les modules (c'est l'éditeur en démo ici)
    Administration / Préférences / Paramètre du système / Paramètres de l'éditeur de texte / Editeur de texte pour l'ensemble des modules : tinymce
    (ou bien choisissez comme éditeur par défaut TinyMCE pour le module que vous souhaitez utiliser, dans les préférences du module en question)


    2 - Ajout du bouton "Insérer un modèle prédéfini"

    Modification du fichier /class/xoopseditor/tinymce/settings.php :
    Ligne 70, changez
    "paste,fullscreen,visualchars,nonbreaking,inlinepopups",
    en
    "paste,fullscreen,visualchars,nonbreaking,inlinepopups,template",

    puis ligne 85
    "theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent",
    en
    "theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent,template",
    "template_external_list_url" => '/uploads/gabarits/liste-gabarits.js',

    (On indique ici que les gabarits vont se situer dans le dossier /uploads/gabarits et que le fichier de définition des gabarits se nomme liste-gabarits.js


    3 - Création des fichiers gabarits

    Ces fichiers sont au format html et ne doivent contenir aucune balise < html >, < body > ou < head >[/b]
    Ici on crée 2 fichiers html :
    - fiche-cuisine.html,
    - fiche-livre.html.

    Il faut soigner la présentation de ces fichiers, fixer les tailles et les positions des éléments...
    Par exemple, pour la fiche cuisine, vous pouvez créer une fiche avec :
    Titre de la recette :
    Ingrédients :
    Difficulté :
    Temps de préparations :
    Le tout est a placer judicieusement


    [b]4 - Création d'un fichier de définition des gabarits


    Ici on crée un fichier de définitions des gabarits
    Contenu du fichier liste-gabarits.js :
    // JavaScript Document

    var tinyMCETemplateList = [ 

    // Nom, URL, Description

    ["Fiche cuisine""/_uploads/gabarits/fiche-cuisine.html""Gabarit pour fiche cuisine."],

    [
    "Fiche Livre""_uploads/gabarits/fiche-livre.html""Gabarit pour fiche livre."] ];



    5 - Dépôt des fichiers sur le serveur

    Déposez sous /uploads/gabarits vos fichiers
    - liste-gabarits.js
    - fiche-cuisine.html,
    - fiche-livre.html.
    - index.htlm ( à prendre en copie depuis un autre dossier)


    6 - Utilisation

    Il suffit d'aller dans le module (news par exemple), cliquer le l'icône "Insérer un modèle prédéfini" puis dans la nouvelle fenêtre, choisissez le gabarit dont vous avez besoin. (Fiche cuisine pour créer votre recette de tarte à la pomme, par exemple)

    Et voilà !

    ça vous plait ?
    svp, faites le moi savoir, ça fait toujours plaisir...

    PS 1 : un grand merci à montuy337513 pour son aide énorme, sur les forums de XOOPS France.

    Ps 2 : ça serait sympa de proposer cela par défaut dans les prochaines version de XOOPS, sans avoir besoin d'intervenir dans les fichiers, non ?
Licence, certains droits réservés
Partager Twitter Partagez cette article sur GG+
  Voir cet article en format PDF Imprimer cet article Envoyer cet article

Naviguer à travers les articles
Article précédent Traduire un module pour migrer d'un Xoops 1.3.x vers un Xoops 2.0.x Article suivant
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

59 Personne(s) en ligne (1 Personne(s) connectée(s) sur Documentations) | Utilisateur(s): 0 | Invité(s): 59 | Plus ...