Fork me on GitHub

Utilisation de modèles / gabarits

201310
Janvier
  alain01 Documentations 4862

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ée et pré-remplie
- Utiliser aisément vos gabarits disponibles afin de les remplir en vue de 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 fichiers 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 gabarit

Ces fichiers sont au format html et ne doivent contenir aucune balise < html >, < body > ou
<head >

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éparation :
Le tout à placer judicieusement.


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

Ici on crée un fichier de définition 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.html (à prendre en copie depuis un autre dossier)


6 - Utilisation

Il suffit d'aller dans le module (news par exemple), cliquez sur 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 ?

S'il vous plaît, 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 ?

Note: 8.00 (3 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article à un ami
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3540
alain01 Posté le: 11/01/2013 00:20  Mis à jour: 11/01/2013 00:20
 Re: Utilisation de modèles / gabarits
Merci de modifier la news ici :
Please, modify the news here :

Citation :
// JavaScript Document var tinyMCETemplateList = [ // Nom, URL, Description ["Fiche cuisine", "/_uploads/gabarits/fiche-cooking.html", "Template for the cooking."], ["Fiche Livre", "/_uploads/gabarits/fiche-book.html", "Template for books."] ];
Admin Frxoops
Inscrit le: 16/03/2009
De: Tende (06)
Contributions: 3138
Cesagonchu Posté le: 11/01/2013 00:26  Mis à jour: 11/01/2013 00:44
 Re: Utilisation de modèles / gabarits
Fait
Il y a un soucis de cache apparemment car la correction est faite mais certains ne la voit pas.

Sinon, sur xoops.org je n'ai des droits d'admin que sur les forums et les commentaires, je pense que seul Mamba peut te modifier ton article.
Admin Frxoops
Inscrit le: 16/03/2009
De: Tende (06)
Contributions: 3138
Cesagonchu Posté le: 11/01/2013 11:00  Mis à jour: 11/01/2013 11:00
 Re: Utilisation de modèles / gabarits
Pour ce qui est de mon avis au sujet de ton article, je pense que l'on devrait avoir plus de tutoriels comme ça, c'est vraiment bien pensé et ça nous donne des idées
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3540
alain01 Posté le: 14/03/2013 01:52  Mis à jour: 14/03/2013 01:52
 Re: Utilisation de modèles / gabarits
Juste un petit retour sur l'article histoire de savoir si certains utilisent cette méthode pour générer des pages déjà préformatées...
Suis-je le seul ?
Admin Frxoops
Inscrit le: 04/03/2011
De: Lot
Contributions: 2611
montuy337513 Posté le: 14/03/2013 17:11  Mis à jour: 14/03/2013 17:11
 Re: Utilisation de modèles / gabarits
mais non, tu n'est pas seul a utiliser cette méthode, mais on dira quelle est réservé a ceux qui font des sites internet "PRO" (sans vexer personne) toute la journée, la plupart des webmasters n'en n'ont pas besoin, leurs besoins sont plus simples (ou simplement il n'y pense pas).
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3540
alain01 Posté le: 13/05/2013 22:32  Mis à jour: 13/05/2013 22:32
 Re: Utilisation de modèles / gabarits
Toujours peu d'utilisateurs de gabarits ? ^^
C'était juste pour remettre un peu cet article en avant ! héhéhé
Semi pro
Inscrit le: 25/08/2005
De: Aix les bains
Contributions: 1270
petitours Posté le: 15/05/2013 13:57  Mis à jour: 15/05/2013 13:57
 Re: Utilisation de modèles / gabarits
Merci Alain ! Génial cet article

Je suis en train de faire un site de vieilles voitures et ça fait bien 3semaines que je me demande comment je vais pouvoir leur faire un module de fiches voitures sans devoir leur faire intervenir sur un gros modèle html à copier coller dans l'article...

Je n'ai pas encore essayé, mais ça semble génial !
et encore une fois super facile à lire.

Merci
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3540
alain01 Posté le: 15/05/2013 14:28  Mis à jour: 15/05/2013 14:28
 Re: Utilisation de modèles / gabarits
Haaa, ça me fait plaisir !
Reviens ici, ou mieux, ouvre un sujet dans les forums pour nous faire profiter de ton expérience dans la mise en place de gabarits.
Semi pro
Inscrit le: 25/08/2005
De: Aix les bains
Contributions: 1270
petitours Posté le: 17/05/2013 09:02  Mis à jour: 17/05/2013 09:02
 Re: Utilisation de modèles / gabarits
Ca y est, testé.

ca fonctionne a merveille à part deux details :
-il faut se creuser pour créer un gabarit en html (les fiches cuisine et livre seraient dispo en exemple que ce ne serait pas mal )
-j'ai du créer le dossier _upload, celui d'origine s'appelle upload, sans _

Ca me réconcilie un peu avec le wiziwizitruc que je trouvais jusque là une usine à gaz qui n'a comme seul intérêt de permettre d'avoir autant d'articles différents et moches qu'il y a d'auteur sur le site. Je trouve aussi que le code généré est super vilain avec beaucoup beaucoup d'html.

La ça limite un peu la casse mais le gabarit reste modifiable une fois mis en place

Mais je ne sais toujours pas comment gérer les images simplement. Le temps et l'effort d'apprentissage pour faire utiliser tinymce a une personne non informaticienne est considérable je trouve.
Aujourd'hui j'ai moins de mal à faire digérer une procédure bien claire pour télécharger les images via FTP et rédiger les articles en mode HTML avec des balises simples utilisant du CSS.

Pour moi même qui connait le site, je n'arrive pas à insérer des photos proprement avec TinyMCE sans me creuser.
Semi pro
Inscrit le: 25/08/2005
De: Aix les bains
Contributions: 1270
petitours Posté le: 17/05/2013 09:07  Mis à jour: 17/05/2013 09:07
 Re: Utilisation de modèles / gabarits
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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