Un total de 5 pages ont été trouvées avec le mot clé intermédiaire.
Ci-dessous une sélection de bouts de code fréquemment utilisés quand on met en forme son wiki.

Pour créer un lien qui force l'ouverture vers une page extérieure (dans un autre onglet quoi)
""<a href="tonlien" target="_blank">ton texte</a>""
Pour cette page par exemple : ""<a href="http://yeswiki.net/wakka.php?wiki=CodeExemple" target="_blank">Codes à copier/coller</a>""

Pour inclure une page dans une autre
{{include page="Nomdelapageainclure"}} 
Pour inclure une page située dans un **autre** wiki : ( Noter le pipe ""|"" après les premiers ""[["" ) [[|http://lesite.org/nomduwiki PageAInclure]]""

Pour insérer un iframe (en gros une partie d'un autre site, ou un pad, ou une vidéo youtube ou...)
""<iframe width=100% height="1250" src="lien URL de la source à encapsuler" frameborder="0" allowfullscreen></iframe>""

Pour un texte en couleur : (voir les codes hexa des couleurs en suivant ce lien http://fr.wikipedia.org/wiki/Liste_de_couleurs
""<span style="color:#votrecodecouleur;">texte</span>""
quelques codes couleur => mauve : 990066 / vert : 99cc33 / rouge : cc3333 / orange : ff9900 / bleu : 006699

Pour avoir un message qui apparait au chargement de la page (avec une croix pour le fermer)
""<div class="alert-danger">
  <button type="button" class="close" data-dismiss="alert">É</button>
  votre message.
</div>""

Pour inclure un petit bouton "important" ou "info"
Important et Info
""<span class="label label-important">Important</span>"" et ""<span class="label label-info">Info</span>""

Pour inclure un bouton cliquable Plus d'infos sur les boutons = http://yeswiki.net/wakka.php?wiki=DocButton
découvrez le crie de mouscron
version wiki (donc sans ""  "") copier coller ceci : {{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}

Pour un bouton cliquable qui ouvre dans une autre fenêtre
""<a href="votrelien" target="_blank" class="btn btn-primary btn-large">votre texte</a>""
un bouton vert ? remplacer btn btn-danger par btn btn-success
un bouton orange ? remplacer btn btn-danger par btn btn-warning,
un bouton bleu ? remplacer btn btn-danger par btn btn-info

Faire une liste à puce
Elle se provoque grâce à un espace placé en début de ligne. Vous pouvez aussi créer des listes à puces ou numérotées :
- liste à puce
  - sous liste

Pour placer du code en commentaire sur la page (donc il n'apparait pas !)
""<!-- en utilisant ce code on peut mettre du texte qui n'apparait pas sur la page... ce qui permet de laisser des explications par exemple ou même d'écrire du texte en prépa d'une publication future -->""


bout de code à mettre dans un header
""<div style="height:110px; background-image:url(http://site-coop.net/bazar15/files/Image_yeswiki_20141219151145_20141219151145.png);" class="background-image">
<div class="container">
<h3><span style="color:#fff;text-shadow:1px 1px 1px #000;">""{{configuration param="meta_description"}}""</span></h3>
</div> <!-- /.container -->
</div>""


Faire des colonnes
{{grid}}
{{col size="6"}}
===Titre de la colonne 1===
Texte colonne 1
{{end elem="col"}}
{{col size="6"}}
===Titre de la colonne 2===
Texte colonne 2
{{end elem="col"}}
{{end elem="grid"}}

Ajouter des thèmes graphiques

Importer un thème graphique pré-existant

Pour les bidouilleurs confirmés :

Pour installer un nouveau thème graphique :

Pour installer une nouvelle image de fond :
  • L'envoyer par ftp dans files/backgrounds.
Seuls 2 formats d'images sont acceptés :
  • .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

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
image BontonTheme.png (2.9kB)
  • La fenêtre modale suivante apparaîtra alors :
image ChangerTheme.png (0.1MB)
Amusez vous à tester, ça ne peut pas faire de mal
  • 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',

Éditer les pages spéciales de l'interface pour accéder au différentes zones : entête, pied de page, menu ...


Les parties entête, pied de page, menu... sont des pages autonomes et uniques qui s'affichent à des endroits précis de la page présentée au visiteur.

Par exemple, si l'on double-clique sur l'entête, on accède à la page PageHeader et l'on peut modifier son contenu comme dans une page classique.
Cette PageHeader s'affiche dans l'entête de la page. Elle est unique et se reproduit sur toutes les pages finales.

Pour éditer une page spéciale, il suffit de double-cliquer dessus. Ou bien - dans le cas d'un menu plus difficile à double-cliquer - il suffit d'appeler la page en écrivant son nom dans l'url .
Par exemple, pour accéder à la PageMenuHaut :

Exemple pour ce wiki : http://yeswiki.net/test/wakka.php?wiki=PageMenuHaut

Il suffit alors d'éditer la page comme une page classique.


Les pages usuelles se nomment, de haut en bas :
  • PageRapideHaut : moteur de recherche et menu de configuration "roue dentée" en haut à droite
  • PageHeader : entête de la page (bandeau...)
  • PageMenuHaut : menu horizontal en haut de la page
  • PageMenu : menu vertical optionnel généralement situé à gauche ou à droite de la partie contenu de la page
  • PageColonneDroite : colonne de droite qui s'affiche pour toutes les pages du site
  • PageFooter : bas de page

Historique et révisions


Afficher la liste des modifications et faire des comparaisons entre les différentes versions de la page

Chaque modification d'une page est sauvegardée dans un historique. Il est possible de revenir à des versions (révisions) antérieures d'une page.

Pour y accéder il suffit de cliquer sur le lien en bas de page nommé : "Modifiée le : jour.mois.année à heure:minutes:secondes "
Il affichera alors une fenêtre affichant :
image Historique.png (36.4kB)

  • la liste des modifications effectuées sur la page affichées avec la date de modification

  • l'adresse IP depuis laquelle la modification a été effectuée, par exemple : 78.246.209.114

  • ou, si la modification a été effectuée depuis un compte connecté du site, le nom du compte, ici "WikiAdmin"



Un système de cases à cocher permet de comparer les différences entre deux versions (à dates données) via le bouton Voir différences

Rétablir une version antérieure

Dans l'historique, vous accédez aux versions antérieures en cliquant sur la date des modifications. Vous affichez alors une version antérieure de la page. En modifiant cette page via le bouton "Rééditer cette version archivée" située en bas de celle-ci, vous accédez alors au contenu de celle-ci. Pour mettre à jour cette page selon cette version il vous reste juste à "Sauver" la page.

Filtrer :  Ã©dition  Développement  documentation  droits utilisateurs  extension  facile  fichiers  github  groupes  identification  insertion  intermédiaire  liens  menus  mise en forme  modification  mots de passe  Newsletter  notifications  obsolète  pages  php  pieds de page  restauration  rss  spam  style  thèmes  todo  versions  videos  widget