Project

General

Profile

Personnalisation de l'interface publique » History » Version 6

Anthony, 10/15/2009 09:21 PM

1 1 Simon
2
= Personnalisation de l'interface =
3
4
5
== Les thèmes ==
6
7 4 Simon
Pour ajouter un thème, procéder en 4 étapes :
8 6 Anthony
 * dupliquer le dossier ''/templates/default/'' et renommer le (par exemple en ''/default/montheme/'' ).
9 4 Simon
 * Editer le fichier de configuration /config/define_release.ini, chercher la variable globale '''THEME_LIST_PUBLIC''' et agréger la nouvelle valeur comme suit : "linea21|montheme". Le ''pipeline'' est le séparateur de thème.
10
 * Rendez-vous sur l'interface d'administration, menu ''configuration''. Dépliez l'onglet ''look'n feel''. Votre nouveau thème apparaît et vous pouvez désormais le sélectionner.
11 6 Anthony
 * Modifiez les fichiers contenus dans ''/templates/montheme/'' à votre convenance.
12 1 Simon
13
14 6 Anthony
== Les templates et l'override ==
15 2 Simon
16 5 Simon
Vous souhaitez modifier une page ou ajouter dynamiquement du contenu en créant vos propres fonctions, c'est possible. Tous les fichiers contenus dans ''/public/dist/'' peuvent être réécris. 
17 1 Simon
18
La logique de l'application est simple : Si l'utilisateur a défini son fichier alors celui-ci est prioritaire sur le fichier par défaut. 
19
20 6 Anthony
Par exemple, pour la page d'accueil, linea21 charge par défaut le fichier ''/public/dist/tpl_home.php''. Si vous souhaitez modifier ce fichier, copiez ''tpl_home.php'' dans ''/templates/montheme/'' et faites vos modifications. Rafraîchissez la page depuis votre navigateur, vous constaterez que les changements ont étés pris en compte.
21
22
Vous pouvez redéfinir de la même façon un fichier de l'application en utilisant un dossier d'override.
23
Attention, ce dossier doit contenir la même arborescence que le fichier d'origine.
24
Par exemple pour redéfinir le fichier de configuration de tinyMCE pour votre thème admin contenu dont le chemin est /lib/js/tinyMCE/jscripts/tiny_mce/config.js
25
recréer la même arborescence dans le répertoire de votre thème pour personnaliser ce fichier ce qui donnera : /template/montheme/lib/js/tinyMCE/jscripts/tiny_mce/config.js
26 5 Simon
27 2 Simon
== Editeurs WYSIWYG ==
28
29
Dans l'interface d'administration, vous pouvez remplacer les champs de saisie simples par un Editeur WYSIWYG de votre choix parmis [http://tinymce.moxiecode.com/ Tiny MCE] et [http://www.fckeditor.net/ FckEditor].
30
31
Pour activer l'édition WYSIWYG depuis le module de configuration de l'interface d'administration, remplacez la valeur de la constante '''RICH_TEXT_EDITOR''' (par défaut à 0) par '''fcke''' ou '''tinymce'''.
32 3 Simon
Par défaut, un interface simple est proposée pour chacun de ces éditeurs. Référez vous à leur documentation respective pour paramètrer votre éditeur en fonction de vos besoins.
33 2 Simon
34 3 Simon
 * http://tinymce.moxiecode.com/
35
 * http://www.fckeditor.net/
36
37
Les fichiers de configuration se trouvent dans ''/lib/js/'' :
38
 * pour tinyMCE : ''/lib/js/tinymce/jscripts/tiny_mce/config.js''
39
 * pour FCKeditor : ''/lib/js/fckeditor/fckconfig.js''
40
41 2 Simon
Si aucun éditeur WYSIWYG n'est activé, le système autorisera seulement les balises HTML contenu dans la constante ALLOWABLE_TAGS.
42 3 Simon
43
44
'''Attention:''' le système de templates fournis nativement avec Linea21 n'est pas compatible avec l'activation des éditeurs WYSIWYG. Si vous activez un éditeur WYSIWYG et vous souhaitez ajouter des images, préférez la prise en charge des images par l'éditeur lui-même.