Ajouter des thèmes graphiques
Ajouter des thèmes graphiques
Importer un thème graphique pré-existant
Pour les bidouilleurs confirmés :Pour installer un nouveau thème graphique :
- Récupérer le fichier compressé (par exemple depuis la liste disponible sur le site de Yeswiki)
- Le dé-compresser
- L'envoyer par ftp dans votre yeswiki, dans le dossier "thèmes" /theme .
Pour installer une nouvelle image de fond :
- L'envoyer par ftp dans files/backgrounds.
- .jpg pour les images de fond pleine page (limiter la résolution à moins de 1920x1080 pixels pour éviter des temps de chargement trop longs)
- .png pour les images en mosaïque (répétées sur l'axe horizontal et vertical)
Le thème et l'image de fond seront alors accessibles (en étant connecté sur votre wiki en mode édition) grâce au bouton "Thème graphique"
Pour définir une configuration graphique par défaut se rendre sur la partie "Changer de thème graphique"
Modifier un thème graphique pré-existant
Modifier un thème graphique revient à modifier :
- Les squelettes : qui se trouvent dans le répertoire "themes/squelettes" d'un thème graphique donné
- La feuille de style : qui se trouve dans le répertoire "themes/styles"
- Les images de fond : qui se trouvent dans le répertoire "/files/backgrounds"
L'architecture de Yeswiki est basée sur Bootstrap. Pour modifier les thèmes graphiques et squelettes de Yeswiki il convient de maîtriser cette bibliothèque libre de mise en forme.
Modifier le thème graphique va donc revenir à adapter un squelette en modifiant celui-ci avec la syntaxe Bootstrap adaptée et la feuille de style associée.
Changer de thème graphique
Changer de thème graphique
Tester les thèmes !Pour une page...
Chaque page d'un wiki peut s'afficher de diverses manières, à la demande des rédacteurs. Il est ainsi possible de choisir :
- Le Thème graphique : ensemble des éléments esthétiques d'un wiki.
- Le Squelette : qui définit l'architecture de chaque page (nbre de colonnes, etc.)
- Le Style : qui correspond à l'aspect visuel de la page (couleurs, graphisme, etc.)
- L'Image de fond qui permet de changer l'image de fond (logique non ?)
Tous ces éléments peuvent être variés d'une page à l'autre. Mais afin de maintenir une cohérence graphique sur l'ensemble de votre wiki, il est conseillé de se cantonner à l'usage d'un seul et même thème graphique.
La liste des thèmes par défaut est modifiable, cela relève d'une tache d'administrateur : voir la documentation.
Pour modifier ces éléments sur une page (précédemment créée ou nouvelle) :
- Passer en mode édition (double clic ou "éditer la page")
- En bas de votre page, apparait un gros bouton Thème graphique
- La fenêtre modale suivante apparaîtra alors :
- Choisissez chaque élément de ces menus déroulants
- cliquez sur Appliquer puis
- Sauvez la page
Configuration graphique par défaut
Pour changer le thème graphiques sur l'ensemble du site, on peut personnaliser la configuration wakka.config.php et rajouter les valeurs:'favorite_theme' => 'nom du theme correspondant au nom du sous-répertoire theme correspondant à ce thème personnalisé', 'favorite_squelette' => 'nom du squelette en liaison avec le thème personnalisé.tpl.html', 'favorite_style' => 'nom de la feuille de style en liaison avec le thème personnalisé.css'
exemple
'favorite_theme' => 'yeswiki', 'favorite_squelette' => 'responsive-1col.tpl.html', 'favorite_style' => 'blue.css',
Mais cela ne s'applique que pour les nouvelles pages créées.
Pour les anciennes pages, il faut alors modifier chaque page en mode édition, bouton thème,
ou bien forcer le thème pour toutes les pages en ajoutant dans wakka.config.php : 'hide_action_template' => '1',