{{abonnement}}
{{abonnement}}
- Comportements
syntaxe minimale : {{abonnement mail="lolo@loo.lol"}}
syntaxe complexe : {{abonnement mailinglist="ezmlm" mail="lolo@loo.lol" template="subscribe-form.tpl.html" class="center"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
mailinglist | indique si on travaille avec le logiciel ezmlm ou sympa pour la mailing list. Ceci permet de gérer les mails de confirmation envoyés par ezmlm ou sympa correctement |
l'adresse d'abonnement à la liste, généralement de type subscribe_lolo@lolo.lol (sur ezmlm) sinon le nom de la liste sur framalistes | |
template | permet d'appeler un template sinon par défaut subscribe-form.tpl.html |
class | pull-left / pull-right |
Cette action donne :
Pour une liste sous ezmlm
{{abonnement mail="toto@mondomaine.be" mailinglist="ezmlm"}}
Pour une liste sous sympa (commes chez www.framalistes.org)
{{abonnement mail="toto@framalistes.org" mailinglist="sympa"}}
Accordéon
{{accordion}} et {{panel}}
{{accordion}} et {{panel}}
démo de l'actionIl est également possible de laisser un panel ouvert à l'affichage de la page en spécifiant sur ce panel le paramètre type = "colapsible" (voir la page de démo pour plus d'informations).
Comportements
Sert a masquer une ou plusieurs parties de la page
Remarque
Un ensemble de panels ouvrables/fermables sont différents d'un accordéon qui rassemblent plusieurs panels : dans le premier cas, l'ouverture/fermeture des panels est indépendantes tandis que dans le deuxième cas, l'ouverture d'un panel provoque la fermeture des autres panels qui font partie de l'accordéon.
{{accordion}}
{{panel title="Titre de la section 1"}}
texte a masquer
{{end elem="panel"}}
{{panel title="Titre de la section 2"}}
texte a masquer
{{end elem="panel"}}
...
{{end elem="accordion"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
title | Titre qui apparaît et sur lequel il faut cliquer pour faire apparaître le texte masqué |
class | détermine la couleur dominante du titre et du panel : "panel-success" pour du vert ; "panel-info" pour du bleu ; "panel-warning" pour du orange ; "panel-danger" pour du rouge |
Action {{bazarcarto}}
Action {{bazarcarto}}
Exemple de code pour mettre en couleur ou en icones :
- colorfield="listeListetype"
- color="orange = 1, green = 2, red= 3, blue= 4, purple = 5"
- iconfield="listeListetype"
- icon="graine-d-oasis = 1, oasis-ressource = 2, oasis-de-vie = 3, ecosite-sacre = 4"
Affiche cartographique multicouches
- Affichage multicouches sur une carto Bazar. Où comment afficher potentiellement sur une carte : un fond de carte Openstreetmap + des données statiques Geojson + des tuiles dynamiques + bien sûr vos données de formulaire
Sur les yeswikis récents, utilisez cette syntaxe :
{{bazarliste id="" template="map.tpl.html" provider="OpenStreetMap" lat="" lon="" zoom="" width="" height="" query=""}}
Syntaxe obsolète
{{bazarcarto id="" lat="" lon="" zoom="" width="" height="" query=""}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
- Des paramètres supplémentaires pour le filtrage : voir BazarFacette
nom du paramètre | valeurs du paramètre |
id | id de la base de données à afficher, si vide toutes les bases de données sont affichées. Il est possible d'afficher sur une même carte plusieurs bases de données spécifiques en entrant leur id séparé par une virgule |
query | permet de n'afficher qu'une partie de la base de données en fonction d'un tri sur un champ voir la doc query |
colorfield | Définis le champ (souvent une liste) qui détermine la couleur du point. Par exemple colorfield="checkboxListeImaginaire" signifie qu'on va trier sur la base de la liste Listeimaginaire, et que cette liste est utilisé en tant que checkbox (cases à cocher) dans le formulaire. Pour une liste utilisée en tant que liste déroulante, on aurait écrit colorfield="listeListeImaginaire". Pour une carte qui affiche les résultats de plusieurs formulaires, il faut indiquer colorfield="id_typeannonce" |
color | fait la corrélation entre la valeur du champ et la couleur associée ex : color="darkgreen=Dir, pink=Secr" ... Attention : nombre de couleurs limitées pour carto ('red', 'darkred', 'lightred', 'orange', 'beige', 'green', 'darkgreen', 'lightgreen', 'blue', 'darkblue', 'lightblue', 'purple', 'darkpurple', 'pink', 'cadetblue', 'white', 'gray', 'lightgray', 'black') pour les agendas et les listes, possibilité d'utiliser les code hexadécimaux. |
iconfield | Définis le champ (souvent une liste) qui détermine l'icône du point. |
icon | Soit le nom de l'icône (ex: icon="glyphicon glyphicon-envelope") (voir la liste sur https://getbootstrap.com/docs/3.3/components/ ), soit utilise le paramètre "iconfield" pour faire la corrélation entre la valeur du champ et l'icône (ex : icon="plane=Dir, pencil=Secr") |
smallmarker | par défaut sur 0 si 1 met des petits marqueurs sur la carte plutôt que les gros |
barregestion | "true" or "false" : si présent (defaut), ajout des liens vers la gestion de la fiche |
lat | Permet de préciser la latitude du point central de la carte affichée. Par défaut la carte est centrée sur le centre du monde. |
lon | Permet de préciser la longitude du point central de la carte affichée. Par défaut la carte est centrée sur le centre du monde. |
zoom | Permet de préciser le niveau de zoom : de 1 (plus éloigné) à 15 (plus proche), par défaut : 8. |
width | Permet de préciser la largeur de la carte affichée, exemple : 600px pour une largeur de 600 pixels. |
height | Permet de préciser la hauteur de la carte affichée, exemple : 400px pour une hauteur de 400 pixels. |
spider | Permet d'éclater un regroupement de points lorsque l'on clique dessus. true ou false (false par défaut) |
cluster | Regroupe les points par zone. true ou false (False par défaut) |
navigation | "true" (par défaut) ou "false". Fait apparaître le contrôle du zoom avec les 2 boutons + et - |
zoommolette | "true" or "false" |
provider | Le nom du fournisseur de fond de carte. ex: "OpenStreetMap", "OpenStreetMap.France", "OpenStreetMap.BlackAndWhite", "OpenTopoMap", "Thunderforest", "Thunderforest.Landscape", "Thunderforest.SpinalMap". La liste des providers |
typecarto | obsolète Type de carto google utilisé : ROADMAP ou SATELLITE ou HYBRID ou TERRAIN (TERRAIN par defaut). |
stylenavigation | obsolète "SMALL" ou "ZOOM_PAN" ou "ANDROID" ou "DEFAULT" |
layercarto | obsolète Permet de préciser le fond carto utilisé. layercarto="google" : fond google / layercarto="osm" : fond OpenStreetMap (défaut). |
choixcarte | obsolète "true" ou "false" |
stylechoixcarte | obsolète "HORIZONTAL_BAR" ou "DROPDOWN_MENU" ou "DEFAULT" |
echelle | obsolète "true" or "false" |
Action bazarcartocoul
Action bazarcartocoul
Cette page est obsolète, consultez la documentation de l'action "ActionBazarcarto".
Cette action permet d'afficher des fiches sur un fond cartographique avec des couleurs différentes en fonction d'une liste. Voir un exemple en suivant ce lien
Syntaxe
{{bazarcartocoul id="" lat="" lon="" zoom="" typecarto="" width="" height="" champcoul="" query=""}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
id | id de la base de données à afficher, si vide toutes les bases de données sont affichées. Il est possible d'afficher sur une même carte plusieurs bases de données spécifiques en entrant leur id séparé par une virgule |
lat | Permet de préciser la latitude du point central de la carte affichée. Par défaut la carte est centrée sur le centre du monde. |
lon | Permet de préciser la longitude du point central de la carte affichée. Par défaut la carte est centrée sur le centre du monde. |
zoom | Permet de préciser le niveau de zoom : de 1 (plus éloigné) à 15 (plus proche), par défaut : 8. |
typecarto | Type de carto google utilisé : ROADMAP ou SATELLITE ou HYBRID ou TERRAIN (TERRAIN par defaut). |
width | Permet de préciser la largeur de la carte affichée, exemple : 600px pour une largeur de 600 pixels. |
height | Permet de préciser la hauteur de la carte affichée, exemple : 400px pour une hauteur de 400 pixels. |
spider | Permet d'éclater un regroupement de points lorsque l'on clique dessus. True ou False (false par défaut) |
layercarto | Permet de préciser le fond carto utilisé. layercarto="google" : fond google / layercarto="osm" : fond OpenStreetMap (défaut). |
champcoul | Définis la liste qui détermine la couleur du point. (Par défaut 'ListeCouleur') |
query | permet de n'afficher qu'une partie de la base de données en fonction d'un tri sur un champ voir la doc query |
Questions pour Florian
je vois dans carte oasis ces paramètres- colorfield="listeListetype"
- je suppose que c'est champcoul ?? faut mettre colorfield ou champcoul ??
- color="orange = 1, green = 2, red= 3, blue= 4, purple = 5"
- ce champ est nécessaire du coup ou pas ?
- iconfield="listeListetype"
- on peut l'indiquer dans la doc ou spécifique à oasis ?
- icon="graine-d-oasis = 1, oasis-ressource = 2, oasis-de-vie = 3, ecosite-sacre = 4"
- on peut l'indiquer dans la doc ou spécifique à oasis ? et si oui c'est quoi le fonctionnement ?
j'ai aussi retrouvé ça ailleurs dans la doc....
iconprefix => prefixe des classes CSS utilisées pour icones dans les marqueurs de la carte ex fa fa- ou glyphicon glyphicon-
iconfield => désigne le champ utilisé pour les icones des marqueurs ex : checkboxListeProf
icon => fait la corélation entre la valeur du champ et l'icone associée ex : markericon="plane=Dir, pencil=Secr"
colorfield => désigne le champ utilisé pour les couleurs des marqueurs ex : checkboxListeProf
color => fait la corélation entre la valeur du champ et la couleur associée ex : markercolor="darkgreen=Dir, pink=Secr" (nombre de couleurs limitées pour carto ('red', 'darkred', 'lightred', 'orange', 'beige', 'green', 'darkgreen', 'lightgreen', 'blue', 'darkblue', 'lightblue', 'purple', 'darkpurple', 'pink', 'cadetblue', 'white', 'gray', 'lightgray', 'black') pour les agenda et liste, possibilité d'utiliser les code hexa
smallmarker => pour bazarcarto par défaut sur 0 si 1 met des petits marqueurs sur la carte plutôt que les gros
Action {{bazarliste}}
Action {{bazarliste}}
Cette action vous permet d'affiche le contenu d'une base de données (ou seulement une partie) sur une des pages du wiki et cela sous différentes formes suivant le template choisi (simple liste, liste déroulante, annuaire, liens...)Syntaxe : {{bazarliste id="1"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
- Des paramètres supplémentaires pour le filtrage : voir BazarFacette
nom du paramètre | valeurs du paramètre |
id | id de la base de données à afficher, si vide toutes les bases de données sont affichées. Il est possible d'afficher plusieurs bases de données d'un coup en entrant leur id séparé par une virgule. Avant, le paramètre s'appelait idtypeannonce qui marche encore, mais id, plus court, est recommandé. |
categorienature | Permet de filtrer des fiches par catégorie, par défaut toutes les catégories sont traités. c'est le nom de la Catégorie du formulaire |
nb | Indique le nombre limite de résultats a afficher, par ex. nb="12" pour afficher les 12 derniers. Par défaut : pas de limite |
pagination | Indique le nombre de fiches présentes par page avant pagination, par ex pagination="10". Par défaut : pas de pagination |
ordre | Permet d'afficher la liste par ordre croissant ou décroissant. Par défaut : rangé par ordre croissant (asc) sinon mettre "desc" pour l'ordre décroissant |
champ | Permet de choisir le champ utilisé pour le tri. Par défaut : tri sur le champ titre (bf_titre). Par date par ex : champ="date_creation_fiche" ou date_maj_fiche |
query | permet d'afficher une partie seulement de la base de données sur base d'un tri Voir le détail de la syntaxe |
template | Indique le look pour l'affichage des fiches. Par défaut : en accordéon. voir ci-dessous pour un aperçu des templates disponibles |
iconfield | On indique soit la liste, soit idtypeannonce qui doit servir à déterminer les différentes icons |
icon | Nom de l'icon (par ex glyphicon glyphicon-plane)="valeur de la liste ou id du formulaire" |
colorfield | On indique soit la liste, soit idtypeannonce qui doit déterminer les différentes couleurs |
color | Nom de la couleur (par ex red ou #ff3333)="valeur de la liste ou id du formulaire"colorfield="id_typeannonce" color="green=28, blue=29, red=30, #ffffff=28" |
redirecturl | permet de rediriger sur une page voulue lors de la validation du formulaire redirecturl="une url complète (pas juste une page wiki)" |
random | permet de mélanger les fiches pour les afficher dans un ordre aléatoire. Exemple: random="1" |
A savoir : appeler sur son wiki les fiches d'un autre wiki
{{bazarlisteexterne id="" url="urlduwiki"}}
Les templates disponibles sous yeswiki
ATTENTION: certains ne sont pas fourni par défaut avec yeswiki et doivent être téléchargés

annuaire_alphabetique.tpl.html
permet de créer une liste de type annuaire classée par ordre alphabétique

blog.tpl.html
Le template blog permet d'afficher des actualités :
- dernier aticle mis en avant
- affiche la date et l'auteur del'article sous le titre
- le résumé affiché est un champ "bf_chapo" - car on ne voulait pas avoir une description tronquée

carousel.tpl.html
Ce template permet de faire un slider pour faire défiler des images automatiquement. Souvent utiliser en pageheader.
Tous les champs sont cachés si pas remplis sauf image bien sûr et bf_titre (champ obligatoire)
Cela dit on peut cacher aussi le bf_titre via un paramètre (voir ci-dessous)


damier.tpl.html
Affiche toutes les fiches d'un formulaire sur la même page sous la forme d'un damier de cases alternativement blanches et de couleur (la couleur est définie par le paramètre couleur).
L'affichage des fiches peut être
précédé de texte (contenu dans une page appelée via le paramètre pageDessus),
et/ou suivi de texte (contenu dans une page appelée via le paramètre pageDessous).
Pour chaque fiche sont affichés les champs :
- bf_titre
- bf_debut
- bf_fin
- bf_lieu
- bf_image
- bf_description
Le libellé du bouton provient du champ bf_bouton. Le bouton renvoie,
- soit vers l'adresse contenue dans le champ bf_lien s'il est renseigné,
- si bf_lien est vide, le bouton permet de télécharger le fichier indiqué par bf_fichier.
Certaines fiches peuvent être mises en exergue. On utilise pour cela la valeur du champ bf_exergue. Les fiches mises en exergue seront celles dont ce champ porte la valeur précisée par le paramètre valeurexergue.

galerie_photos.tpl.html
ce template permet d'afficher une galerie de photos "classique" en 6 colonnes avec la photo et le titre par dessous.

liste_fiches_horscarte.tpl.html
ce template permet de récupérer sour forme de liste les titres des fiches (avec une carte cartogoogle) pour lesquelles les utilisateurs ont oubliés de cliquer sur le bouton "placer le point sur la carte".

liste_galerie.tpl.html
Ce template permet d'afficher une galerie photo en deux colonnes. Celle de gauche reprend en mini vignettes toutes les photos disponibles et sur celle de droite, une vue agrandie de la photo sélectionnée dans la partie gauche.

liste_liens.tpl.html
affiche les liens vers les fiches sous forme de liste à puces


liste_mails_seuls.tpl.html
Ce template permet de récupérer sour forme de liste les emails d'un formulaire afin de pouvoir facilement les copier-coller dans un webmail.

mails_maj.tpl.html
Ce template affiche les fiches non mises à jour depuis x jours (180 par défaut, paramètre : nbjour="x") et d'envoyer un mail paramétrable aux contacts des fiches.

map.tpl.html
Cette action permet d'afficher le contenu d'une base de données (on parlera de fiches) sur un fond cartographique. Il faut bien entendu que ces fiches comportent une adresse postale !

material-card.tpl.html
présentation sous forme de vignettes graphiques souvent utilisées pour réaliser des annuaires visuels (si l'image n'est pas fournie une image par défaut est générée)

photo-oxygen.tpl.html
Galerie photo avec un joli effet zoom et rotation au survol de l'image
L'auteur est affiché au survol ainsi qu'une loupe pour affichage plein écran

photobox.tpl.html
permet de créer une sorte de galerie photos qui peut s'ouvrir en pleine page

semi-ouvert.tpl.html
ce template affiche sous forme de liste des "blocs" le contenu du formulaire avec une image à gauche et des champs (bf-titre et ... ) à droite + télécharger fichier, lien vers url et bouton en savoir plus pour ouvrir la fiche complètement (tous les champs de ce template sont cachés s'ils ne contiennent pas de données / ou image par défaut).


trombinoscope.tpl.html
affiche uniquement les fiches qui ont une image sous forme de bloc. Il est donc parfois nécessaire de rendre le champ image obligatoire sinon certaines fiches n'apparaitront pas.
Selon sa propre mise en page (avancé)
Selon sa propre mise en page (avancé)
Doc en cours d'écritureIl est possible de faire des templates spécifiques pour chaque formulaire et ainsi faire apparaître selon votre propre mise en page les infos contenues (ou une partie seulement) dans ces formulaires.
Pour ce faire il faut créer un fichier nommé fiche-id.tpl.html et le placer dans /themes/tools/bazar/templates (ID étant ici l'id du formulaire en question)
Avec la version Doryphore, les templates personnalisés seront chargés prioritairement depuis lerépertoire custom/templates/bazar/templates.
ATTENTION, ce faisant toutes les fiches possedant cet ID de formulaire seront avec le look personnalisé plutot que le look proposé par défaut... pour pouvoir réutiliser les templates, il faut enlever fiche-id.tpl.html (ou le renommer avec un .old)
Il vous reste ensuite à éditer ce fichier et à construire votre mise en page. (code html / css...)
La syntaxe est la suivante :
vous pouvez utiliser<h2><?php echo $fiche['bf_titre']; ?></h2>
<?php show($fiche["bf_champ"], â??Label du champs', 'classe CSS du paragraphe', â??balise HTML du paragraphe'); ?>
- show($fiche : valeur brute telle qu'on la voit avec /raw (par ex si c'est une liste, il va chercher la valeur et pas ce qu'on voit nécessairement à l'écran)
- un exemple : <?php show($fiche["bf_nomduchamp"], '', '', 'h5'); ?>
show($html["bf_champ"], â??Label du champs', 'classe CSS du paragraphe', â??balise HTML du paragraphe'); ?>
- exemple = <?php show($fiche["bf_telephone1"] . ' / ' . $fiche["bf_telephone2"], 'Téléphone(s) :'); ?>
- principalement utilisé pour afficher le contenu de liste ou checkbox (<?php show($html["checkboxListeTheme"], '', ''); ?>)
Il est aussi possible d'affiche le contenu de formulaires liés
Il est possible d'appeler des formulaires liés en utilisant cette syntaxe<?php echo $GLOBALS['wiki']->Format( '{{bazarliste idtypeannonce=«ID du formulaire lié" query=« listeficheID du formulaire de départ=' . $fiche['id_fiche'] . â??« template="nom du template"}}' ); ?>
par exemple :
<?php echo $GLOBALS['wiki']->Format( '{{bazarliste idtypeannonce="6" query="listefiche7=' . $fiche['id_fiche'] . '"}}' ); ?>
- Attention parfois c'est listefiche parfois checkboxfiche
- Attention, il faut bien que les deux formulaires bazar soient bien liés.
- Si les deux formulaires ne sont pas liés clairement (ou uniquement dans un sens), il faut alors aller voir dans /raw et voir comment le champ est renommé par yeswiki. Ce sera listeficheid ou checkboxficheid et utiliser la syntaxe : <?php show($html["checkboxfiche2"]); ?>
un 1er exemple complet
<?php $imgwidth = 320; $imgheight = 240; ?> <?php if ($_GET['wiki'] == $fiche['id_fiche']): ?> <h3> <a href="wakka.php?wiki=AnnuaireS">Répertoire des structures </a> </h3> <?php endif; ?> <?php if (isset($fiche['imagebf_image']) && $fiche['imagebf_image'] != ''): ?> <img class="pull-left img-rounded img-profil" style="margin-right:20px;margin-bottom:20px;" alt="<?php echo htmlentities($fiche['bf_titre']); ?>" src="<?php echo redimensionner_image( 'files/' . $fiche['imagebf_image'], 'cache/image_' . $imgwidth . 'x' . $imgheight . '_' . $fiche['imagebf_image'], $imgwidth, $imgheight, 'crop' ); ?>"> <?php echo $html['imagebf_image']; ?> <?php endif; ?> <h2><?php echo $fiche['bf_titre']; ?></h2> <?php show($fiche["bf_acronyme"], '', '', 'h5'); ?> <?php if (!empty($fiche["bf_site_internet"] )) show('<a href="' . $fiche["bf_site_internet"] . '">' . $fiche["bf_site_internet"] . '</a>', ''); ?> <?php show($fiche["bf_telephone1"] . ' / ' . $fiche["bf_telephone2"], 'Téléphone(s) :'); ?> <?php show($fiche["bf_fax"], '', 'fax'); ?> <?php show($html["bf_mail"] . ' / ' . $html['bf_mail_sec'], 'Mail(s) :'); ?> <?php show($html["checkboxListeInfos"], 'Particularité : ', ''); ?> <div class="clearfix"></div> <div class="well"> <?php echo $GLOBALS['wiki']->Format($fiche["bf_description_longue"]); ?> </div> <div class="row"> <div class="col-md-6 span6"> <h4>Centres d'intérêt</h4> <?php show($html["checkboxListeTheme"], '', ''); ?> <h4>Activités proposées</h4> <?php show($html["checkboxListeActivite"], '', ''); ?> <h4>Public cible</h4> <?php show($html["checkboxListePublic"], '', ''); ?> </div> <div class="col-md-6 span6"> <h4>Matériel disponible en prêt</h4> <?php show($html["checkboxListeMatos"], 'Matériels de base :', ''); ?> <?php show($html["checkboxListeMatospro"], 'Matériels professionnel :', ''); ?> <?php show($html["checkboxListeInfrastructure"], 'Infrastructure :', ''); ?> </div> </div> <hr> <h3>Coordonnées</h3> <?php echo $fiche["bf_adresse"]; ?><br> <?php echo $fiche["bf_code_postal"]; ?> - <?php echo $fiche["bf_ville"]; ?><br> <?php show($fiche["bf_capcacite"], 'Capacité :'); ?> <?php show($fiche["bf_horaire"], 'Horaire :'); ?> <h3>Liste des personnes liées :</h3> <?php echo $GLOBALS['wiki']->Format( '{{bazarliste idtypeannonce="6" query="listefiche7=' . $fiche['id_fiche'] . '"}}' ); ?> <?php if ($fiche['checkboxListeIndic'] == '1') : ?> <div class="pull-right"> <h4>A voir aussi sur</h4> <A HREF="http://www.inforjeunestournai.be/" target="blank"> <img class="img-responsive" src="files/logo-wape.jpg"></A> </div> <?php endif; ?> <br>Pour éditer cette fiche, double cliquer sur cette phrase.
Autre exemple complet – Un template qui n'affiche les informations que pour les membres du groupe @admins
<?php if($GLOBALS['wiki']->UserIsAdmin()) { // on recupere les valeurs de la fiche $fichebazar['values'] = baz_valeurs_fiche($fiche['id_fiche']); // on recupere les infos liees à ce type de fiche $f = $fichebazar['values']['id_typeannonce']; $fichebazar['form'] = baz_valeurs_formulaire($f); // on parcourt le tableau des valeurs pour les afficher for ($i = 0; $i < count($fichebazar['form']['template']); ++$i) { if (function_exists($fichebazar['form']['template'][$i][0])) { echo $fichebazar['form']['template'][$i][0]( $formtemplate, $fichebazar['form']['template'][$i], 'html', $fichebazar['values'] ); } } } else { echo 'Votre inscription est bien prise en compte, elle n\'est visible que par les admins'; } ?>
{{animation}}
{{animation}}
Comportements
L'action {{animation}} doit être placée en haut de page pour ajouter ensuite des animations sur des parties choisies (titres, images ou texte) avec différents styles que vous pouvez découvrir sur animate.css.
- L'action {{backgroundimage}} qui permet de mettre des images de fond ou des aplats de couleur
- L'action {{attach}} notamment quand elle sert à insérer une image dans votre page
- L'action {{section}} grâce à laquelle, tout élément de votre page pourra clignoter, rebondir, s'envoler...
- ajoutez { {animation} } en haut de la page
- puis ajoutez : { {section class="wow slideInRight" data="wow-iteration=3"} }, ce qui donnera le comportement du texte "exemple" quand vous êtes arrivé
- la partie à animer doit être fermée par { {end elem="section"} }
- class="wow slideInRight" => l'effet choisi fait apparaitre le texte entre { {section} } et { {end elem="section"} } par glissement depuis la droite de l'écran
- data="wow-iteration=3" => ici, effet slideInRight répété trois fois
pour comprendre les éléments que vous pourrez activer :
- class="wow => puis le nom de l'effet que vous trouverez sur animate.css"
- data="
- wow-iteration=le nb d'itération souhaitée,
- wow-length=la durée en seconde de l'effet (ex : 2s),
- wow-offset=délais de l'animation quand l'élément apparaît à l'écran,
- wow-delay=délais de l'animation quand la page est chargée en seconde"
annuaire_alphabetique.tpl.html
{{ariane}}
{{ariane}}
Comportements
ajoute un filtre d'ariane reprenant l'historique des pages visitées
- permet de revenir en arrière
syntaxe complexe : {{ariane nb="6"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
nb | nb de sous menu exploré" par défaut 4 |
- Attention : plutôt à placer dans le squelette de votre theme par ex juste au dessus de {WIKINI_PAGE}
Astuces pour des mises en page qui déchirent
Astuces pour des mises en page qui déchirent
Ceci dit, si vous n'avez aucune capacité graphique, il y a de forte chance pour que votre page soit à l'image de vos compétences...
D'abord, pensez à illustrer
Les actions qu'il vous faut
- Background image permet de créer des aplats de couleur ou des images en fond de texte.
- Avec nav vous aurez un menu de type navigation supplémentaire au sein de votre page
- Comme son nom l'indique button transforme vos liens en boutons multicolores auxquels vous pourrez rajouter des icônesd
- Accordion permettra d'activer des parties de texte sous un accordéon
- Grid et col et le colonage de votre page n'aura plus de mystère
- Tocjs ajoutera automatiquement un sommaire qui reprendra vos titres ; ce sommaire suivra la page lors du scroll
Bootstrap quand tu nous tiens
Bootstrap est une bibliothèque qui permet de préfigurer des mises en forme, des styles
sur le site de bootstrap, il est possible de récupérer des éléments de style qui donneront des looks à toute une série de composants. Il suffit de copier le code des éléments proposés, d'ajouter deux guillemets devant et derrière et le tour est joué. Ainsi :
<div class="alert alert-danger" role="alert">joli texte entouré de rouge</div>
Et avec une pincée d'html
Un code en html entouré de deux guillemets sera interprété<span style="color:red;">texte coloré</span>
Sur internet vous trouverez une foule d'exemples à copier pour améliorer vos pages
Et autres librairies
- L'action {{backgroundimage}} qui permet de mettre des images de fond ou des aplats de couleur
- L'action {{attach}} notamment quand elle sert à insérer une image dans votre page
- L'action {{ section }} grâce à laquelle, tout élément de votre page pourra clignoter, rebondir, s'envoler...
{{attach}}
{{attach}}
L'usage de cette action est simplifiée par le bouton "joindre / insérer un fichier" dans la barre de menu.
Affiche un lien de téléchargement de fichier
- Si le fichier est une image, elle est affichée dans la page.
- Lorsque le fichier est sur le serveur, il est possible de faire une mise à jour de celui-ci.
syntaxe complexe : {{attach file="lolo.jpg" desc="image lolo.jpg (0.3MB)" size="medium" class="left medium" legend="le texte de la légende" link="https://yeswiki.net/wakka.php?wiki=AccueiL"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
file | nom du fichier tel qu'il sera dans le wiki (attention a conserver la meme extension que pour le fichier original). pas d'url (voir {{player}}). Il est possible d'afficher le fichier d'une autre page ex: 'NomAutrePage/NomFichier.ext' |
desc | Texte du lien pour télécharger le fichier ou contenu du parametre alt pour une image. |
caption | Uniquement pour une image, texte au survol de celle-ci. |
legend | Uniquement pour une image, texte en dessous de celle-ci. |
link | Lien vers lequel renvoie l'image |
nofullimagelink | Uniquement pour une image, Pas de lien pour afficher l'image en grand quand on clique dessus: nofullimagelink="1" |
class | Ajoute une classe CSS à la balise figure entourant l'image / lightshadow, left / right / center, whiteborder, zoom, img-rounded, mg-circle, img-thumbnail |
size | small, medium, large ou original. Définis la taille de l'image par rapports aux paramètres small: largeur de 140px, hauteur de 97px ; medium: largeur de 300px, hauteur de 209px ; large: largeur de 780px, hauteur de 544 La largeur peut aussi être réglé finement grâce au paramètre "width" ci-dessous) |
width | Largeur de l'image en pixels. Ex: width="400" |
height | Hauteur de l'image en pixels. Ex: height="300" |
displaypdf | Permet d'afficher le fichier si c'est un pdf. Ex: displaypdf="1". Dans ce cas, class="left" ou "right" permet de définir la position du PDF, et les autres paramètres de l'action PDF sont utilisables |
Ouvrir le lien d'une image dans une fenêtre modale
/!\ class="modalbox" ne fonctionne pas avec les images car les classes css s'appliquent ici a l'image et non au lien
Une méthode de substitution existe via du code html : <a href="monlien.fr" class="modalbox" title="Titre de la modale">{{attach file="monimage.jpg" desc="imagetest" data-size="modal-lg" size="original" class="center" nofullimagelink="1"}} </a>
nofullimagelink="1" évite qu'il y ai un lien vers l'image en plus grand (comme on rajoute un lien par dessus, on ne peut pas avoir un lien dans un lien)
data-size="modal-lg" fait une modale plus large que celle de base
Exemple :
Mettre une image, (un bandeau) en entête ou un applat de couleur
Mettre une image, (un bandeau) en entête ou un applat de couleur
passez votre PageHeader en mode édition, vous devez voir un code du style
{{section bgcolor="var(--neutral-color);" class="cover white text-center"}} ======Description de mon wiki====== Double cliquer ici pour changer le texte et l'image de fond. {{end elem="section"}}
- Pour ajouter une image au bandeau, ajouter file="bandeau.jpg" sauver, puis charger votre bandeau préalablement préparé : cette image devra avoir comme taille 1920 X 300 et 90 dpi de résolution
- Vous souhaitez que le texte soit foncé : enlever le white dans class="white ..."
- Vous souhaitez que le texte soit centré ou à gauche : remplacer text-right par text-center ou text-left
- Vous souhaitez un aplat d'une autre couleur : supprimer file="bandeau.jpeg" et remplacer dans bgcolor="var(--neutral-color)" par un code couleur :
- mauve : #990066 /
- vert : #99cc33 /
- rouge : #cc3333 /
- orange : #ff9900 /
- bleu : #006699
- Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
En résumé :
{{section bgcolor="#990066" class="cover text-center"}} ======Description de mon wiki====== Double cliquer ici pour changer le texte et l'image de fond. {{end elem="section"}}
donne
Description de mon wiki
Double cliquer ici pour changer le texte et l'image de fond.{{section file="bandeau.jpg" class="cover white text-center"}} ======Description de mon wiki====== Double cliquer ici pour changer le texte et l'image de fond. {{end elem="section"}}
donne
Description de mon wiki
Double cliquer ici pour changer le texte et l'image de fond.Une petite Bandothèque au cas où...
Pour en fabriquer, elles doivent faire 1920 X 250 px et avoir une résolution de 72 dpi.
Afficher le contenu d'une base de données
Afficher le contenu d'une base de données
démo de l'action bazarSous forme de carte

- Affichage multicouches sur une carto Bazar. Où comment afficher potentiellement sur une carte : un fond de carte Openstreetmap + des données statiques Geojson + des tuiles dynamiques + bien sûr vos données de formulaire
Actions dépréciées
- Action {{map}} permet d'afficher des points sur une carte.
- Action {{bazarcartocoul}}
Sous forme de trombinoscope

Avec un système de recherche (facette)

Permettre la saisie de données dans un formulaire
Permettre la saisie de données dans un formulaire

Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
id | Id du formulaire dans lequel on souhaite ajouter des données |
vue | valeur à indiquer = saisir |
redirecturl | Page vers laquelle on souhaite renvoyer l'utilsateur lorsqu'il fait valider = une url complète |
voirmenu | si valeur=0 n'affiche pas le menu complet si valeur=1 affiche tout le menu / si ce paramètre n'est pas indiqué, le menu est affiché par défaut |
Voilà à quoi ça ressemble (cliquez sur l'image pour la voir en plein écran) :
Affichage cartographique multicouches
Affichage cartographique multicouches
Où comment afficher potentiellement sur une carte :
- un fond de carte Openstreetmap
- + des données statiques Geojson
- + des tuiles dynamiques
- + bien sûr vos données issues de vos formulaires
Prenons l'exemple d'une association qui souhaite faire apparaitre :
- un fond de carte Openstreetmap
- les délimités des régions françaises (fichier GeoJson)
- tous les itinéraires cyclables pour se rencontrer (depuis un serveur de tuiles)
- et enfin la localisation des membres de son réseau (depuis un formulaire Bazar)
Etape 1 : fabriquer son formulaire
- Dans Bazar fabriquer son formulaire avec localisation des participants. Voir Champs possibles dans Bazar
Etape 2 : trouver des données cartographiques
- des serveurs de tuiles (de cartes) pour faire apparaitre des cartes dynamiques provenant d'une source distante (par exemple des serveurs de tuiles openstreetmap sur différents sujets)
- des données au format Geojson : ce sont des données statiques que l'on peut obtenir de différentes façons : un tableur CSV avec des données lat/lon, un fichier opendata, une extraction de données openstreetmap, etc.
Etape 3 : visualiser les résultats sur carte
- Choisir la page ou créer une page où seront affichés les résultats.
- Insérez l'action Bazar Carto ([ActionBazarcarto voir documentation]) en utilisant le code suivant. Exemple ici avec :
- 1 layer tiles Waymarkedtrails un serveur qui montre les grandes voies cyclables en France
- 1 layer geojson avec contours de certaines régions de France (issu de OSM boundaries) copié/collé dans la page BacASableGeoJson1
{{Bazarcarto layers="Waymarkedtrails|Tiles|https://tile.waymarkedtrails.org/cycling/{z}/{x}/{y}.png,Régions|GeoJson|wakka.php?wiki=BacASableGeoJson1/raw" }}
- * "layers" : une liste de layers (couches). Pour comprendre les termes du code :
- * format pour chaque layer : NOM|TYPE|URL ou NOM|TYPE|OPTIONS|URL
- * - OPTIONS: facultatif ex: "color:red; opacity:0.3"
- * nota bene: le séparateur d'options est le ';' et pas la ',' qui est déjà utilisée pour séparer les LAYERS.
- * - TYPE: Tiles ou GeoJson
- * - URL: Attention au Blocage d?une requête multi-origines (Cross-Origin Request).
Création d'un formulaire de saisie
Création d'un formulaire de saisie
La page base de données est installée par défaut et se trouve dans la roue crantée en haut à droitePremière étape :
- Se connecter avec un compte administrateur. Puis se rendre sur le menu Base de données.

- Pour accéder un menu de création du formulaire, il faut cliquer sur l'onglet "Formulaires".
Cliquer sur formulaire
3 façons de créer un formulaire
L'importer depuis un autre wiki
en cliquant simplement sur le lien formulaire :

Partir d'un modèle par copier coller
en cliquant sur formulaire puis créer un nouveau formulaire :

Le créer soi-même
en cliquant sur formulaire puis créer un nouveau formulaire :

Facette : un module de recherche dans bazar
Facette : un module de recherche dans bazar
Facette s'active TOUT SEUL quand l'action {{bazarliste}} s'accompagne du paramètre groups
Par défaut toutes les fiches sont affichées.
{{bazarliste id=" " groups="Nomduneliste,duchamp" titles="titredelaliste, duchamp" pagination="15" template="nomdutemplate.tpl.html"}}
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
id | Id du formulaire dans lequel il faut faire la recherche |
groups | On place les champs du formulaire sur lesquels on veut permettre la recherche, séparés par des virgules (les champs) / si c'est un liste, indiquer listeListeNomdelaliste / si c'est un radio, indiquer radioListeNomdelaliste / si c'est un checkbox, indiquer checkboxListeNomdelaliste / si c'est un champ, indiquer bf_nomduchamp /si c'est une liste qui est formé par le contenu d'un autre formulaire, indiquer listefiche+id de l'autre formulaire / si c'est un checkbox qui est formé par le contenu d'un autre formulaire, indiquer checkboxfiche+id de l'autre formulaire Si le but de la recherche est de choisir parmi plusieurs formulaires affichés, utiliser groups="id_typeannonce" |
groupsexpanded | true ou false permet de plier ou pas par défaut les champs de recherche. |
titles | on place dans le même ordre que dans "groups" le nom des champs de recherche |
groupicons | une liste de class css pour mettre des icônes aux intitulés des groupes, juste à gauche des valeurs indiquées dans titles. ex: groupicons="glyphicon glyphicon-plane,glyphicon glyphicon-home" |
filterposition | Pour aligner l'encadré de filtre à droite /par défaut/ ou à gauche (filterposition="left") des fiches bazar |
filtercolsize | Pour choisir la largeur des encadrés "filtres". Chiffre entre 1 et 12. Ex : filtercolsize="12" et filterposition="left" placera les filtres au-dessus des résultats et sur toute la largeur |
template | Nom du template à utiliser / par défaut bazarliste / Attention tous les templates ne fonctionnent pas avec facette / Si on souhaite un rendu cartographique : map.tpl.html |
pagination | Nombre de fiches qu'on veut voir par page |
height | Hauteur en pixels |
zoom | Niveau de zoom quand on utilise un rendu cartographique |
lat | Latitude pour centrer la carte quand on utilise un rendu cartographique |
long | Longitude pour centrer la carte quand on utilise un rendu cartographique |
Des exemples ?
- http://coop-site.net/rochefort/wakka.php?wiki=RessourceS
-
{{bazarliste id="4" groups="listeListeTypedoc" }}
-
- http://culturepointwapi.be/wakka.php?wiki=RepertoireMatos
-
{{bazarliste id="7" groups="checkboxListeInfrastructure,checkboxListeMatos,checkboxListeMatospro" titles="Petits matériels, Matériels techniques, Lieux et salles" template="map.tpl.html" lat="50.642493" lon="3.485830" zoom="9"}}
-
En combinant champ mot clé et critères prédéfinis
En combinant champ mot clé et critères prédéfinis
{{bazar id="" vue="consulter" voirmenu="0" groups="Nomduneliste,duchamp" titles="titredelaliste, duchamp" pagination="15" template="nomdutemplate.html.tpl"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
id | Id du formulaire dans lequel il faut faire la recherche |
groups | On place les champs du formulaire sur lesquels on veut permettre la recherche séparés par des virgules / si c'est un liste, indiquer listeListeNomdelaliste / si c'est un radio, indiquer radioListeNomdelaliste / si c'est un checkbox, indiquer checkboxListeNomdelaliste / si c'est un champ, indiquer bf_nomduchamp /si c'est une liste qui est formé par le contenu d'un autre formulaire, indiquer listefiche+id de l'autre formulaire / si c'est un checkbox qui est formé par le contenu d'un autre formulaire, indiquer checkboxfiche+id de l'autre formulaire Si le but de la recherche est de choisir parmi plusieurs formulaires affichés, utiliser groups="id_typeannonce" |
groupsexpanded | true ou false permet de plier ou pas par défaut les champs de recherche. |
titles | on place dans le même ordre que dans "groups" le nom des champs de recherche |
template | Nom du template à utiliser / par défaut bazarliste / Attention tous les templates ne fonctionnent pas avec facette / Si on souhaite un rendu cartographique : map.tpl.html |
pagination | Nombre de fiches qu'on veut voir par page |
height | Hauteur en pixels |
zoom | Niveau de zoom quand on utilise un rendu cartographique |
lat | Latitude pour centrer la carte quand on utilise un rendu cartographique |
long | Longitude pour centrer la carte quand on utilise un rendu cartographique |
Importer/exporter depuis/vers bazar
Importer/exporter depuis/vers bazar
Il est possible
- d'importer des données externes (d'un tableur par exemple) dans un formulaire bazar
- d'exporter des données d'un formulaire bazar pour les utiliser ensuite dans un tableur classique
Étapes pour importer des données
- se connecter au wiki (il faut être parmi les administrateurs pour pouvoir importer des données)
- se rendre sur la page permettant la gestion des formulaires (elle contient l'action{{bazar}})
- cliquer sur le bouton importer
- choisir parmi les formulaires celui dans lequel on souhaite importer des données

- le wiki fournit alors diverses infos sur la structure du fichier nécessaire pour permettre un bonne importation
- le wiki fournit un fichier type vide au format CSV comme exemple (on peut le remplir et se servir de celui-ci ensuite)

- une fois que l'on a préparé son fichier d'importation selon les consignes données
- on choisit son fichier à importer
- on clique sur le bouton Importer le fichier`
- une étape de contrôle / validation est proposée
- si tout s'est bien passé on reçoit un message
Étapes pour exporter des données
- se connecter au wiki (il faut être parmi les administrateurs pour pouvoir importer des données)
- se rendre sur la page permettant la gestion des formulaires (elle contient l'action{{bazar}})
- cliquer sur le bouton exporter
- choisir parmi les formulaires celui que l'on souhaite exporter

- le wiki génère un fichier CSV à télécharger

Quoi faire avec mon fichier CVS ? Un CSV peut s'ouvrir avec Excel, Open Office, Google Doc ... en précisant simplement que le caractère d'espacement est une virgule.
Rechercher dans la base de données
Rechercher dans la base de données
Il existe plusieurs façons de permettre une recherche par les utilisateurs dans la base de données.Par mots-clés libres
Il est possible d'afficher TOUT le contenu d'une des base de données avec un champ de recherche par mot clé
Par critères prédéfinis
Facette est une interface graphique qui permet d'interroger une base de données sur base de critères prédéfinis (via des listes ou des checkbox)
En combinant mots-clés et critères
Il est possible de combiner recherche par mot clé ET recherche par critères prédéfinis.
Créer un widget carto avec bazar
Créer un widget carto avec bazar
L'outil Widget permet d'afficher les contenus venant d'un formulaire bazar sous forme :- d'une fenêtre dans la page de votre wiki
- d'une fenêtre dans n'importe quel site web autre (dans Wordpress, Spip, Joomla, etc.)
Nous nous intéressons ici à la création de cartes issues de formulaires bazar. (Voir page ActionBazarcarto pour en savoir plus sur l'affichage carte)
Voici par exemple le widget issu du bazar des personnes ressources YesWiki
Créer facilement des cartes
Vous avez besoin de créer des cartes pour :
- montrer les membres de votre réseau,
- faire une carte des adhérents,
- partager vos initiatives, projets
- faire une carte pour un événement, un colloque, un festival
- inventorier des éléments du patrimoine, l'accessibilité de lieux,
- etc...
Vous pouvez utiliser yeswiki pour :
- fabriquer des cartes thématiques pour afficher dans votre wiki
- utiliser yeswiki comme cartothèque, c'est à dire un lieu central pour créer des cartes à la volée et les afficher dans n'importe quel site web via un code embed
Etape 1 : rendez-vous sur la page Bazar de votre wiki
- choisissez le formulaire que vous voulez afficher sous forme de cartes.
- cliquez sur le bouton Widget

Etape 2 : Sur la page widget
- Type de Visualisation : par défaut vos données s'affichent sous forme d'accordéon. Choisissez cartes avec fiches entières
- Options de la carte : Choisir un fond de carte en fonction de ses besoins : topographie, délimités communaux, noir et blanc ou couleur, etc. (Voir la liste des fournisseurs de cartes)

Etape 3 : Sélection des couches Facettes
- Sélectionnez les couches Facettes que vous voulez voir apparaitre
- Attention : pour l'instant le widget carto ne gère pas de couleurs différentes en fonction des couches facettes. Donc tous les points sont affichés avec le style par défaut. Mais ça viendra !

Etape 4 : choix code d'intégration
Avant la création du code final vous pouvez aussi :- ajuster la taille des marqueurs
- définir des coordonnées
- définir la taille d'affichage du widget carto
Une fois tout paramétré vous avez deux codes à copier/coller à votre disposition :
- le premier un iframe à installer dans votre site web (voir intégration iframe en fonction de votre CMS wordpress, spip, joomla, etc)
- le second c'est l'action Bazar à intégrer dans la page de votre choix de votre wiki

Alternative, utiliser gogocarto
{{bazarliste id="2" template="gogomap.tpl.html" width="100%" height="600px" groups="checkboxListeCategories" titles="Mes catégories" colorfield="checkboxListeCategories" color="#98A100= market, #1E8065= organic" iconfield="checkboxListeCategories" icon="leaf=market,cogs=organic" iconprefix="fa fa-"}}

Pour les icones, j'ai utilisé la librairie fontawesome, vous pouvez trouver des icones ici : https://fontawesome.com/icons?d=gallery&m=free
Toute la configuration de gogocarto n'est pas disponible via des paramètres de bazarliste. A la place, vous pouvez donner un fichier de configuration en utilisant "jsonconfurl"
{{bazarliste id="2" template="gogomap.tpl.html" jsonconfurl="https://pixelhumain.github.io/GoGoCartoJs/web/data/configuration-pwa.json"}}
Voir tout la configuration possible sur https://pixelhumain.github.io/GoGoCartoJs/docs/configuration.html
blog.tpl.html
{{button}}
{{button}}
démo de l'actionComportements
permet d'ajouter un bouton de différentes couleurs, tailles...
syntaxe minimale : {{button link="http://lolo.lol"}}
syntaxe complexe : {{button link="http://lolo.lol" text="cliquez ici pour aller sur le site" icon="book" class="btn-primary"}}
Moi je voudrais...
Intégrer un bouton tout simple
{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site"}}
Ajouter un icone personnalisé à mon bouton
{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site" icon="book"}}
Pour retrouver le nom des différents icones disponibles, il vous suffit d'aller voir sur l'un de ces deux liens :
- https://getbootstrap.com/docs/3.3/components/#glyphicons (attention, il faudra enlever le 'icon-' devant le nom des icônes)
- https://fontawesome.com/v4.7.0/icons/
Modifier la taille de mon bouton
{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site" class="btn-block"}}
Il existe plusieurs paramètres possibles en fonction de la taille désirée, du plus petit au plus grand :
- btn-xs | très petit
- btn-sm | moyen
- btn-lg | grand
- btn-block | pour avoir le bouton en pleine largeur
Utiliser les boutons pour mettre des icones dans mon menu principal
Nous allons pour cela utiliser un nouveau paramètre : le "nobtn" qui permet de ne pas afficher les bords et la couleur du bouton. Cela permettra d'utiliser des boutons transparents qui donneront l'illusion de menus classiques. En les combinant au paramètre "icon" (voir plus haut), le tour sera joué.
Il suffira donc de remplacer les liens des menus par des boutons de ce type:
{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site" icon="book" nobtn="1"}}
Avoir de superbes couleurs sur mon bouton
Nous allons pour cela ajouter un paramètre dans le code du bouton en ajoutant class="Ma classe". Pour un bouton prenant toute la page, cela donnera :
{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site" class="btn-success"}}
Il existe de nombreux paramètres possibles en fonction de la couleur souhaitée, celle-ci dépendra de votre thème, le mieux sera de les tester :
- btn-success
- btn-primary
- btn-info
- btn-warning
- btn-danger
- btn-inverse
/!\ Si vous utilisez d'autres options faisant appel au paramètre "class", il vous faudra mettre un espace entre les différentes informations de class.
Découvrir plus de possibilités et les voir en démo
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
link | nom de la page wiki ou url |
text | texte affiché sur le bouton |
title | texte affiché au survol du bouton |
icon | nom de l'icone sur boostrat https://getbootstrap.com/docs/3.3/components |
nobtn | si la valeur est à " 1", alors la mise en forme type "bouton" n'apparaît pas |
class | Aller piocher dans la page de demo les valeurs disponibles |
hideifnoaccess | valeur "true" permet de cacher le bouton si l'utilisateur n'a pas les droits d'accès à la page cible (uniquement version Doryphore) |
Visualisation :
cliquez ici pour aller sur le site
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 orange ? remplacer btn btn-danger par btn btn-warning,
un bouton bleu ? remplacer btn btn-danger par btn btn-info
Et pour cacher un bouton ?
Parfois on souhaite simplement cacher un bouton (pour pouvoir ensuite le rendre visible très rapidement, sans avoir à retaper tout le code....)
Il suffit d'ajouter une classe "hide" dans le code en première position :
Pour reprendre l'exemple ci dessus
- Bouton caché :
version wiki (donc sans "" "") copier coller ceci : {{button class= "hide" "btn btn-danger" link="http://www.criemouscron.be" icon="plus icon-white" text="découvrez le crie de mouscron"}}
Cacher en fonction des droits de l'utilisateur [Disponible en version Doryphore]
ne pas afficher un lien vers une page pour lesquelles on a pas les droits
paramètre : hideifnoaccess="true"
carousel.tpl.html
Types de champs possibles
Types de champs possibles
Comment ajouter des champs dans vos formulaires ?
L'espace Template de votre formulaire permet de décrire l'ensemble des champs dont vous avez besoin, à raison d'un champ par ligne.Exemple d'une ligne de code permettant de créer un champ "texte".
Nous allons détailler la description d'un champ typique. Vous pourrez par la suite la modifier pour l'adapter à vos besoins en comprenant comment elle fonctionne :
texte***bf_titre***Nom prénom***255***255*** *** *** ***1***0***
Chaque zone sert-elle toujours à la même chose ?
Certaines des zones sont :
- génériques : elles servent toujours à la même chose (par exemple la première zone sert toujours à indiquer le type de champ) ;
- quasi-génériques : la zone sert pratiquement toujours à la même chose pour tous les types de champs à quelques exceptions près ;
- spécifiques : la zone sert à donner des informations différentes suivant le type de champ (texte, bouton, etc.) ;
L'utilisation de chacune des treize zones (cliquez pour voir)
- Type de champ (générique) : texte (chaque type de champ possède sa description) attention, une "fote", une majuscule provoquera une erreur au niveau de ce champ
- Identifiant du champ (quasi générique) : bf_contact (sans accents, tout attaché)
- Nous vous conseillons de garder les intitulés proposés. Si vous les changez, cela pourra poser des problèmes dans les modes de restitutions
- Si vous utilisez un autre champ de ce type dans le même formulaire, l'identifiant du champ devra être différent
- Si vous modifiez cet identifiant alors que certaines fiches ont été saisies, vous perdrez les données de ce champ des précédentes fiches)
- Intitulé affiché (quasi générique) : Contact
- Cette zone indique ce que vos utilisateurs verront à l'écran, suivi de deux point ":"
- vous pouvez changer cet intitulé au cours de la vie de votre site sans incidences
- Taille à l'écran (spécifique) : 15 (caractères)
- Nombre de caractère max (spécifique) : 15
- Valeur par défaut (spécifique) : non renseigné
- ici Non-utilisé : dans certains types de champs, toutes les zones ne sont pas utilisées, dans ce cas, les laisser vide
- ici Non-utilisé
- Saisie obligatoire (quasi générique) : 1 (champ obligatoire) 0 ou vide (pas d'obligation)
- Présence dans le moteur de recherche (quasi générique) : 1 (utilisé dans les recherches) 0 ou vide (pas utilisé)
- Texte d'aide à la saisie (quasi générique) : ce qui est écrit dans cette zone deviendra une bulle d'aide visible lorsque l'utilisateur cliquera sur un petit point d'interrogation bleu
- Droits d'accès au contenu du champ. (NON FONCTIONNEL avant Doryphore) Même fonctionnement que pour les droits d'accès aux pages : le contenu de ce champ permet de réserver en lecture l'accès à son contenu : * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins). Ici le champ indique un accès au groupe des administrateurs uniquement (@admins). Il est possible de combiner plusieurs groupes en les séparant par des espaces.
- Droits d'accès à la saisie du champ. (quasi générique) Même fonctionnement que pour les droits d'accès aux pages : le contenu de ce champ permet de réserver l'écriture dans ce champ du formulaire : * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins). Ici le champ indique un accès au groupe des administrateurs uniquement (@admins). Il est possible de combiner plusieurs groupes en les séparant par des espaces.
texte***bf_contact***Contact
Pour les retrouver, il suffira d'ajouter les zones paramétrables grâces aux petites étoiles
texte***bf_contact***Contact*** *** *** *** *** *** *** *** ***
puis de compléter les champs qui vous intéressent (ici aide contextuelle) de la manière suivante
texte***bf_contact***Contact*** *** *** *** *** *** *** ***entrez ici votre contact***
Un seul champ indispensable Important
Titre : texte court qui donnera le nom à la fiche
texte***bf_titre***Nom prénom***255***255*** *** *** ***1***0***
Par exemple, pour un événement :
texte***bf_titre***Titre de l'événement***255***255*** *** *** ***1***0***
Affichage dans le formulaire de saisie :

Il est possible de générer ce champ bf_titre de manière automatique en concaténant 2, 3 ou plus de champs
dans ce cas, il ne faut pas qu'un champs avec l'identifiant bf_titre soit déjà présent
Syntaxe :
titre***{{bf_nom}} - {{bf_prenom}} - {{listeListeOuiNon}} - {{checkboxListePartenaires}}*** ***
dans ce cas : le titre généré est le nom puis le prénom séparé d'un tiret. Si vous souhaitez mettre des listes, indiquez s'il s'agit de liste ou checkbox comme dans l'exemple.
Les plus courants
Adresse
textelong***bf_adresse1***Adresse postale***200***5*** *** *** ***1***0*** texte***bf_code_postal***Code postal*** ***5*** *** *** ***0***1*** texte***bf_ville***Ville***50***80*** *** *** ***1*** *** texte***bf_pays***Pays***50***80*** *** *** ***1*** ***
Adresse mail (pourra être cliqué dans la fiche)
champs_mail***bf_mail***Email***40***255*** *** *** ***0***0***l'adresse mail doit être de la forme quelquechose@domaine.extension
Le champ en 7ème position s'il est rempli avec form rendra invisible le mail et le remplacera par un petit formulaire de contact direct.
champs_mail***bf_mail***Email***40***255*** ***form*** ***0***0***l'adresse mail doit être de la forme quelquechose@domaine.extension
Le champs en 10ème position permet s'il vaut 1 d'envoyer par mail le contenu du formulaire à l'adresse mail renseignée dans ce champ / cela permet donc d'envoyer aux gens une copie mail du formulaire qu'ils viennent de remplir par ex)
champs_mail***bf_mail***Email***40***255*** ***form*** ***0***1***l'adresse mail doit être de la forme quelquechose@domaine.extension
Le champs en 12ième position permet de réserver la lecture de l'adresse au groupe des admins
champs_mail***bf_mail***Email***40***255*** *** *** ***0***0***l'adresse mail doit être de la forme quelquechose@domaine.extension***@admins
Attention, ces mails peuvent tomber dans les spam !!
Cartographie permettant de positionner automatiquement l'adresse
carte_google***bf_latitude***bf_longitude***cartogoogle***1
Affichage dans le formulaire de saisie :

Pour changer le centre et le niveau de zoom par défaut de la carte dans le formulaire (c' est à dire la carte que les gens voient lorsqu'ils veulent valider/déplacer le marker) => DocumentationFichierDeConfiguration
Date et heure
jour***bf_date_debut_evenement***Début de l'événement***1*** *** *** *** ***1***0
jour***bf_date_fin_evenement***Fin de l'événement***1*** *** *** *** ***1***0
- Type de champ : jour
- Identifiant du champ : bf_date_debut_evenement
- Intitulé affiché : Début de l'événement
- Non-utilisé
- Non-utilisé
- indiquer today ici permet d'afficher par défaut la date du jour
- Non-utilisé
- Non-utilisé
- Saisie obligatoire : 1 (oui)
- Non-utilisé
Affichage dans le formulaire de saisie :

Image jointe (avec redimensionnement automatique)
image***bf_image***Image de présentation (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png
- Type de champ : image
- Identifiant du champ : bf_image (sans accents, tout attaché)
- Intitulé affiché : image de présentation (facultatif)
- Hauteur de la vignette : 140 (en px)
- Largeur de la vignette : 140 (en px)
- Hauteur de l'image redimensionnée : 600 (en px)
- Largeur de l'image redimensionnée : 600 (en px)
- Classe css associée à l'image : right (ou center ou left)
- Saisie obligatoire : 0 (non)
- Présence dans le moteur de recherche : non renseigné (non).
- Texte d'aide à la saisie : Votre image doit être au format .jpg ou .gif ou .png, ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).

Lien internet (pourra être cliqué dans la fiche)
Checkbox / cases à cocher (plusieurs choix parmi des propositions)
checkbox***ListeFormations***Type de formation*** ***1*** *** *** ***1***1***
- Type de champ : checkbox
- Identifiant du champ : ListeFormations Pour trouver l'identifiant de la liste, aller sur la page Base de donnée , cliquez sur Listes et récupérez l'ID de la liste que vous souhaitez utiliser dans le menu déroulant (ex: ListeDepartementsFrancais) NB : il faudra évidemment que vous ayez fabriqué une liste
- Intitulé affiché : Type de formation
- Non-utilisé
- Valeur par défaut : l'élément dont l'identifiant est 1.
- Non-utilisé
- Identifiant de la liste (si la même liste est utilisées plusieurs fois dans le même formulaire) : non renseigné ici, si vous utilisez plusieurs fois cette liste dans le formulaire, allez voir l'encadré ci-dessous
- Choix du mode auto-complétion : vide (cases à cocher), tags (auto-complétion)
- Saisie obligatoire : 0 (non).
- Présence dans le moteur de recherche : 0 (non).
- Texte d'aide à la saisie : ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Si l'on utilise plusieurs fois une liste dans un même formulaire : il faut mettre un identifiant en 7ieme position pour les différencier (cf. bf_origine et bf_arrivee)
Affichage dans le formulaire de saisie :

checkboxfiche***id formulaire concerné***libellé qui doit apparaître*** *** *** *** *** ***1***0***
Liste déroulante (un choix unique parmi une liste)
liste***ListeDepartementsFrancais***Département*** *** ***1*** *** ***1***1***
- Type de champ : liste
- Identifiant du champ : ListeDepartementsFrancais Pour trouver l'identifiant de la liste, aller sur la page Base de donnée , cliquez sur Listes et récupérez l'ID de la liste que vous souhaitez utiliser dans le menu déroulant (ex: ListeDepartementsFrancais) NB : il faudra évidemment que vous ayez fabriqué une liste
- Intitulé affiché : Département
- Non-utilisé
- Non-utilisé
- Valeur par défaut : l'élément dont l'identifiant est 1. si vous laissez ce champ vide, sera affiché "choisir"
- Identifiant de la liste (si la même liste est utilisées plusieurs fois dans le même formulaire) : non renseigné ici, si vous utilisez plusieurs fois cette liste dans le formulaire, allez voir l'encadré ci-dessous
- Non-utilisé
- Saisie obligatoire : 0 (non).
- Présence dans le moteur de recherche : 0 (non).
- Texte d'aide à la saisie : Lister les formations ici. ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Si l'on utilise plusieurs fois une liste dans un même formulaire : il faut mettre un identifiant en 7ieme position pour les différencier (cf. bf_origine et bf_arrivee)
liste***ListeDepartementsAlpins***Département d'origine*** ***05*** ***bf_origine*** ***0***1*** liste***ListeDepartementsAlpins***Département d'arrivée*** ***05*** ***bf_arrivee*** ***0***1***
Affichage dans le formulaire de saisie :

Radio (un choix parmi une liste visible)
radio***ListeFormations***Type de formation*** ***1*** *** *** ***1***1***
- Type de champ : radio
- Identifiant du champ : ListeFormations Pour trouver l'identifiant de la liste, aller sur la page Base de donnée , cliquez sur Listes et récupérez l'ID de la liste que vous souhaitez utiliser dans le menu déroulant (ex: ListeDepartementsFrancais) NB : il faudra évidemment que vous ayez fabriqué une liste
- Intitulé affiché : Type de formation
- Non-utilisé
- Valeur par défaut : l'élément dont l'identifiant est 1.
- Non-utilisé
- Identifiant de la liste (si la liste est utilisées plusieurs fois dans le même formulaire) : non renseigné ici, si vous utilisez plusieurs fois cette liste dans le formulaire, allez voir l'encadré ci-dessous
- Non-utilisé
- Saisie obligatoire : 0 (non).
- Présence dans le moteur de recherche : 0 (non).
- Texte d'aide à la saisie : non renseigné.
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Si l'on utilise plusieurs fois une liste dans un même formulaire : il faut mettre un identifiant en 7ieme position pour les différencier (cf. bf_origine et bf_arrivee)
Affichage dans le formulaire de saisie :

Téléphone
texte***bf_tel***Téléphone***10***20*** *** *** *** ***0
Texte court
texte***bf_contact***Contact***15***15*** *** *** ***1***0*** ***
Explication :
- Type de champ : texte
- Identifiant du champ : bf_contact (sans accents, tout attaché)
- Intitulé affiché : Contact
- Taille à l'écran : 15 caractères
- Nombre de caractère max : 15 caractères
- Valeur par défaut : ici non renseigné, si texte alors il sera proposé par défaut
- Non-utilisé
- Non-utilisé
- Saisie obligatoire : 1 (oui) 0 ou vide (non)
- Présence dans le moteur de recherche : 0 (non)
- Texte d'aide à la saisie : ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Texte long (texte sur plusieurs ligne)
textelong***bf_description***Description***80***5*** *** ***wiki***0*** ***
Explication :
- Type de champ : textelong
- Identifiant du champ : bf_description (sans accents, tout attaché)
- Intitulé affiché : Formations proposées
- Largeur de la zone de saisie : 80 caractères
- Nombre de lignes de la zone de saisie : 5 lignes (attention au delà la case commence à être trop haute)
- Valeur par défaut : non renseigné
- Non-utilisé
- Format d'écriture : wiki (par défaut, syntaxe wiki) html (propose un éditeur wyzywig), ou nohtml (html non interprété)
- Saisie obligatoire : 0 (non).
- Présence dans le moteur de recherche : non renseigné (non).
- Texte d'aide à la saisie : ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Upload de fichier (envoi de fichier)
Exemple de syntaxe à copier/coller :
fichier***bf_fichierstage***Documents produits lors du stage***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
Explication :
- Type de champ : fichier
- Identifiant du champ : bf_fichierstage (sans accents, tout attaché)
- Intitulé affiché : Documents produits lors du stage
- Taille maximum du fichier : 2000000 (20 mega, c'est beaucoup !).
- Non-utilisé
- Non-utilisé
- Non-utilisé
- Non-utilisé
- Saisie obligatoire : 0 (non)
- Présence dans le moteur de recherche : non renseigné (non).
- Texte d'aide à la saisie : ne pas dépasser 20 Mo, ce qui est écrit dans cette zone deviendra bulle d'aide visible lorsqu'ils cliqueront sur un petit point d'interrogation bleu
- Droits d'accès du champ. * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins).
Mot-clés / tags
Pour complexifier
Proposer l'inscription à une liste de discussion / diffusion
inscriptionliste***info@gcn-quinoa.org***Je souhaite m'inscrire à la liste pour recevoir des informations sur le réseau***bf_mail***ezmlm***
Explication des zones
- Type de champ : inscriptionliste
- adresse de la liste : l'adresse de la mailing liste que vous avez précédemment crée (via votre hébergement, via framaliste...)
- Intitulé affiché : Je souhaite m'inscrire à la liste pour recevoir des informations sur le réseau
- Mail à inscrire : indique le champ utilisé dans le formulaire pour inscrire l'adresse mail. Pr défaut bf_mail
- gestionnaire de liste : indique quel logiciel est utilisé pour la liste. par exemple : ezmlm (pour des listes crées chez OVH), sympa (pour des framalistes)
Affichage dans le formulaire de saisie :

Mettre un titre ou du texte au sein d'un formulaire (en mode saisie ou vue)
labelhtml***<h3>Coordonnées</h3>*** ***<h3>Coordonnées</h3>
On peut écrire ce que l'on veut en langage HTML! (par exemple, pour mettre un titre : <h3>nom du titre</h3>)
On écrit 2 fois le titre : la première fois c'est pour apparaître dans la saisie, la deuxième fois c'est pour la visualisation de la fiche
Cacher des champs en mode vue (mais pas lors de l'encodage)
d'abord on ouvre un label html de ce type
labelhtml***<div style="display:none">*** *** ***
Ensuite on place les champs qui doivent être encodés mais pas vus ensuite / par ex :
jour*bf_date_debut_publication*Date de publication*1* * * * *1*0
jour*bf_date_fin_publication*Date de déplubication*1* * * * *1*0
on ferme le labelhtml
labelhtml***</div> *** *** ***
Créer un utilisateur wiki dès la création d'une fiche de type inscription
utilisateur_wikini***bf_titre***bf_mail***
Attention, veiller à bien utiliser en complément cet autre champ (pour gérer les droits de la fiche-utilisateur créée) dans votre formulaire, écrit de la sorte
acls*** * ***user***user***
Question conditionnelle
Dans ces 2 exemples (avec une liste et un checkbox), une première question propose de choisir parmi des compétences, et une seconde question s'affiche seulement si on choisit "autre" (écrit exactement comme ça comme clé dans la ListeCompetences).
Exemple 1 :
La liste propose une option "autre" qui, si elle est sélectionnée, fait apparaître une question texte pour préciser :
liste***ListeCompetences***Compétences*** ***1*** *** *** ***1***1*** labelhtml***<div id="ListeCompetences_autre" style="display:none;">*** *** textelong***bf_autrecompetence***Autre(s) compétence(s)***80***5*** *** ***wiki***0*** *** *** labelhtml***</div> <!-- fin de la condition -->*** ***
Exemple 2 :
Le checkbox propose une option "autre" qui, si elle est cochée, fait apparaître une question texte pour préciser :
checkbox***ListeCompetences***Compétences*** ***1*** *** *** ***1***1*** labelhtml***<div id="checkboxListeCompetences_autre" style="display:none;">*** *** textelong***bf_autrecompetence***Autre(s) compétence(s)***80***5*** *** ***wiki***0*** *** *** labelhtml***</div> <!-- fin de la condition -->*** ***
Afficher un formulaire de saisie un peu long sur plusieurs onglets
Il faut intégrer plusieurs éléments dans la constitution du formulaire comme le montre l'exemple ci-dessous pour 3 onglets :
NB : Les noms des onglets (Onglet 1, Onglet 2, Onglet 3) peuvent être modifiés dans les différentes occurrences ci-dessous, l'exemple est également transposable pour seulement 2 onglets ou plus de 3.
Voir un exemple
Indique qu'il y aura 3 onglets :
labelhtml***<ul class="nav nav-tabs" role="tablist"><li role="presentation" class="active"><a href="#menu1" role="tab" data-toggle="tab">Onglet 1</a></li><li role="presentation"><a href="#menu2" role="tab" data-toggle="tab">Onglet 2</a></li><li role="presentation"><a href="#menu3" role="tab" data-toggle="tab">Onglet 3</a></li></ul><div class="tab-content"><!--indique qu'il y aura 3 onglets, les noms des onglets (Onglet 1, Onglet 2,...) peuvent être modifiés ici (et dans leur différentes occurences ci-dessous)--> *** ***
Ouvre le premier onglet :
labelhtml***<div role="tabpanel" class="tab-pane active" id="menu1"><br><br><!--ouvre le premier onglet-->*** ***
Questions de l'onglet 1
Affiche un bouton pour passer à l'onglet 2 :
labelhtml***<a class="btn btn-lg btn-primary pull-right" href="#menu2" role="tab" data-toggle="tab">Onglet 2<i class="glyphicon glyphicon-chevron-right"></i></a><!--Affiche un bouton pour passer à l'onglet 2-->*** ***
Ferme l'onglet 1 et ouvre l'onglet 2 :
labelhtml***<div class="clearfix"></div></div><!-- ferme l'onglet 1 --> <div role="tabpanel" class="tab-pane" id="menu2"><br><br><!-- ouvre l'onglet 2-->*** ***
Questions de l'onglet 2
Affiche un bouton pour revenir à l'onglet 1 et un bouton pour passer à l'onglet 3 :
labelhtml***<a class="btn btn-lg btn-primary pull-left" href="#menu1" role="tab" data-toggle="tab"> <i class="glyphicon glyphicon-chevron-left"></i> Onglet 1</a><a class="btn btn-lg btn-primary pull-right" href="#menu3" role="tab" data-toggle="tab">Onglet 3<i class="glyphicon glyphicon-chevron-right"></i></a><!--Affiche un bouton pour revenir à l'onglet 1 et un bouton pour passer à l'onglet 3-->*** ***
Ferme l'onglet 2 et ouvre l'onglet 3 :
labelhtml***<div class="clearfix"></div></div><!-- ferme l'onglet 2 --> <div role="tabpanel" class="tab-pane" id="menu3"><br><br><!-- ouvre l'onglet 3-->*** ***
Questions de l'onglet 3
Affiche un bouton pour revenir à l'onglet 2 et un bouton pour enregistrer la fiche :
labelhtml***<a class="btn btn-lg btn-primary pull-left" href="#menu2" role="tab" data-toggle="tab"> <i class="glyphicon glyphicon-chevron-left"></i>Onglet 2</a><button class="pull-right btn btn-lg btn-success bouton_sauver" name="valider" type="submit">Enregistrer</button><!--Affiche un bouton pour revenir à l'onglet 2 et un bouton pour enregistrer la fiche*** ***
Ferme l'ensemble des onglets et efface les boutons Valider/Annuler en bas de chaque onglet :
labelhtml***<div class="clearfix"></div></div><!-- ferme l'onglet 3 --> </div><!-- ferme l'ensemble des onglets --><style>#formulaire .form-actions { display:none; }</style><!--Efface les boutons Valider/Annuler en bas de chaque onglet-->*** ***
Insérer un accordéon pour cacher certains champs
Voici le bout de code à insérer dans votre fomulaire
labelhtml***<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"><div class="panel panel-default"><div class="panel-heading" role="tab" id="headingOne"><h4 class="panel-title"><a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Cliquez ici pour accéder aux champs optionnels </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body">*** *** *** textelong***bf_textelong***description***20***4*** ***1000*** *** *** texte***bf_adresse***Adresse postale***200***200*** *** *** *** ***0*** labelhtml***</div></div></div></div>*** *** ***
Voir un exemple ici
Pour insérer plusieurs accordions :
Si vous voulez une 3ème, 4ème... accordion, pensez à personnaliser les parties écrites en majuscules dans le code (par ex COLLAPSE3 ou ACCORDION3...)
labelhtml***<div class="panel-group" id="ACCORDION1" role="tablist" aria-multiselectable="true"><div class="panel panel-default"><div class="panel-heading" role="tab" id="headingOne"><h4 class="panel-title"><a role="button" data-toggle="collapse" data-parent="#ACCORDION1" href="#COLLAPSE1" aria-expanded="true" aria-controls="COLLAPSE1">Tu souhaites rejoindre l'organisation (en amont de l'événement) </a> </h4> </div> <div id="COLLAPSE1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body">*** *** *** ICI INSERER LES CHAMPS QUE VOUS VOULEZ labelhtml***</div></div></div></div>*** *** *** labelhtml***<div class="panel-group" id="ACCORDION2" role="tablist" aria-multiselectable="true"><div class="panel panel-default"><div class="panel-heading" role="tab" id="headingOne"><h4 class="panel-title"><a role="button" data-toggle="collapse" data-parent="#ACCORDION2" href="#COLLAPSE2" aria-expanded="true" aria-controls="COLLAPSE2">Tu souhaites donner un coup de main (durant l'événement) </a> </h4> </div> <div id="COLLAPSE2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body">*** *** *** ICI INSERER LES CHAMPS QUE VOUS VOULEZ labelhtml***</div></div></div></div>*** *** ***
Voir un exemple avec plusieurs accordions par là
Gérer les droits dès la création de la fiche
acls***accès à la fiche en lecture***accès à la fiche en écriture***accès à la fiche en commentaire***
Par exemple :
acls***+***NelsonMandela***NelsonMandela***
Pour rappels les différents symbole sont :
- * signifie "tout le monde sans identfication"
- + signifie les utilisateurs enregistrés
- % signifie l'utilisateur qui a crée la fiche
- @admins signifie le groupe d'utilisateur @admins
Associer un thème dès la création de la fiche
metadatas***colibris***1col.tpl.html***colibris.bootstrap.min.css***foret.jpg
- 1 ) type de champ : metadas
- theme : nom de dossier
- squelette : squelette de theme
- style : style css du theme associe
- bgimg : image de fond dans files/backgrounds
Cases à cocher ou auto-complétion a partir d'un autre formulaire
checkboxfiche***36***Médias liés***<vide>***<vide>***<vide>***id*** ***0***0***
Auto-complétion
checkboxfiche***36***Médias liés***<vide>***<vide>***<vide>***id***tags***0***0***
Plus d'explications sur cette page.
Slider
texte***bf_range***slider***0***10*** *** ***range***
couleur
texte***bf_color***couleur***0***10*** *** ***color***
Champ caché
champs_cache***bf_champs_cache***valeur cachée***
Envoyer automatiquement la fiche remplie à une adresse mail
labelhtml***<div style="display:none"> *** ****** champs_mail***bf_mail1***Email***40***255***monmail@votremail.fr *** *** *** ***1*** ***@admins labelhtml***</div>*** *** ***
Pour comprendre : Un champs mail permanent est intégré, c'est un champs "adresse mail" dont le contenu est pré-remplis avec notre propre adresse mail ... mais il est rendue invisible lors de la saisie grâce à l'action "cacher des champs en mode vue".
Il est également invisible pour l'utilisateur qui reçoit sa fiche grâce au paramètre de confidentialité définis sur"@admins"
Mot de passe
mot_de_passe***bf_cache***mot de passe***
Bookmarklet
bookmarklet***Veille cooperative***Copier ce bookmark***bf_url***
Afficher les fiches qui pointent vers une fiche
- Type de champ : listefichesliees
- id du formulaire lié :
- query : peut rester vide
- param de l'action : champs="bf_nom" ordre="desc"
- nombre de fiche : nombre maximum de fiche à afficher - peut rester vide
- template de restitution : liste_liens.tpl.html par exemple
- type de fiche liee : checkbox pour checkboxfiche , rien pour listefiche
- Non-utilisé
- Non-utilisé
- Non-utilisé
- Non-utilisé
Changer les polices du wiki
Changer les polices du wiki
Il est possible de changer les polices par défaut utilisées dans le wiki afin de lui donner une touche plus personnelle.- La première méthode (la propre) consiste à travailler directement dans le fichier css de votre wiki. Cela nécessite toutefois d'avoir accès au serveur sur lequel se trouve ce fichier css. Ceci n'est malheureusement pas à la portée de tous (techniquement ou pratiquement).
- Il existe une deuxième méthode, moins propre, qui permet en déposant un bout de code html dans la page footer de votre wiki de "passer au-dessus" des polices fournies par défaut avec Yeswiki.
A défaut de mieux pour l'instant :
Voici une méthode s'appuyant sur google fonts
- rendez vous sur google fonts et faites un choix parmi les polices proposées (max 3 pour éviter l'effet "arbre de Noël sur votre wiki)
- chaque fois que vous voyez une police qui vous plait, vous cliquer sur le + rouge
- une fois votre choix effectué, vous récupérer le code fourni par google en bas de page
- ça devrait ressembler à ceci
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto" rel="stylesheet">
font-family: 'Gloria Hallelujah', cursive; font-family: 'Roboto', sans-serif;
Rendez vous maintenant dans votre PageFooter pour y coller ce code
""<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto" rel="stylesheet">""
et ensuite celui-ci que vous adaptez en fonction de vos envies les titres et la police pour tout le document (body)
""<style> h1 { font-size: 32px; font-family: 'Gloria Hallelujah', cursive; color:#7EB6D9; } h2 { font-size: 28px; font-family: 'Gloria Hallelujah', cursive; color:#707322; } h3 { font-size: 24px; font-family: 'Gloria Hallelujah', cursive; color:red; } h4 { font-size: 20px; } h5 { font-size: 16px; } body {font-family: 'Roboto', sans-serif;} </style>""
compteur.tpl.html
Créer une page de menu (gauche ou droite)
Créer une page de menu (gauche ou droite)
page inutile : voir plutôt DocumentationColonneMenudamier.tpl.html
Action bouton
Action bouton
Note: même s'ils peuvent se ressembler en apparence label ("étiquette") et bouton ne sont pas la même chose. Un label est une mise en forme du texte.
Je suis un label Je suis un bouton
Réduite au minimmum, la syntaxe pour créer un bouton serait
{{button link="DocumentatioN" text="Je suis un bouton de test"}}
Je suis un bouton de test
C'est pourquoi on peut personnaliser l'apparence et le comportement des boutons.
Personnaliser l'apparence des boutons
Paramètre class
Précise la classe CSS utilisée pour l'apparence du bouton.On peut combiner plusieurs classes en les mettant d'affilée avec un espace.
Classes de taille de boutons
{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-success btn-lg" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-success btn-sm" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-success btn-xs" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Bouton sur toute la largeur
{{button class="btn-default btn-block" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Classes de couleur de bouton
{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-primary" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-info" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-warning" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-inverse" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Mettre un bouton à droite de la page
{{button class="pull-right btn-danger" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Paramètre icon
Rajoute une icône au début du bouton.Voir liste disponible ici ( https://getbootstrap.com/docs/3.3/components/#glyphicons ) ou là ( https://icons.getbootstrap.com ). On en trouve également ici : https://fontawesome.com/v4.7.0/icons/ .
Il faudra enlever le 'icon-' devant le nom des icônes.
{{button icon="plane" link="http://fr.wikipedia.org/wiki/%C3%87a_plane_pour_moi" text="Ca plane pour moi!"}}
Ca plane pour moi!
Paramètre nobtn
si ce paramètre est égal à 1 , il n'y a pas de décoration type bouton autour, juste un lien avec une éventuelle icône{{button nobtn="1" icon="book" link="DocumentatioN" text="Doc"}}
Doc
Paramétrer le comportement du bouton
Paramètre title
Ajoute un titre au survol d'un bouton. Dans le cas d'une fenêtre modale (voir ci-dessous "Fenêtres modales"), ce titre sert de titre de la fenêtre{{button class="modalbox" icon="book" link="DocumentatioN" text="Doc" title="Voir la superbe documentation"}}
Doc
Ouvrir dans une nouvelle fenêtre à partir d'un bouton
Pour permettre l'ouverture dans une nouvelle page, il existe cette syntaxe wiki utilisant l'action button sinon vous pouvez bien sûr utiliser le code html suivant{{button nobtn="1" class="new-window" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Fenêtres modales
Une fenêtre modale est une fenêtre qui s'ouvre en "popup" au dessus de la page active. Ceci permet par exemple d'afficher du contenu venant d'ailleurs sans quitter la page sur laquelle on est.ATTENTION :
- les modales ne fonctionnent que si on demande l'affichage d'une page du wiki (les liens vers des pages extérieures ne fonctionnent pas)
- si la page que vous affichez en modalbox contient un formulaire bazar en vue saisir, il ne pourra être validé.
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Pour une fenêtre modale qui s'affiche au survol (et qui disparaît quand on retire la souris)
{{button icon="book" class="btn-primary modalbox-hover" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Action grid et col
Action grid et col
Une colonne de 2, une de 4, une de 6
{{grid}} {{col size="2"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="6"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Colonne de 4, une de 4, une de 4
{{grid}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Colonne de 3, une de 3, une de 3 et une de 3
{{grid}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Developpement
- Cette page est migrée et découpée en bas de la page de documentation générale.
Action {{button text="..." link="..."}}
Action {{button text="..." link="..."}}
Code minimal
{{button text="Voir la documentation" link="DocumentatioN"}}
Voir la documentation
Code toutes options
{{button link="DocumentatioN" class="btn-success btn-lg" icon="glyphicon glyphicon-book" text="Voir la documentation" title="Cliquer pour voir la doc"}}
Voir la documentation
Paramètres disponibles
Paramètre link (obligatoire)
Indique le lien qui sera ouvert au clic du bouton.
Peut être un NomWiki pour un lien interne au wiki ou une adresse url d'un site pour n'importe quel autre lien
Paramètre text
Texte à l'intérieur du bouton.
Paramètre class
Précise la classe CSS utilisée pour l'apparence du bouton.
On peut combiner plusieurs classes en les mettant d'affilée avec un espace.
Classes de taille de boutons
{{button class="btn-default btn-lg" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-default btn-sm" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-default btn-xs" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Bouton sur toute la largeur
{{button class="btn-default btn-block" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Classes de couleur de bouton
{{button class="btn-default" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-primary" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-info" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-warning" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Mettre un bouton à droite de la page:
""<div class="pull-right">""{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}""</div>""
{{button class="pull-right btn-danger" link="DocumentatioN" text="Voir la documentation"}}
Paramètre icon
Rajoute une icône parmi celles disponibles ici : https://getbootstrap.com/docs/3.3/components/#glyphicons , placée devant le bouton. Il faudra enlever le 'icon-' devant le nom des icônes.
{{button class="btn-success" icon="glyphicon glyphicon-plane" link="https://fr.wikipedia.org/wiki/%C3%87a_plane_pour_moi" text="Ca plane pour moi!"}}
Ca plane pour moi!
{{button class="btn-danger" icon="glyphicon glyphicon-facetime-video" link="https://youtube.com" text="Aller sur youtube"}}
Aller sur youtube
Paramètre nobtn
si ce paramètre est égal à 1 , il n'y a pas de décoration type bouton autour, juste un lien avec une éventuelle icône
{{button nobtn="1" icon="glyphicon glyphicon-book" link="DocumentatioN" text="Doc"}}
Doc
Paramètre title
Ajoute un titre au survol d'un bouton. Dans le cas d'une fenêtre modale, ce titre sert de titre de la fenêtre
{{button class="modalbox" icon="glyphicon glyphicon-book" link="DocumentatioN" text="Doc" title="Voir la superbe documentation"}}
Doc
Fenêtres modales
Une fenêtre modale est une fenêtre qui s'ouvre en "popup" au dessus de la page active. Ceci permet par exemple d'afficher du contenu venant d'ailleurs sans quitter la page sur laquelle on est.ATTENTION :
- les modales ne fonctionnent que si on demande l'affichage d'une page du wiki (les liens vers des pages extérieures ne fonctionnent pas)
- si la page que vous affichez en modalbox contient un formulaire bazar en vue saisir, il ne pourra être validé.
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Pour une fenêtre modale qui s'affiche au survol (et qui disparaît quand on retire la souris)
{{button icon="book" class="btn-primary modalbox-hover" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Pour une fenêtre modale qui s'affiche au survol d'un bouton "lien" (et qui disparaît quand on retire la souris)
{{button icon="book" class="btn btn-link btn-glossaire modalbox-hover" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Ouvrir dans une nouvelle fenêtre
Pour permettre l'ouverture dans une nouvelle page, il existe cette syntaxe wiki utilisant l'action button sinon vous pouvez bien sûr utiliser le code html suivant{{button class="btn btn-link new-window " link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation
Captcha
Captcha
L'extension captcha rajoute sur chaque page en mode édition, un champ captcha à compléter avant de valider la page.
Ceci permet de limiter le spam sur le wiki.
Statistique
Statistique
Avec google stat
se connecter sur son compte google analyticsaller dans la roule crantée, créer un compte pui sremplir les infos demandées
- nom du compte = ça vous décidez
- nom du site web = ça vous décidez
- URL du site Web : ça c'est l'url de votre wiki
- => obtenir un ID de suivi
Récupérez le code global site tag et insérez le dans la page footer de votre wiki
A priori ça devrait compter les passants sur chacune des pages de votre wiki
Google Drive
Google Drive
Syntaxe Markdown
Syntaxe Markdown
YesWiki dans sa version Doryphore intègre une bibliothèque Markdown.
Afin d'utiliser la syntaxe markdown vous devez utiliser les balises suivantes :
""<div class="markdown"> votre markdown ici </div>""
Mémo syntaxe Markdown
Markdown | Rendu | |
Titre 1 | # Titre 1 |
# Titre 1 |
Titre 2 | ## Titre 2 |
## Titre 2 |
Titre 3 | ### Titre 3 |
### Titre 3 |
Gras | Un peu de **texte en gras** |
Un peu de **texte en gras** |
Italique | Un peu de *texte en italique* |
Un peu de *texte en gras* |
Citation | > Laurent. > YesWiki c'est génial? > Les autres. > C'est bon on a compris !!!! |
> Laurent.
> YesWiki c'est génial?
> Les autres.
> C'est bon on a compris !!!! |
Liste | * Lait * Oeuf * Fromage * Fourme * Langres * Jambon |
* Lait
* Oeuf
* Fromage
* Fourme
* Langres
* Jambon
|
Liste ordonnée | 1. Introduction 2. Acte 1 3. Acte 2 1. Scène 1 2. Scène 2 4. Acte 3 |
1. Introduction
2. Acte 1
3. Acte 2
1. Scène 1
2. Scène 2
4. Acte 3
|
Code Source | Voilà du `JavaScript()` |
Voilà du `JavaScript()` |
Bloc de code | Voilà un peu de code en JavaScript : ``` function bonjour() { alert('Bonjour'); } ``` Le langage est normalement détecté automatiquement, mais vous pouvez aussi le spécifier: ```sql SELECT * FROM users; DELETE FROM sessions; ``` |
Voilà un peu de code en JavaScript :
```
function bonjour() {
alert('Bonjour');
}
```
Le langage est normalement détecté automatiquement,
mais vous pouvez aussi le spécifier:
```sql
SELECT * FROM users;
DELETE FROM sessions;
``` |
Lien Hypertexte | Ceci est détecté comme un lien: https://yeswiki.net Et ceci est un lien avec un texte ancré : [YesWiki](https://yeswiki.net) Et ceci est un lien avec un texte ancré et un texte en survol : [YesWiki](https://yeswiki.org "Page d'accueil de YesWiki") |
Ceci est détecté comme un lien:
https://yeswiki.net
Et ceci est un lien avec un texte ancré :
[YesWiki](https://yeswiki.net)
Et ceci est un lien avec un texte ancré
et un texte en survol :
[YesWiki](https://yeswiki.org "Page d'accueil de YesWiki") |
Images |  |
 |
Ligne Horizontale | Une ligne : *** ou Une autre ligne : --- |
Une ligne :
***
ou
Une autre ligne :
---
|
Tableaux
Les tableaux sont créés en utilisant des pipes | et des traits d'union -.
Voici un tableau en Markdown :
| Mardi | Mercredi | | ------------- | ------------- | | Laurent | Jérémie | | Sébastian | Romain |
Et voici le rendu :
Notez qu'il faut au moins trois caractères de séparation dans chaque cellule titre.
La ligne 2 peut être utilisée pour aligner les colonnes:
| Ce Tableau | Est | Cool | | -------------- |:----------------:| ---------------:| | col 3 est | alignée à droite | Doryphore | | col 2 est | centrée | Cercopithèque |
Et voici le rendu :
Query, un paramètre pour n'afficher qu'une partie de la base de données
Query, un paramètre pour n'afficher qu'une partie de la base de données
Il est possible d'afficher seulement une partie des données présentes dans la base de données en utilisant le paramètre query.Vous souhaitez :
- trier sur base du contenu d'une (ou plusieurs) liste(s)
- query="listeListeGenre=M|listeListeDep=26"
- notez qu'il est possible de trier sur plusieurs valeurs au sein de la même query en séparant les valeurs par une virgule (sans espace)
- Notez bien que la syntaxe est bien liste+Nomdelaliste=clé ou liste+Nomdelaliste=clé1,clé2 (dans votre liste, la clé n'est pas le texte mais bien l'identifiant que vous avez indiqué juste devant)
- trier sur base du contenu d'une (ou plusieurs) checkbox(s)
- query="checkboxListeGenre=M|checkboxListeDep=26"
- Notez bien que la syntaxe est bien checkbox+Nomdelaliste=clé
- trier sur base du contenu de boutons radios
- query="radioListeGenre=M|radioListeDep=26"
- Notez bien que la syntaxe est bien radio+Nomdelaliste=clé
- trier sur base du contenu d'un champ (bf_...)
- query="bf_titre=a.*" (affiche tous les titres commençant par a)
- query="bf_titre=*.a" (affiche tous les titres finissant par a)
- query="bf_titre=NomYeswiki (affiche la fiche dont le champ titre est NomYeswiki)
- query="bf_titre=." (affiche toutes les fiches dont le champ "bf_titre" est vierge)
- trier sur base d'une liste dynamique de type "checkboxfiche"
- query="checkboxfiche<numeroduformulaireappelé>=Chat-Mot dufiltre"}}
- Exemple :
{{bazarliste id="2" query="checkboxfiche1=TesT"}}
dupliquer une liste bazar
Il est essentiel de veiller à bien respecter la clé sur laquelle vous souhaitez effectuer le tri.
Une majuscule manquante ou en trop, une faute de frappe et le tri ne sera pas effectif !!!
Lorsque cette clé vient d'une liste ou d'un checkbox, veillez à bien vérifier la valeur de votre clé en visitant dans l'action {{bazar}} l'onglet liste.
Action {{textsearch}}
Action {{textsearch}}
Exemple :
Cette action utilise la fonction d'indexation en texte intégral de MySQL et hérite de ses qualités et défauts :
- la recherche est quasi instantanée
- la recherche est limitée à des mots de 4 lettres au minimim
- la recherche n'accepte pas de caractères génériques (ou caractères joker : ".*?", etc.)
- la recherche n'est pas lématisée : MotWiki
- la recherche de "protocole" ne trouvera pas "protocoles" ; fdfdf
- la recherche de "lascif" ne trouvera pas "lascive"
- la recherche n'est pas effectuée sur une partie de MotWiki : la recherche de "text" ne donnera pas ActionTextSearch pour résultat
Documentation de YesWiki version cercopithèque
Documentation de YesWiki version cercopithèque
Vidéos et Comment faire pour... Glossaire Si vous ne trouvez pas de réponse à votre pied, utilisez le Forum d'entraide.
Pour les supers débutants, quelques trucs si l'informatique vous fait peur.
Modification d'une page
- Changer de thème graphique
- Un Bandeau ou une couleur en entête
- Astuces pour des mises en page qui déchirent
- Changer les polices du wiki
Quelques ressources
- C'est quoi une action, un handler, une extension ?
- Liste des actions de Yeswiki
- Liste des handlers de Yeswiki
- Liste des extensions supplémentaires
- Widgets à intégrer
- Protéger son wiki par un mot de passe général
- Afficher du yeswiki dans wordpress
- Empêcher les mises à jour d'effacer vos personnalisations locales (custom)
Pour les développeurs :
Gérer les droits des actions et des handlers
Gérer les droits des actions et des handlers
Les actions sont définies dans la page Liste des actions.
Les handlers sont définis dans la page Liste des handlers.
Un handler correspond à un bout de code que nous devons ajouter en fin d'url pour déclencher un mode. Exemple :
/raw
Documentation des actions
Liste des actions
Une action exécute une série d'opérations et affiche le résultat obtenu à l'endroit où elle est décrite dans la page.
C'est utilisé par exemple pour afficher un button, la liste des utilisateurs, un nuage de mots-clés.
Il est possible de spécifier des paramètres afin de personnaliser ce résultat (ordre du tri, nombre d'entrées, taille...). Certains paramètres peuvent être obligatoires.
Syntaxe
Une action s'écrit avec 2 accolades ouvrantes, suivi du nom de l'action, suivi par des éventuels paramètres, puis fermée par 2 accolades fermantes :
{{nomaction param1="valeur1" param2="valeur2" ... paramN="valeurN"}}
Vous pouvez bénéficier d'actions supplémentaires en installant des extensions supplémentaires à YesWiki
Quelques actions pour commencer
Voici quelques actions simples régulièrement utilisées sur les wikis
{{backgroundimage}}
Insérer une image en fond de page, en bandeau{{button}}
Un joli bouton cliquables pour vos liens{{contact}}
Permet d'afficher un formulaire d'envoi de mails, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.{{ grid }} et {{ col }}
Ouverture d'une zone avec des colonnes{{include page="PagePrincipale"}}
Permet d'inclure dans une page une autre page du wiki (ici la page PagePrincipale).{{tocjs}}
Permet de créer un sommaire mobile sur la page{{ProgressBar}}
Permet d'afficher la progression d'une tâche à l'intérieur d'une page wiki.Toutes les actions par ordre alphabétique
{{abonnement}}
S'abonner à une liste de discussion / diffusion{{ accordion }}
Masque une partie du texte qui apparaît lorsqu'on clique dessus.{{ animation }}
active des styles permettant d'animer vos pages{{admintag}}
Administrer tous les mots clés du wiki, réservé aux administrateurs.{{ariane}}
Générer un fil d'Ariane en fonction de la navigation de l'usager{{attach}}
Joindre un fichier a une page, et affiche les formats images .jpg .gif .png, les cartes mentales .mm, et les vidéos .flv.{{backgroundimage}}
Insérer une image en fond de page, en bandeau{{backlinks}}
Lister les pages qui font un lien vers la page courante{{barreredaction}}
Afficher la barre d'édition qui se trouve en bas de cette page (à l'intérieur des thèmes){{bazar}}
Un générateur et gestionnaire de base de données, véritable outil dans l'outil !!!{{bazaruserpage}}
Permet d'afficher les fiches que j'ai rédigées dans bazar{{button}}
Un joli bouton cliquables pour vos liens{{ col }}
mise en page par colonne{{configuration}}
Affiche les paramètres du fichier de configuration qui ne sont pas "sensibles".{{contact}}
Permet d'afficher un formulaire d'envoi de mails, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.{{correspondance}}
Permet, dans bazar, d'envoyer les contenus de champs spécifiques dans d'autres champs génériques utilisés dans les templates...{{currentpage}}
Affiche le NomWiki de la page courante{{desabonnement}}
Se désabonner à une liste de discussion / diffusion{{diaporama}}
Affiche une page sous format diaporama / DOC à compléter{{doubleclick}}
Pour les thèmes : active le double clic{{ebookgenerator}}
Interface de création d'un ebook{{ebooklist}}
Liste des ebooks créées par le générateur des ebooks{{editactionsacls}}
Gestion des droits des actions{{editgroups}}
Gérer des groupes d'utilisateurs{{edithandlersacls}}
Gestion des droits des handlers{{ end }}
Finir les actions grid, col{{filemanager}}
Gestionnaire de fichiers attachés à une page / DOC à compléter{{gererdroits}}
Administration des droits de manière globale pour toutes les pages{{gererthemes}}
Administration des thèmes de manière globale pour toutes les pages{{ grid }}
Ouverture d'une zone avec des colonnes{{includepages}}
Liste des pages{{include page="PagePrincipale"}}
Permet d'inclure dans une page une autre page du wiki (ici la page PagePrincipale).{{lang}}
{{ListPages}}
Liste la totalité des pages du site.{{Listusers/last}
Donne la liste des derniers comptes utilisateurs.{{filtertags}}
{{listsubscribtion}}
{{listpagestag}}
{{login}}
Affiche la liste des pages qui pointent vers la page dans laquelle est placée cette action.{{lostpassword}}
{{mailinglist}}
{{mailperiod}}
{{moteurrecherche}}
Affiche un moteur de recherche{{mypages}}
Liste les pages dont je suis le propriétaire{{mychanges}}
Liste les pages que j'ai modifié{{nav}}
Permet de créer des onglets dans une page{{nuagetag}}
{{ panel }}
Masque une partie du texte qui apparaît lorsqu'on clique dessus. (Lié a accordion){{player}}
{{pointimage}}
Permet de faire des points cliquables sur une image{{recentchangesrss}}
Affiche le lien vers le flux RSS du wiki ou en combinaison avec le Handler xml le flux lui même.{{share}}
Partage de la page sur les réseaux sociaux / DOC à compléter{{ section }}
Permet de délimiter des zones de textes sur lesquels appliquer des styles particuliers{{syndication url=""}}
Permet d'afficher un flux rss à l'intérieur d'une page wiki.{{newtextsearch}}
{{themeselector}}
Tester directement les styles disponibles sur votre wiki{{titrepage}}
{{toc}}
Génère une table des matières, sur la base des titres présents sur une page{{tocjs}}
Génère une table des matières, sur la base des titres présents sur une page, contrairement à toc, la table suit le scrolle de la page{{OrphanedPages}}
Liste toutes les pages orphelines (pages n'ayant aucune autres pages qui pointent vers elles){{PageIndex}}
Liste toutes les pages classées par ordre alphabétique et regroupées par lettre.{{pdf}}
Permet d'afficher un pdf présent sur le site{{ProgressBar}}
Permet d'afficher la progression d'une tâche à l'intérieur d'une page wiki.{{RecentChanges}}
Affiche la liste des pages récemment modifiées.{{redirect page="PagePrincipale"}}
Permet d'être redirigé automatiquement vers une autre page lorsqu'une page est demandée.{{TextSearch}}
Permet de lister les pages contenant un ou plusieurs mots entré(s) par l'utilisateur.{{trail toc="NomDePage"}}
Permet de lier des pages entres elles grâce à une page de sommaire.Cette action affiche un navigateur du type "précedente/suivante" en indiquant le nom des pages précende et suivante.
{{UserSettings}}
Permet aux utilisateurs d'effectuer les actions suivantes : création d'un nouveau compte, authentification, réglage des paramètres utilisateur, changement de mot-de-passe{{valeur}}
{{video}}
Permet d'intégrer une vidéo en provenance de Youtube, Vimeo ou Peertube{{yeswikiversion}}
Documentation des handlers
Liste des handlers disponibles par défaut
Rajouter dans la barre d'adresse (à la fin de l'URL) :
/edit : pour passer en mode Edition
/revisions : pour voir les versions de l'historique
/slide_show : pour transformer le texte en diaporama
/diaporama : idem slide_show en un peu différent
/mail : envoie la page en mailing
/raw : affiche le code wiki non formaté de la page
/deletepage : si vous êtes propriétaire de la page, vous pouvez la supprimer
/claim : si la page n'a pas de propriétaire, vous pouvez vous l'approprier
/acls : si vous êtes propriétaire de la page, vous pouvez gérer les droits
/share : pour afficher des possibilités de partage sur les réseaux sociaux, et pour générer un code embed (iframe) qui permettra d'afficher la page sur un site externe.
/dbutf8 : s'utilise en tant qu'admin pour passer les wikis antérieur à 2018 en utf8
/update : permet lors du passage de cerco à doryphore, de mettre à jour plein de trucs nécessaires à son bon fonctionnement
&debug : permet d'afficher en bas de page toutes les actions effectuées au niveau informatique, permet de repérer les bugs, causes de plantage...
Liés à l'extension ebook
/epub : permet de générer un livre numérique au format .epub lisible sur liseuse, tablette ou avec Calibre/pdf : permet de générer un pdf
Il est possible de choisir les droits d'utilisation de chaque action et de chaque handler grâce aux actions {{editactionsacls}} et {{edithandlersacls}}.
Les pages d'aide associées sont EditActions et EditHandlersAcls.
Liste des actions
Liste des actions
Une action exécute une série d'opérations et affiche le résultat obtenu à l'endroit où elle est décrite dans la page.
C'est utilisé par exemple pour afficher un button, la liste des utilisateurs, un nuage de mots-clés.
Il est possible de spécifier des paramètres afin de personnaliser ce résultat (ordre du tri, nombre d'entrées, taille...). Certains paramètres peuvent être obligatoires.
Syntaxe
Une action s'écrit avec 2 accolades ouvrantes, suivi du nom de l'action, suivi par des éventuels paramètres, puis fermée par 2 accolades fermantes :
{{nomaction param1="valeur1" param2="valeur2" ... paramN="valeurN"}}
Vous pouvez bénéficier d'actions supplémentaires en installant des extensions supplémentaires à YesWiki
Quelques actions pour commencer
Voici quelques actions simples régulièrement utilisées sur les wikis
{{backgroundimage}}
Insérer une image en fond de page, en bandeau{{button}}
Un joli bouton cliquables pour vos liens{{contact}}
Permet d'afficher un formulaire d'envoi de mails, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.{{ grid }} et {{ col }}
Ouverture d'une zone avec des colonnes{{include page="PagePrincipale"}}
Permet d'inclure dans une page une autre page du wiki (ici la page PagePrincipale).{{tocjs}}
Permet de créer un sommaire mobile sur la page{{ProgressBar}}
Permet d'afficher la progression d'une tâche à l'intérieur d'une page wiki.Toutes les actions par ordre alphabétique
{{abonnement}}
S'abonner à une liste de discussion / diffusion{{ accordion }}
Masque une partie du texte qui apparaît lorsqu'on clique dessus.{{ animation }}
active des styles permettant d'animer vos pages{{admintag}}
Administrer tous les mots clés du wiki, réservé aux administrateurs.{{ariane}}
Générer un fil d'Ariane en fonction de la navigation de l'usager{{attach}}
Joindre un fichier a une page, et affiche les formats images .jpg .gif .png, les cartes mentales .mm, et les vidéos .flv.{{backgroundimage}}
Insérer une image en fond de page, en bandeau{{backlinks}}
Lister les pages qui font un lien vers la page courante{{barreredaction}}
Afficher la barre d'édition qui se trouve en bas de cette page (à l'intérieur des thèmes){{bazar}}
Un générateur et gestionnaire de base de données, véritable outil dans l'outil !!!{{bazaruserpage}}
Permet d'afficher les fiches que j'ai rédigées dans bazar{{button}}
Un joli bouton cliquables pour vos liens{{ col }}
mise en page par colonne{{configuration}}
Affiche les paramètres du fichier de configuration qui ne sont pas "sensibles".{{contact}}
Permet d'afficher un formulaire d'envoi de mails, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.{{correspondance}}
Permet, dans bazar, d'envoyer les contenus de champs spécifiques dans d'autres champs génériques utilisés dans les templates...{{currentpage}}
Affiche le NomWiki de la page courante{{desabonnement}}
Se désabonner à une liste de discussion / diffusion{{diaporama}}
Affiche une page sous format diaporama / DOC à compléter{{doubleclick}}
Pour les thèmes : active le double clic{{ebookgenerator}}
Interface de création d'un ebook{{ebooklist}}
Liste des ebooks créées par le générateur des ebooks{{editactionsacls}}
Gestion des droits des actions{{editgroups}}
Gérer des groupes d'utilisateurs{{edithandlersacls}}
Gestion des droits des handlers{{ end }}
Finir les actions grid, col{{filemanager}}
Gestionnaire de fichiers attachés à une page / DOC à compléter{{gererdroits}}
Administration des droits de manière globale pour toutes les pages{{gererthemes}}
Administration des thèmes de manière globale pour toutes les pages{{ grid }}
Ouverture d'une zone avec des colonnes{{includepages}}
Liste des pages{{include page="PagePrincipale"}}
Permet d'inclure dans une page une autre page du wiki (ici la page PagePrincipale).{{lang}}
{{ListPages}}
Liste la totalité des pages du site.{{Listusers/last}
Donne la liste des derniers comptes utilisateurs.{{filtertags}}
{{listsubscribtion}}
{{listpagestag}}
{{login}}
Affiche la liste des pages qui pointent vers la page dans laquelle est placée cette action.{{lostpassword}}
{{mailinglist}}
{{mailperiod}}
{{moteurrecherche}}
Affiche un moteur de recherche{{mypages}}
Liste les pages dont je suis le propriétaire{{mychanges}}
Liste les pages que j'ai modifié{{nav}}
Permet de créer des onglets dans une page{{nuagetag}}
{{ panel }}
Masque une partie du texte qui apparaît lorsqu'on clique dessus. (Lié a accordion){{player}}
{{pointimage}}
Permet de faire des points cliquables sur une image{{recentchangesrss}}
Affiche le lien vers le flux RSS du wiki ou en combinaison avec le Handler xml le flux lui même.{{share}}
Partage de la page sur les réseaux sociaux / DOC à compléter{{ section }}
Permet de délimiter des zones de textes sur lesquels appliquer des styles particuliers{{syndication url=""}}
Permet d'afficher un flux rss à l'intérieur d'une page wiki.{{newtextsearch}}
{{themeselector}}
Tester directement les styles disponibles sur votre wiki{{titrepage}}
{{toc}}
Génère une table des matières, sur la base des titres présents sur une page{{tocjs}}
Génère une table des matières, sur la base des titres présents sur une page, contrairement à toc, la table suit le scrolle de la page{{OrphanedPages}}
Liste toutes les pages orphelines (pages n'ayant aucune autres pages qui pointent vers elles){{PageIndex}}
Liste toutes les pages classées par ordre alphabétique et regroupées par lettre.{{pdf}}
Permet d'afficher un pdf présent sur le site{{ProgressBar}}
Permet d'afficher la progression d'une tâche à l'intérieur d'une page wiki.{{RecentChanges}}
Affiche la liste des pages récemment modifiées.{{redirect page="PagePrincipale"}}
Permet d'être redirigé automatiquement vers une autre page lorsqu'une page est demandée.{{TextSearch}}
Permet de lister les pages contenant un ou plusieurs mots entré(s) par l'utilisateur.{{trail toc="NomDePage"}}
Permet de lier des pages entres elles grâce à une page de sommaire.Cette action affiche un navigateur du type "précedente/suivante" en indiquant le nom des pages précende et suivante.
{{UserSettings}}
Permet aux utilisateurs d'effectuer les actions suivantes : création d'un nouveau compte, authentification, réglage des paramètres utilisateur, changement de mot-de-passe{{valeur}}
{{video}}
Permet d'intégrer une vidéo en provenance de Youtube, Vimeo ou Peertube{{yeswikiversion}}
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.
C'est quoi ce bazar ?
C'est quoi ce bazar ?
Bazar est une extension importante de Yeswiki qui lui ajoute des fonctionnalités de création et de gestion de bases de données.
Elle vous permet :
- de créer des base de données avec des champs au format divers (texte, texte long, date, lieu, liste déroulante, liste à cocher, fichier à télécharger, image, url, email....)
- d'ajouter des données dans vos bases de données (vous et tous ceux à qui vous le permettez) via des formulaires d'encodage agréables
- de montrer le contenu (tout ou une partie seulement) de vos bases de données sous différents rendus et ce simplement !
- vue calendrier
- vue liste, annuaire...
- vue cartographique
- ... (vous avez la main pour créer votre propre vue si vous êtes un peu débrouillard)
- de permettre à vos visiteurs de chercher dans vos bases de données via des modules simples
Pour pouvoir créer et modifier, il faut être connecté en tant qu'administrateur.
La consultation et la recherche sont ouvertes à tous (par défaut mais paramétrable si besoin)
Pour installer bazar sur votre wiki, il suffit d'insérer sur n'importe quelle page
{{bazar}}
Ci-dessous, un exemple de gestionnaire bazar

"Rechercher" vous permet de rechercher parmi les fiches déjà présentes dans vos bases de données.
Vous pouvez aussi trier vos fiches pour n'afficher que celles appartenant à une base de données choisie via la liste déroulante de droite
"Saisir" vous permet de saisir des données dans une de vos base de données. Il suffit de cliquer sur l'icône + correspondant à la ligne de la base de donnée que vous souhaitez compléter
"Formulaire" vous permet de gérer vos bases de données (modification ou création)
"Liste" vous permet de créer les listes (et leurs contenus) que vous utiliserez ensuite dans vos formulaires de saisie de données.
"Importer" vous permet d'importer des données en nombre (en provenance d'un tableur par exemple) directement dans une de vos bases de données selon la procédure suivante
"Exporter" vous permet d'exporter les données d'une de vos bases de données pour un usage externe (dans un tableur par exemple) selon la procédure suivante
Déplacer YesWiki sur un nouvel hébergement
Déplacer YesWiki sur un nouvel hébergement
Voici le principe, non détaillé
1) Par FTP de l'ancien hébergeur : récupérer l'ensemble des dossiers du yeswiki de votre ancien hébergeur. (on peut vider le dossier cache pour gagner de la place)
2) Par phpmyadmin de l'ancien hébergeur : récupérer les tables de yeswiki, en choisissant (si vous ne savez pas quelle est la base à accéder ni les identifiants et préfixe de tables; voir dans le fichier wakka.config.php téléchargé précédemment)
3) Par phpmyadmin du nouvel hébergeur : importer les tables de yeswiki précédemment récupérées
4) Editer le fichier wakka.config.php téléchargé précédemment et changer :
- 'base_url' (mettre l'url du nouvel hébergement)
- changer les parametres d'accès à mysql 'mysql_host', 'mysql_database', 'mysql_user', 'mysql_password'
6) Aller sur le wiki nouvel hébergeur et vérifier que tout fonctionne. Dans le moteur de recherche, chercher l'ancienne url du yeswiki pour voir si certaines pages n'avait pas le lien en dur, et dans ce cas le changer
7) effacer par ftp l'ancien yeswiki hébergé et faire une redirection vers le nouveau
Problèmes éventuels : si la configuration php pour le safe_mode du serveur est différente entre les 2 hébergements, il faudra changer ce paramètre ou modifier la structure des fichiers du répertoires files pour que les fichiers joints soient visibles.
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',
Extension Contact
Extension Contact
L'extension contact permet d'afficher un formulaire d'envoi de mails, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.Info Sous cerco, cette extension a reçu une amélioration permettant le renvoi d'un message d'avertissement précisant que le message a bien été envoyé.
Installation
- Télécharger l'extension Contact
- la décompresser et la copier dans le répertoire tools de votre YesWiki, et c'est fini!
Paramètres des actions
Minimum {{contact}}Toutes options {{contact mail=" "}}
Description des paramètres :
- mail (obligatoire) :
- class
Exemples
Contact
{{contact mail="florian@outils-reseaux.org"}} donne à l'écran :Abonnements/Désabonnement à une liste
{{abonnement mail="liste-subscribe@outils-reseaux.org"}} donne à l'écran :{{desabonnement mail="liste-unsubscribe@outils-reseaux.org"}} donne à l'écran :
Mlm : Si je comprends bien c'est : Cela envoie un mail pour l'utilisateur, d'inscription ou de désinscription, à une liste mail déjà existante.
La liste mail doit donc exister au préalable.
Paramétrage avancé
Cette action est configurée par défaut pour envoyer des messages en utilisant la méthode "smtp" de votre hébergement. Si cette méthode ne fonctionne pas (erreur 500, message non acheminés ...), utiliser la méthode "mail" ou "sendmail" en modifiant le fichier wiki.php du répertoire tools/contact, par exemple, remplacer define('CONTACT_MAIL_FACTORY', 'smtp'); par define('CONTACT_MAIL_FACTORY', 'mail'); (ligne 16).Handler /mail
Aller sur le lien http://yeswiki.net/wakka.php?wiki=DocumentationContact/mail(cependant cette action n'est visible que pour les administrateurs)
Quand on est administrateur (et connecté comme tel au wiki) et qu'on ajoute à la barre d'adresse d'une page l'action "/mail", cela affiche une boite de dialogue pour entrer :
- le mail de l'expéditeur
- l'objet du mail
- le mail du destinataire (peut-on indiquer plusieurs destinataires ?)
- un bouton "envoyer"
L'action envoie alors un mail au destinataire, contenant le contenu de la page à laquelle on a ajouté l'action "/mail".
Créer une nouvelle page
Créer une nouvelle page
Le concept des ChatMots
Chaque page d'un wiki porte un nom contenant au moins deux majuscules non consécutives, autrement dit un mot à deux bosses ou ChatMot.Ce nom doit être
- tout attaché,
- sans accent et
- sans caractère spéciaux.
Pour "masquer" ce chatmot et le faire apparaître en tant que "ceci est un chatmot",
- taper [[ChatMot ceci est un chatmot]].
- Cela donnera ceci est un chatmot
Créer une page et son lien dans le wiki
Pour ajouter une page il suffit d'- Ecrire un ChatMot dans une page existante (dans une page menu ou dans une page classique).
- Sauver la page, le ChatMot apparaît et forme un lien permanent vers cette nouvelle page. Il est suivi d'un petit crayon.
- Cliquer sur le lien, vous arrivez dans le mode édition de la nouvelle page.
- Ecrivez et cliquez sur "sauver"
Pour aller plus loin
Lors de la création d'une nouvelle page, celle-ci adoptera un format par défaut. Mais vous pouvez choisir de le modifier et d'ajouter des colonnes. Pour voir comme faire, c'est par iciCréer un lien
Créer un lien
vers une autre page du wiki ou vers un autre site
Lien interne (au sein du wiki)
La caractéristique qui permet de reconnaître un lien dans un wiki : c'est un ChatMot (un mot avec deux bosses).On écrit le ChatMot de la page YesWiki vers laquelle on veut pointer.
- Si la page existe, un lien est automatiquement créé
- Si la page n'existe pas, apparaît un lien avec crayon permettant de créer la page (voir DocumentationCreerUnePage). En cliquant dessus on arrive vers la nouvelle page en mode "Édition", après avoir sauvé la page, le lien sera actif.
Lien externe (vers d'autres sites internet)
Il suffit de coller l'adresse du site dans la page wikiExemple : http://outils-reseaux.org
Personnaliser le texte des liens
Les liens insérés ci-dessus sont donc soit des ChatMots soit des adresse url ... pas forcément jolis.On peut personnaliser le texte de ces liens. Pour cela on utilise les double crochets [[ ]]
Entre les crochets, on indique en premier le lien (ChatMot ou url) puis le texte que l'on souhaite voir.
- La ligne suivante... [[AccueiL aller à la page d'accueil]],
- ...apparaîtra ainsi : aller à la page d'accueil.
- La ligne suivante... [[http://outils-reseaux.org aller sur le site d'Outils-Réseaux]]
- ...apparaîtra ainsi : aller sur le site d'Outils-Réseaux.
Remarque
Cela fonctionne aussi avec les adresses mail
- La ligne suivante... [[mailto:accueil@outils-reseaux.org Envoyer un mail]]
- ...apparaîtra ainsi : Envoyer un mail
Empêcher les mises à jour d'effacer vos personnalisations locales
Empêcher les mises à jour d'effacer vos personnalisations locales
Cette page n'est pas utile pour les fichiers des dossiers "files" et "cache".
Il existe à la racine de votre hébergement le dossier "custom"" qui n'est pas affecté par les mises à jour. Chaque fichier présent dans ce dossier est utilisé à la place du fichier habituel.
Exemple :
- Vous avez modifié le fichier "agenda.tpl.html" situé dans le dossier "/tools/bazar/presentation/templates" pour une personnalisation pour votre YesWiki.
- Cette modification en sera pas préservée lors des mises à jour.
- Pour éviter ceci, suivez la méthode suivante.
Méthode :
Version cercopitheque et doryphore jusqu'à 2020-11-23-1
- pour un template de thème graphique (détails sur les thèmes en suivant ce lien) :
- 1. identifier le fichier. Par exemple :
/themes/margot/squelettes/1col.tpl.html
- 1. le copier dans le dossier :
/custom/themes/margot/squelettes/1col.tpl.html
- 1. identifier le fichier. Par exemple :
- pour un template bazar (détails sur les templates bazar en suivant ce lien):
- 1. identifier le fichier. Par exemple :
/tools/bazar/presentation/templates/mon_template.tpl.html
- 1. le copier dans le dossier :
/themes/tools/bazar/templates/mon_template.tpl.html
- 1. identifier le fichier. Par exemple :
- pour une action (détails sur les actions en suivant ce lien):
- 1. mettre votre fichier
monaction.php
custom/actions
- 2. ET modifier la valeur dans wakka.config.php de
'action_path' => 'actions',
'action_path' => 'actions:custom:actions',
- 1. mettre votre fichier
Version doryphore à partir de 2020-11-23-1
- pour un template de thème graphique (détails sur les thèmes en suivant ce lien) :
- 1. identifier le fichier. Par exemple :
/themes/margot/squelettes/1col.tpl.html
- 1. le copier dans le dossier :
/custom/themes/margot/squelettes/1col.tpl.html
- 1. identifier le fichier. Par exemple :
- pour un template bazar (détails sur les templates bazar en suivant ce lien):
- 1. identifier le fichier. Par exemple :
/tools/bazar/presentation/templates/mon_template.tpl.html
- 1. le copier dans le dossier :
/custom/templates/bazar/mon_template.tpl.html
- 1. identifier le fichier. Par exemple :
- pour une action (détails sur les actions en suivant ce lien):
- mettre votre fichier
monaction.php
custom/actions
- mettre votre fichier
- pour un fichier javascript :
- mettre votre fichier
monscript.js
custom/javascripts
- mettre votre fichier
Devenir propriétaire d'une page et gérer ses droits d'accès
Devenir propriétaire d'une page et gérer ses droits d'accès
Pour devenir propriétaire d'une page
- On devient automatiquement propriétaire des nouvelles pages que l'on crée lorsque l'on est connecté sous son nom YesWiki
- Pour devenir propriétaire d'une page sans propriétaire, il suffit de cliquer sur Appropriation (en bas de page)


- On ne peut devenir propriétaire d'une page qui a déjà un propriétaire, mais le propriétaire lui même peut décider de changer de propriétaire (cf. ci-dessous la rubrique "pour changer de propriétaire")

Les trois types de droits d'accès d'une page
Chaque page possède trois niveaux de contrôle d'accès qui permettent :- de lire la page
- de lire, d'écrire ou de modifier la page
- de lire et de laisser un commentaire sur la page
sur ce YesWiki, les droits en lecture et écriture sont par défaut, ouverts à tout internaute.
Allez plus loin Pour ceux qui sont en capacité de modifier le fichier wakka-config.php. Il est possible d'attribuer, par défaut à toute nouvelle page du wiki, des droits d'accès personnalisés.
Pour ce faire modifier ces 3 lignes en remplaçant les * par la syntaxe voulue (voir ci-dessous)
'default_write_acl' => '*', 'default_read_acl' => '*', 'default_comment_acl' => '@admins',
Pour gérer les droits d'accès d'une page
(il faut être propriétaire de la page pour modifier les droits d'accès)- cliquer sur l'option (en bas) "Éditer permissions"
- un tableau à trois colonnes s'affiche (une colonne par type de droit : lecture, écriture, commentaire)
- compléter le tableau selon le code suivant :
- le nom YesWiki d'un utilisateur autorise seulement cette personne, ex : JamesBond
- le symbole étoile * désigne tous les utilisateurs
- le symbole plus + désigne les utilisateurs enregistrés
- le symbole pourcentage % désigne le créateur de la fiche/page
- le symbole point d'exclamation ! permet la négation, par exemple !JamesBond signifie que JamesBond ne doit pas avoir accès à cette page
- le symbole arobase @ permet d'autoriser l'accès à un groupe d'utilisateur (ex @admins) : cela donnera les droits à tout un groupe et donc à tous les membres qui lui appartiennent (pour plus de détails cf. page sur la gestion des groupes d'utilisateur.
--> les personnes faisant partie du groupe admin ont tous les droits en lecture, écriture et commentaire par défaut.
- pour en savoir plus sur le groupe admin se reporter à la rubrique gérer des groupes d'utilisateurs

Pour changer de propriétaire
- le propriétaire d'une page ou un administrateur peut décider de changer de propriétaire
- sous le tableau de gestion des droits (cf. ci-dessus) un menu déroulant permet de changer le propriétaire d'une page.
Apprendre à gérer les droits d'accès en vidéo
Éditer une page
Éditer une page
Un wiki est organisé autour de pages de contenus et de zones de menus de navigation (horizontal et/ou vertical...).Il y a trois manières pour éditer et modifier une page. Les trois ayant le même résultat, utilisez celle qui vous convient.
Vous savez que vous êtes en mode édition quand la barre d'édition suivante apparaît

Double-clic

Le double-clic ne fonctionne pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
"Éditer la page"

Le lien "éditer la page" n'existe pas ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Ajouter "/edit" à l'url

Le mode édition n'apparaît pas après l'ajout de "/edit" ? Cette page a été protégée en écriture. Voir le tutoriel sur les droits
Une fois vos modifications effectuées, vous enregistrez en cliquant sur le bouton "Sauver" en bas de page.

Voir aussi
- Qui a le droit de modifier une page ? Voir le tutoriel sur les droits
- Pourquoi je n'arrive pas à entrer dans le mode édition ? Voir le tutoriel sur les droits
- Comment mettre en forme le texte, insérer des documents ? Le formatage du texte
- Comment visionner l'historique des modifications, revenir en arrière ? Historique et révisions
DocumentationEffacerUtilisateurOuChangerMotDePasse
Modifier son mot de passe
- allez sur la page ParametresUtilisateur dans la partie "changement de mot de passe"
- (également accessible par le menu configuration "roue crantée" : "se connecter")
- mettez votre ancien mot de passe dans le champ "votre ancien mot de passe"
- mettez un nouveau mot de passe dans le champ "nouveau mot de passe"
- cliquez sur "changer"
Récupérer son mot de passe en cas d'oubli
Si vous avez perdu votre mot de passe,- allez sur la page ParametresUtilisateur (accessible depuis le menu "roue crantée" : "se connecter"
- Vous pouvez également ajouter dans une page l'action {{lostpassword}} qui permet de retrouver son mot de passe
- voir plus bas "permettre aux utilisateurs de récupérer leur mot de passe par mail en cas d'oubli)
- allez dans la partie "récupération du mot de passe"
- ajoutez votre mail dans le champ "email" et cliquez sur "envoyer"
- vous allez recevoir un nouveau mail avec un lien pour générer un nouveau mot de passe
- changez votre mot de passe pour un nouveau que vous n'oublierez pas ;-)
Permettre aux utilisateurs de récupérer leur mot de passe par mail
ATTENTION : cette fonctionnalité nécessite la version Cercopithèqueil suffit d'insérer ce bout de code (on parle "d'action" quelque part. La page ParametresUtilisateur semble assez appropriée
{{lostpassword}}
Activité
Activité
Extension CheckAccessLink
Extension CheckAccessLink
Cette extension conditionne la visibilité du lien cible à son accessibilité.
L'objectif est de choisir caché certains liens aux utilisateurs non autorisés.
Fonctionnement:
- Installer l'extension (via Roue Crantée / Gestion du site / Mise à jour / Extensions )
- Il faut ajouter la chaine 'cacher_si_pas_autorise' à la fin de la syntaxe de lien, comme dans l'exemple suivant :
[[PageDeTest accéder sur la page de testcacher_si_pas_autorise]]
- Le lien "page de test" ne s'affichera que si la page cible est accessible à l'utilisateur en cours.
Utilisation avancée
'alter_management_string' => '_ma_string_a_moi_',
Dans ce cas l'exempe précedent s'écrit de la façon suivante :
[[PageDeTest accéder sur la page de test_ma_string_a_moi_]]
Color
Color
Duplicateur
Duplicateur
DocumentationExtensionFerme
Googleanalytics
Googleanalytics
Extension ipblock
Extension ipblock
Permet de bloquer l?accès par provenance de pays en prenant des plages d'ip supposées appartenir a ce pays.Cette méthode ne fonctionne plus très bien actuellement, car il est possible de passer par un VPN ou des réseaux type TOR.
Configuration
Aller sur le fichier tools/ipblock/handlers/page/__edit.php et mettre les pays souhaités (sous format iso en 2 lettres : FR pour france, DE pour allemagne, etc..) dans la variable $pays_bloque$pays_bloque = array("ID", "MY");
Notif
Notif
l'Extension Pdf
l'Extension Pdf
- 186 Ko génére un pdf à partir d'une page wiki
- utiliser un handler /pdf pour afficher la page en Pdf dans votre navigateur.
Qrcode
Qrcode
Cette extension permet d'ajouter dans le petit bouton partager en bas de page un qrcode spécifique à la page.
En le récupérant, vous obtenez un qrcode pointant vers la page en question.
Tableau
Tableau
donne :
ligne 1 colonne 1 | ligne 1 colonne 2 | ligne 1 colonne 3 |
ligne 2 colonne 1 | ligne 2 colonne 2 | ligne 2 colonne 3 |
ligne 3 colonne 1 | ligne 3 colonne 2 | ligne 3 colonne 3 |
ligne 4 colonne 1 | ligne 4 colonne 2 | ligne 4 colonne 3 |
=Webhooks
Webhooks
Webhooks sortants qui sont appelés à chaque addition/modification/suppression d'un élément du Bazar.
Page Github: https://github.com/YesWiki/yeswiki-extension-webhooks
Configuration
Après l'installation, rendez-vous sur la page principale du Bazar et vous trouverez en bas le formulaire pour ajouter des webhooks sortants.
- A gauche vous pouvez choisir le format de sortie du webhook (Brut, Mattermost, Slack)
- A droite vous devez entrer l'URL du webhook à appeler
Chaque fois que vous cliquez sur "Mettre à jour", une nouvelle colonne est ajoutée.
Si vous souhaitez effacer un webhook, il suffit de mettre un URL vide et l'élément sera supprimé lors de la mise à jour.
Mattermost
Pour permettre à une chatroom Mattermost (comme Framateam) de recevoir des messages à chaque fois qu'un élément est ajouté/édité/supprimé, suivez ces instructions:
- Connectez-vous à votre chatroom Mattermost en tant qu'administrateur
- Dans le menu principal, choisissez "Intégration"
- Choisissez "Webhooks entrants"
- Créez un webhook avec les configurations de votre choix
- Sur la page Bazar de votre wiki, choisissez "Mattermost" et copiez l'adresse fournie par Mattermost.
C'est fait !
Slack
Pour connecté votre Bazar à une chatroom Slack, suivez le guide ici: https://api.slack.com/incoming-webhooks
Sur la page Bazar de votre wiki, choisissez "Slack" et copiez l'adresse fournie par Slack.
Brut
Si vous choisissez le format Brut, toutes les informations à propos de l'élément Bazar ajouté/édité/supprimé sera POSTée à l'URL indiquée. C'est une option qui conviendra plus à des développeurs.
En plus, ces informations seront envoyées:
- action: type d'action effectuée (add/edit/delete)
- text: texte formatté qui décrit l'action effectuée (la même que celle envoyée à Mattermost/Slack)
Si vous souhaitez voir les données envoyées par le webhook, vous pouvez utiliser une URL spéciale de test pour les webhooks entrant : http://VOTRE_ADRESSE.COM/?BazaR&vue=test-webhook. Toutes les données envoyées sur cette URL seront insérées dans la table yeswiki_triples.
Wikical
Wikical
Wikicolor
Wikicolor
Wikicolor permet d'afficher du texte dans une couleur spécifique, via la syntaxe :
- ~~(yellow)en rouge~~
- ~~(blue)en rouge~~
- ~~(brown)en rouge~~
- ~~(green)en rouge~~
- ~~(palevioletred)en rouge~~
Configurer YesWiki : le fichier wakka.config.php
Configurer YesWiki : le fichier wakka.config.php
Une fois le YesWiki créé, on peut aller éditer le fichier wakka.config.php, se trouvant à la racine du dossier du YesWiki, accessible par FTP. Le fichier de configuration déclare un tableau avec des valeurs pour chaque élément de configuration.Voici le contenu du fichier de configuration par défaut, voir les commentaires en fin de ligne pour le détail de chaque élément de configuration :
<?php
// wakka.config.php créée Fri Jun 8 20:58:37 2012
// ne changez pas la wikini_version manuellement!
$wakkaConfig = array ( // tableau de configuration
'wakka_version' => '0.1.1', // Ne pas toucher, version originale du code de wakka, ancêtre de wikini
'wikini_version' => '0.5.0', // Ne pas toucher, version originale du code de wikini, ancêtre de YesWiki
'debug' => 'no', // active le mode de débogage si passé à la valeur 'yes' (infos sur le nombre de requêtes, le temps écoulé et force l'affichage des erreurs php pour les développeurs) astuce : on peut aussi passer &debug dans l'url pour debugguer
'mysql_host' => 'localhost',
'mysql_database' => 'yeswiki',
'mysql_user' => 'yeswiki',
'mysql_password' => '#######',
'table_prefix' => 'yeswiki_',
'root_page' => 'PagePrincipale',
'wakka_name' => 'YesWiki de présentation', // titre du YesWiki
'base_url' => 'http://localhost/?', // url d'accès au site
'rewrite_mode' => '0',
'meta_keywords' => 'yeswiki, wiki, gpl, php, super', // mot clé pour le référencement (séparés par des virgules, par plus de 20-30)
'meta_description' => 'Un site de présentation de ce merveilleux outil qu\'est YesWiki', // description du site en une phrase, pour le référencement (Attention : ne pas mettre de "." (point) dans ces méta descriptions
'action_path' => 'actions',
'handler_path' => 'handlers',
'header_action' => 'header',
'footer_action' => 'footer',
'navigation_links' => 'DerniersChangements :: DerniersCommentaires :: ParametresUtilisateur',
'referrers_purge_time' => 24,
'pages_purge_time' => 90, // nbr de jours après lesquels les révisions sont effacées
'default_write_acl' => '*', // droits d'écriture par défaut des pages
'default_read_acl' => '*', // droits de lecture par défaut des pages
'default_comment_acl' => '*', // droits des commentaires
'preview_before_save' => '0',
'allow_raw_html' => '1', // autorise le html
);
Les éléments que vous pouvez rajouter sur wakka.config.php
Changer les droits de lectures et d'écriture par défaut
'default_write_acl' => '*', // droits d'écriture par défaut des pages
'default_read_acl' => '*', // droits de lecture par défaut des pages
en
'default_write_acl' => '@admins', // droits d'écriture par défaut des pages
'default_read_acl' => '@admins', // droits de lecture par défaut des pages
Changer l'url de votre wiki
- Via ftp, il faut changer le nom du dossier Louise en le nommant Mathieu
- dans le fichier wakka.config.php, il faut changer la ligne
'base_url' => 'http://site-coop.net/Louise/?"
en
'base_url' => 'http://site-coop.net/Mathieu/?"
et tester si tout fonctionne dans votre navigateur (attention les majuscules et minuscules ont leur importance)
Pour tous les détails sur les droits d'accès : https://yeswiki.net/?DocumentationDroitsDAcces
Envoyer un mail aux @admins à chaque nouvel encodage de fiche
'BAZ_ENVOI_MAIL_ADMIN' => true
Laisser ouverte en écriture votre page tout en vous protégeant des spams
Les paramètres ajoutables au wakkaconfig
'password_for_editing' => 'votremotdepasse',
'password_for_editing_message' => 'un message qui apparait au dessus du champ mot de passe',
'use_hashcash' => true, //ne pas toucher pour l'instant
'use_nospam' => true, // ne pas toucher pour l'instant
'use_alerte' => true,
'use_captcha' => true,
Quelques détails
Paramètre | Actions |
'password_for_editing' | demande un mot de passe AVANT de rentrer en mode édition que ce soit pour les pages wiki ET les fiches bazar. Si vous êtes connectés, ce mot de passe ne vous est pas demandé |
'password_for_editing_message' | vous pouvez indiquer un message afin de donner à vos usagers une info sur le mot de passe à rentrer (on fait le pari que les turcs spanners ne le liront pas ;-) |
'use_captcha' => true | place un captcha en bas des pages wiki, à remplir avant de pouvoir faire valider. A remplir même si vous êtes connectés |
Changer le thème par défaut de votre wiki
'favorite_theme' => 'yeswiki', // theme par défaut, présent dans /themes ou /tools/templates/themes
'favorite_squelette' => 'responsive-1col.tpl.html', // squelette par défaut
'favorite_style' => 'yellow.css', // style css par défaut
'favorite_background_image' => 'graphy.png', // image de fond par défaut, située dans /files/backgrounds
'hide_action_template' => '1', // Force le template par défaut et empêche la modification du thème lors de l'édition.
Cacher le bouton Thèmes de votre wiki en mode édition
'hide_action_template' => '1', // Cache le bouton thème et empêche la modification du thème lors de l'édition.
Changer l'affichage par défaut des cartes
'baz_map_center_lat' => '50.725777', //permet de caler les cartes utilisées dans le wiki sur cette latitude
'baz_map_center_lon' => '4.867795', //permet de caler les cartes utilisées dans le wiki sur cette longitude
'baz_map_zoom' => '8', //permet de caler les cartes utilisées dans le wiki sur ce niveau de zoom
Empêcher la création de pages SAUF via les formulaires
'default_write_acl' => '@admins', // ceci interdit la création de pages sauf pour les @admins
'bazarIgnoreAcls' => true, // ceci permet de passer au-dessus de cette interdiction uniquement via les formulaires
utiliser une base sql avec port privé...
'mysql_port' => 'n° du port',
Facebook opengraph : choisir l'image utilisée quand on partage un wiki sur FB
idéalement, l'image doit faire 1200x630 selon les specs imposées par facedebouc
par défaut il prend cette image, et si une image est présente dans la page (mise avec attach) ou une fiche bazar avec bf_image , il remplace par cela
'opengraph_image' => 'https://domaine.ext/nomdelimage.jpg',
Réparer les wikis qui n'envoient pas les mails
réparer les wikis qui n'envoient pas les mails ;-(
- Codes utiles /raw...
- Hors yeswiki
et donc rajouter dans le fichier wakka.config.php les parametres suivants
'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'ssl://<mon serveur smtp>:465', 'contact_smtp_user' => 'user@mail.ext', 'contact_smtp_pass' => '<monpassword>',
Attention, tous les serveur mail n'accepte pas de jouer ce jeu.
avec sendinblue
créez-vous un compte puis allez dans les paramètres (via ce lien) chercher votre clé smtp (limitée à 300 mails par jour)'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'smtp-relay.sendinblue.com:587', 'contact_smtp_user' => 'monmail@pourmoncomptesendinblue.com', 'contact_smtp_pass' => '<ma cle smtp>',
avec gmail
Gmail le fait mais avec une limite d'envoi journalière et souvent un blocage de scurité à lever via un paramètre : plus d'infos icihttps://support.google.com/accounts/answer/6010255
'contact_smtp_host' => 'ssl://smtp.gmail.com:465',
Autre piste possible, acheter un nom de domaine chez gandi et utiliser le smtp lié
Gérer des groupes d'utilisateurs
Gérer des groupes d'utilisateurs
Utiliser l'action {{editgroups}}. Pour utiliser cette action, il faut être identifié et être du groupe @admins
- (après l'installation de YesWiki, seul le compte maître créé lors de l'installation fait partie du groupe @admins)

Pour ajouter un utilisateur à un groupe
- Cliquer sur "voir"
- Ajouter le nom du l'utilisateur dans la fenêtre "éditer le groupe"" (en faisant retour à la ligne entre deux utilisateurs et surtout ne pas mettre de virgule)
- Cliquer sur enregistrer

Pour créer un nouveau groupe
- Écrire le nom groupe dans le champ "créer un nouveau groupe"
- Cliquer sur définir
Pour utiliser la gestion des groupes
Cela se fait dans les pages de gestion des droits- ajouter dans le champ concerné @ suivi du nom d'un groupe (ex @admins) Cela donnera les droits à tout un groupe et donc à tous les membres qui lui appartiennent.
Liste des handlers disponibles par défaut
Liste des handlers disponibles par défaut
Rajouter dans la barre d'adresse (à la fin de l'URL) :
/edit : pour passer en mode Edition
/revisions : pour voir les versions de l'historique
/slide_show : pour transformer le texte en diaporama
/diaporama : idem slide_show en un peu différent
/mail : envoie la page en mailing
/raw : affiche le code wiki non formaté de la page
/deletepage : si vous êtes propriétaire de la page, vous pouvez la supprimer
/claim : si la page n'a pas de propriétaire, vous pouvez vous l'approprier
/acls : si vous êtes propriétaire de la page, vous pouvez gérer les droits
/share : pour afficher des possibilités de partage sur les réseaux sociaux, et pour générer un code embed (iframe) qui permettra d'afficher la page sur un site externe.
/dbutf8 : s'utilise en tant qu'admin pour passer les wikis antérieur à 2018 en utf8
/update : permet lors du passage de cerco à doryphore, de mettre à jour plein de trucs nécessaires à son bon fonctionnement
&debug : permet d'afficher en bas de page toutes les actions effectuées au niveau informatique, permet de repérer les bugs, causes de plantage...
Liés à l'extension ebook
/epub : permet de générer un livre numérique au format .epub lisible sur liseuse, tablette ou avec Calibre/pdf : permet de générer un pdf
Créer son compte et/ou s'identifier
Créer son compte et/ou s'identifier
INSERER ICI UN MOT RELATIF A action logincréation d'un compte YesWiki
- aller sur la page spéciale ParametresUtilisateur
- elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
Renseigner tous les champs puis cliquer sur Nouveau compte
- choisir un "nom YesWiki" qui comprend 2 majuscules - exemple : JamesBond
- pour en savoir plus sur le concept du ChatMot, rendez-vous sur la page créer un lien
- choisir un mot de passe et donner un mail
- cliquer sur "Nouveau compte"
S'identifer sur yeswiki
- aller sur la page spéciale ParametresUtilisateur,
- elle est généralement également accessible via le menu de configuration "roue crantée" : "se connecter"
Renseigner les deux premiers champs puis cliquer sur IDENTIFICATION (en cochant la case Se souvenir de moi, vous serez identifiés durant quelques mois)
- remplir le formulaire avec son nom YesWiki et son mot de passe
- cliquer sur "connexion"
Installer YesWiki sur son espace Internet
Installer YesWiki sur son espace Internet
Pré-requis
- Vous avez téléchargé la dernière version de YesWiki sur le site yeswiki.net
- Vous disposez d'un espace d'hébergement avec PHP version 7.1 (la version doryphore nécessite une version de php >= 7.3) et MariaDB > 10 ou MYSQL >= 5.6 (⚠️ la version 5.5 ne supporte pas la recherche fulltext) et des droits d'accès à l'hébergement (codes FTP et MYSQL) > Attention : voir les instructions spécifiques pour l'installation sur les hébergements Free.fr
- Vous disposez d'un logiciel pour faire du FTP (le client FTP libre FileZilla par exemple)
- En cas de bug pour les mises à jour sur certains systèmes très légers, vérifiez la présence des librairies php-curl, php-zip, php-mbstring et php-mysqli.
Préparation
- Décompressez le fichier téléchargé sur votre disque dur et renommez-le à votre convenance (par exemple monYeswiki)
- Si elle n'existe pas déjà, créez une base de données vide sur votre espace d'hébergement (par exemple mabase).
- Le plus souvent, il vous faudra créer un utilisateur pour cette base de donnée avec un identifiant et un mot de passe (par exemple identifiant = moi, mot de passe = oups)
- Dans la mesure du possible évitez les identifiant avec "tiret" (genre moi-moi) car ça crée parfois une erreur lors de l'installation
- Noter le nom de votre base de données et les identifiants et mot de passe d'accès à celle-ci.
Upload par FTP
- Connectez-vous à votre espace personnel par FTP (filezilla par exemple)
- Glissez et déposez votre dossier local (monYeswiki) sur votre espace personnel
- Sur certains hébergements, il faut attribuer des droits d'accès en écriture au dossier principal du wiki (monYeswiki) : mettre les droit d'accès en écriture pour tous (chmod 777), en faisant clic droit sur le dossier puis "droits d'accès au dossier" dans filezilla)
- Il est bon aussi (pour éviter des erreurs futures lors de l'insertion d'images dans le wiki par exemple) de déjà attribuer au dossier "Cache" et "File" des droits d'accès en écriture pour tous (777)
- Fermez le client Ftp. Nous allons pouvoir configurer le yeswiki.
Paramétrage du YesWiki
- Ouvrez votre navigateur et tapez l'url de votre site perso jusqu'au répertoire créé.
- Une page de configuration s'ouvre.
- Renseignez le nom de votre serveur MySQL (donné par votre hébergeur, en général c'est "localhost")
- Renseignez le nom de votre base de données MySQL (dans notre exemple : mabase) (attention en php 5.5, ne pas mettre de tiret dans les noms de bases mysql)
- Renseignez le nom d'utilisateur et le mot de passe de votre base de données MySQL (dans notre exemple : moi et oups)
- Renseignez le préfixe des tables : par défaut yeswiki_ (vous pouvez laisser comme cela)
- Modifiez le nom de votre YesWiki (cela deviendra le titre de votre wiki affiché en grand en haut du site... modifiable par après si nécessaire - ne pas mettre de caractères spéciaux html, typiquement "É", "È"; )
- Renseignez la page d'accueil de votre YesWiki. Ceci doit être un NomWiki. : par défaut PagePrincipale (vous pouvez laisser comme cela)
- Renseignez les champs mots-clés et description si vous le souhaitez (si vous laissez vide cela ne posera pas de problème)
- Renseignez les champs (Administrateur, Mot de passe, Confirmation du mot de passe et Adresse e-mail) afin de créer un compte administrateur pour gérer votre wiki
- Les pages par défaut de YesWiki nécessitent du code html pour fonctionner cocher la case "Autoriser l'insertion de HTML brut.". Vous pourrez alors plus facilement intégrer des widgets HTML.
Conclusion
Les tables MySQL sont automatiquement créées.Si tout a bien fonctionné vous en avez confirmation.
Le fichier de configuration est écrit. C'est terminé.
En vidéo
Déposer mon wiki sur mon hébergement avec Filezilla
créer mon yeswiki
Que faire en cas d'erreur ligne 97 dans wiki.php ?
Il arrive que lors de l'installation, une des tables (prefixe_nature) ne puisse être créée par yeswiki. Ceci entraîne une erreur à la ligne 97 du wiki.php et empêche l'affiche de votre yeswiki ;-(Pour résoudre ce problème (pas très grave)
- éditer votre fichier wiki.php (situé dans tools/bazar/wiki.php avec l'aide d'un éditeur html (comme Atom par exemple)
- remplacer dans wiki.php le bout de code
if ($resultat->numRows() == 0) {
if (FALSE && $resultat->numRows() == 0) {
- créér la table préfixe_nature (prefixe est à remplacer par votre préfixe de table,, indiqué lors de l'installation du wiki)
- pour ce faire, rendez-vous dans votre phpmyadmin et rentrez y avec votre nom d'user et mot de passe (dans notre exemple moi et oups)
- sélectionnez votre base de donnée (dans notre exemple mabase)
- exécutez cette requête SQL
-
CREATE TABLE IF NOT EXISTS `votrepréfixe_nature` ( `bn_id_nature` int(10) unsigned NOT NULL DEFAULT '0', `bn_label_nature` varchar(255) DEFAULT NULL, `bn_description` text, `bn_condition` text, `bn_ce_id_menu` int(3) unsigned NOT NULL DEFAULT '0', `bn_commentaire` tinyint(3) unsigned NOT NULL DEFAULT '0', `bn_appropriation` tinyint(3) unsigned NOT NULL DEFAULT '0', `bn_image_titre` varchar(255) NOT NULL DEFAULT '', `bn_image_logo` varchar(255) NOT NULL DEFAULT '', `bn_couleur_calendrier` varchar(255) NOT NULL DEFAULT '', `bn_picto_calendrier` varchar(255) NOT NULL DEFAULT '', `bn_template` text NOT NULL, `bn_ce_i18n` varchar(5) NOT NULL DEFAULT '', `bn_type_fiche` varchar(255) NOT NULL, `bn_label_class` varchar(255) NOT NULL, PRIMARY KEY (`bn_id_nature`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;
-
- Cette requête va créer la table manquante.
Cas particulier : pour les installation sur un serveur local WAMP
Si vous installez votre Yeswiki sur votre PC en utilisant WAMPServer,Vous aurez probablement un message d'erreur lorsque vous souhaitez "Sauver" une page.
Le problème peut être réglé en rajoutant la ligne 'use_hashcash' => false, dans le wakka.config.php
Et voilà votre wiki devrait fonctionner maintenant ;-)
Intégrer des éléments d'ailleurs (vidéos, pad...)
Intégrer des éléments d'ailleurs (vidéos, pad...)
Pour insérer des widgets
Un widget est un petit module qui permet à une page d'embarquer (encapsuler, intégrer... "embed" en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.Ces sites proposent d'afficher ces contenus ailleurs que "chez eux", en fournissant un morceau de code à copier-coller. Ces fonctions se trouvent souvent dans leurs options "Partager" > "Intégrer",
On peut donc insérer des widgets dans nos pages, grâce à leur code html. Il suffit pour cela récupérer les bouts de codes qui vous sont proposés par des sites tiers et de les incorporer dans une page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""
Pour insérer un pad sur une page du wiki
- depuis votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
- coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe name='embed_readwrite' src='http://pad.coop-tic.eu/p/testIframe?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400></iframe>""
Pour insérer une vidéo sur une page du wiki
- aller sur Youtube ou Vimeo ou un autre site de partage de vidéos. Choisissez votre vidéo, cliquer sur partager/intégrer et copiez le code fourni. Il devrait commencer par <iframe>....
- coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""
Pour insérer un iframe : en gros une partie d'un autre site...
Un "iframe" est conteneur, un cadre, qui constitue une fenêtre vers un autre site.
Les paramètres width (largeur) et height (hauteur) vous permettre de spécifier la taille de ce cadre.
Le code
""<iframe width=100% height="1250" src="https://cocotier.xyz" frameborder="0" allowfullscreen></iframe>""
(début du cadre iframe)
(fin du cadre iframe)
Astuce pour rendre redimensionnable la largeur de certaines iframes
Pour un wiki dont la page s'adapte à la taille de la fenêtre (quand on n'est pas en plein écran), on peut vouloir que la largeur de certaines iframe s'adapte de même. Pour cela :- on ne met pas de valeur numérique pour le width
- ou bien on remplace par width="100%" overflow="auto"
Quelques exemples en vidéo





Joindre un fichier : image, son, téléchargement ...
Joindre un fichier : image, son, téléchargement ...
En cliquant sur le bouton "Joindre / Insérer un fichier", vous aurez la possibilité de choisir un fichier se trouvant sur votre ordinateur.
En fonction du type de fichier, YesWiki vous proposera des interfaces différentes :
- s'il s'agit d'un fichier image (svg, png, gif, jpg, bmp...), s'affichera l'interface suivante


- Pour tout autre fichier (.doc, .pdf, .xls, .odt, .txt...) vous pourrez modifier le texte associé par défaut "Télécharger le fichier nom du fichier (taille du fichier)"

- Les fichiers de type audio (mp3) et vidéo (flv) seront interprétés sous forme de lecteur audio.
- les fichiers de type freeplane ou freemind (.mm) seront affichés sous forme de carte heuristique cliquable.
Une fois un fichier joint à une page, il est encore possible de modifier le texte qui lui est associé, même si la page a été sauvegardée. Pour cela il faut re-éditer la page, trouver dans la page l'instruction (l'action) qui concerne ce fichier, elle aura cette forme :
{{attach file="exemple.txt" desc="Telecharger le fichier exemple.txt (2.7kB)"}}
exemple.txt correspond au nom de votre fichier et "Telecharger le fichier exemple.txt (2.7kB)" correspond au texte qui servira de lien vers ce fichier.
Pour changer ce texte, il faut modifier le libellé entre guillemets après desc, soit par exemple :
{{attach file="exemple.txt" desc="Fichier exemple en téléchargement"}}.
Le nouveau texte associé au fichier sera donc "Fichier exemple en téléchargement".
Il ne vous reste plus qu'a sauver votre page pour prendre en compte ces modifications.
Pour toutes les infos sur l'action allez sur la page AttacH
On dispose d'un lien vers l'image ou le fichier
Si le fichier à joindre est déjà stocké en ligne, il est possible de créer un lien vers celui-ci. On utilise les doubles crochets : il faut saisir l'adresse où trouver le fichier suivie du texte de remplacement.- [[http://mondomaine.ext/image.jpg texte de remplacement de l'image]] pour les images.
- [[http://mondomaine.ext/document.pdf texte du lien vers le téléchargement]] pour les documents.
Pour toutes les infos sur les liens allez sur la page DocumentationCreerUnLien
Action Login
Action Login
L'action Login permet d'afficher un formulaire d'identification simplifié et configurable.De plus, quand on arrive sur une page où il faut être identifié, un formulaire d'identification minimal sera proposé plutôt qu'un message d'erreur.
Installation
- Télécharger l'extension Login
- la décompresser et la copier dans le répertoire tools de votre YesWiki, et c'est fini!
Paramètres des actions
Minimum {{login}}Toutes options {{login template="minimal.tpl.html" class=" " signupurl=" " userpage=" " exitpage=" "}}
Description des paramètres :
- template (facultatif) : choix du look du template. Choix possibles : default.tpl.html ou horizontal.tpl.html ou minimal.tpl.html (voir les exemples ci dessous. Si rien n'est entré, "default.tpl.html" est utilisé.
- class (facultatif) : ajoute une classe CSS de votre choix au formulaire d'identification afin de personnaliser l'apparence et le positionnement.
- signupurl (facultatif) : indique un lien vers la page pour faire une nouvelle inscription. Par défaut, il s'agit de la page ParametresUtilisateur.
- userpage (facultatif) : quand on se connecte, on est redirigé vers le lien entré ici. Par défaut, on reste sur la page en cours. On peut aussi proposer comme paramètre : "user" pour que l'on soit redirigé vers la page de notre nom wiki.
- exitpage (facultatif) : quand on se déconnecte, on est redirigé vers le lien entré ici. Par défaut, on reste sur la page en cours.
Exemples
Template par défaut
{{login}} donne à l'écran :Template horizontal
{{login template="horizontal.tpl.html"}} donne à l'écran :Template sans possibilité d'inscription
{{login signupurl="0"}} donne à l'écran :Template minimal
C'est quoi une action, un handler, une extension ?
C'est quoi une action, un handler, une extension ?
Mise à jour simple
Mise à jour simple
Si votre wiki est bien en version doryphore (installé après septembre 2020), il vous suffit de cliquer sur le menu roue crantée, d'accéder à la gestion du site, de cliquer sur l'onglet "Mise à jour et extension" puis de cliquer sur le bouton "mettre à jour".Si vous ne voyez qu'un bouton "Réinstaller" vous n'avez rien à faire, c'est que votre wiki est déjà à jour !
Passer de la version cercopitheque à la version doryphore
Le passage de cercopithèque à doryphore nécessite quelques manipulation pour s'assurer un wiki fonctionnel et profitant de toutes les nouveautés.Aussi, la version doryphore nécessite une version de php >= 7.3.
Première étape : s'assurer d'avoir la dernière version de cercopithèque
Mettre à jour votre wiki avec la dernière version de cercopithèque via le bouton "mettre à jour" que vous trouverez dans Gestion du site > mise à jour et extensionsVous devriez ensuite voir sur cette page une version du wiki équivalente à la version disponible sur le dépot.
Pour plus de facilité, vous pouvez installer le thème Margot dès maintenant : Roue crantée en haut à droite > Gestion du site > Onglet "Mises à jour / Extensions" > Thèmes, puis installer le thème Margot
Deuxième étape : installer la version doryphore
Après avoir récupéré la dernière version de YesWiki cercopitheque sur le site, mettez votre wiki à niveau en l'installant via FTP ou directement depuis l'interface de gestion des mises à jour.Pour cela, vous pouvez suivre la procédure décrite ci-dessous.
Méthode A la plus simple
Remplacez {{update}} par {{update version="doryphore"}}
Sauvegardez votre page
Cliquez sur le bouton "changer de version"
Passez à la troisième étape :p
Méthode B pour les geeksMettre à niveau son wiki via ftp
- Allez sur la page de téléchargement pour récupérer la dernière version
- Une fois le fichier téléchargé dans votre ordinateur (il est en version .zip), double cliquez dessus pour le convertir en dossier : c'est dans ce dossier que sont écrites l'ensemble des nouveautés tant attendues ;-)
- Ouvrez le serveur distant dans lequel est hébergé votre site Yeswiki en utilisant votre accès FTP
- Pour bien effectuer le transfert, vous devez avoir une vue qui ressemble à peu près à ça :

- Les fenêtres qui nous intéressent sont celles marquées d'une croix rouge : à gauche le contenu des dossiers et fichiers fraîchement installés dans mon ordinateur à partir de la page de téléchargement, et à droite les mêmes dossiers et fichiers présents dans votre serveur distant, classés dans le même ordre, issus d'une version précédente et que nous nous apprêtons à mettre à jour
- Afin de sécuriser le transfert, allez d'abord dans la fenêtre de droite, que nous appellerons désormais votre serveur distant, et sélectionnez le dossier "tools"
- A ce stade, il y a deux hypothèses
- soit vous possédez déjà un dossier nommé "tools.old" juste en dessous (c'est ce qui permet de revenir en arrière en cas de mise à jour délicate). C'est le cas ? Supprimez-le (clic droit et supprimer), puis renommez juste au-dessus le dossier "tools" en "tools.old".
- soit vous n'en avez pas : il vous suffit de renommer votre dossier "tools" en "tools.old"
- Bravo, ça c'est fait, nous pouvons entamer la phase "roulement de tambours, concentration extrême" ! Allez dans la fenêtre de gauche, cliquez n'importe où et sélectionnez l'ensemble de son contenu (chez Mac c'est le raccourci cmd-A qui permet cette opération). Votre fenêtre doit ressembler à ça (tout est surligné en bleu) :

- Effectuez alors un clic droit, et cette petite fenêtre va apparaitre

- Sélectionnez "envoyer" (flèche rouge qui pointe vers le haut), et l'opération de transfert va démarrer
- Attention ! Vous allez sans doute voir apparaître une fenêtre qui ressemble à ça :

- Normal, le nom des fichiers est le même, mais pas de soucis, vous pouvez cocher les cases "remplacer" et "toujours effectuer cette action" pour ne pas avoir à y revenir, comme ci-après :

- Cliquez sur "OK" pour valider cette commande, et cette fois vous pouvez attendre tranquillement la fin du transfert.
- Dans votre ftp, ouvrez le fichier wakka.config, à la ligne'yeswiki_version', remplacez cercopitheque par doryphore
- Une fois l'opération de transfert entièrement achevée (quelques minutes en fonction du débit de votre connexion) et votre fichier config mis à jour, vous pouvez tout simplement aller sur votre site pour découvrir les nouvelles fonctionnalités de votre Wiki fraîchement mis à jour.
Troisième étape : UPDATE
Mettez à jour tout plein de trucs nécessaires au passage à doryphore :Connectez-vous en admin et ajouter à la fin de l'URL /update
Quatrième étape : débarassez-vous de tous les petits bugs
Appliquer le nouveau thème
Ce nouveau thème est conseillé. Pour l'appliquer :
-> roue crantée
-> gestion du site
-> thème graphique
-> tout en bas de la page
sélectionner margot
Appliquer
Ceci met à jour votre fichier wakka.config
Profiter de la nouvelle action login
Rentrez en édition
Remplacez le contenu par
{{moteurrecherche template="moteurrecherche_button.tpl.html"}} {{buttondropdown icon="cog" caret="0"}} - {{login template="modal.tpl.html" nobtn="1"}} - ------ - {{button nobtn="1" icon="fa fa-question" text="Aide" link="AidE"}} - ------ - {{button nobtn="1" icon="fa fa-wrench" text="Gestion du site" link="GererSite"}} - {{button nobtn="1" icon="fa fa-tachometer-alt" text="Tableau de bord" link="TableauDeBord"}} - {{button nobtn="1" icon="fa fa-briefcase" text="Base de données" link="BazaR"}} {{end elem="buttondropdown"}}
/!\ Si vous aviez déjà modifié ce menu, pensez à mettre y ajouter les lien précédemment présents en utilisant la synthaxe de l'action Button.
Mettre à jour l'interface de gestion du wiki
Mettre à jour la navigation de gestion
Cela vous assurera d'être sur une organisation à jour de la gestion du wiki.
Cliquez sur roue crantée
Gestion du site
Editez la page
Remplacez le contenu par
{{nav links="GererSite, GererDroits, GererThemes, GererUtilisateurs, GererMisesAJour" titles="Gestion du site, Droits d'accès aux pages, Thèmes graphiques, Utilisateurs et groupes, Mises à jour / extensions"}} ===Gérer les menus et pages spéciales de ce wiki=== - [[PageMenuHaut Éditer menu horizontal d'en haut]] - [[PageTitre Éditer le titre]] - [[PageRapideHaut Éditer le menu roue crantée]] - [[PageHeader Éditer le bandeau]] - [[PageFooter Éditer le footer]] - [[PageMenu Éditer le menu vertical (apparaissant sur les thèmes 2 colonnes ou plus)]] - [[ReglesDeFormatage Éditer le mémo de formatage (bouton "?" dans la barre d'édition )]] ------ ===Gestion des mots clés === {{admintag}}
Selon le niveau de votre version antérieure, il est probable que les nouvelles fonctionnalités de l'administration du site soient encore cachées. Lorsque vous cliquerez sur la roue crantée pour accéder à l'espace de gestion du site, vous allez découvrir de nouveaux boutons qui vous promettent de super propriétés :

Hélas, après avoir cliqué sur le bouton "Droits d'accès aux pages" par exemple, vous risquez de tomber sur ça :

Pour chaque nouvelle page à créer, la procédure sera la même :
- Créez la page (en cliquant sur le lien avec un crayon)
- Ajoutez le contenu correspondant à récupérer ci-dessous
- Enregistrez la page
Contenu de la page GererDroits
{{nav links="GererSite, GererDroits, GererThemes, GererUtilisateurs, GererMisesAJour" titles="Gestion du site, Droits d'accès aux pages, Thèmes graphiques, Utilisateurs et groupes, Mises à jour / extensions"}} ===Gérer les droits des pages=== {{gererdroits}}
Contenu de la page GererThemes
{{nav links="GererSite, GererDroits, GererThemes, GererUtilisateurs, GererMisesAJour" titles="Gestion du site, Droits d'accès aux pages, Thèmes graphiques, Utilisateurs et groupes, Mises à jour / extensions"}} ===Gérer les thèmes des pages=== {{gererthemes}} {{setwikidefaulttheme}}
Contenu de la page GererUtilisateurs
{{nav links="GererSite, GererDroits, GererThemes, GererUtilisateurs, GererMisesAJour" titles="Gestion du site, Droits d'accès aux pages, Thèmes graphiques, Utilisateurs et groupes, Mises à jour / extensions"}} ===Gérer les groupes d'utilisateurs=== {{editgroups}} ===Gérer les utilisateurs=== {{userstable}}
Contenu de la page GererMisesAJour
{{nav links="GererSite, GererDroits, GererThemes, GererUtilisateurs, GererMisesAJour" titles="Gestion du site, Droits d'accès aux pages, Thèmes graphiques, Utilisateurs et groupes, Mises à jour / extensions"}} ===Mises à jour / extensions=== {{update}}
Contenu de la page ReglesDeFormatage
Le contenu à coller est présent à jour ici : https://ferme.yeswiki.net/WikiDeBase/?ReglesDeFormatage/raw
Mettre à niveau son wiki via ftp
Cette action est conseillée plutôt pour les utilisateurs avancées en attendant la rédaction de ce point.
Quatrième étape : faites vous plaisir !
Vous avez maintenant une version doryphore certifié utilisable, vous pouvez utilisez votre wiki comme avant mais en mieux : modifier le thème, installer des extension, mettre à jour le contenu, etc...Par exemple vous étiez sur le thème yeswiki et que vous n'aimez le nouveau thème, vous pouvez le retrouver et l'installer dans mises à jour et extensions.
Autres savoirs-utiles autour des mises à jour
Pour changer le nom d'un wiki
- Via ftp, il faut changer le nom du dossier Louise en le nommant Mathieu
- dans le fichier wakka.config.php, il faut changer la ligne 'base_url' => 'http://site-coop.net/Louise/wakka.php?wiki=" en 'base_url' => 'http://site-coop.net/Mathieu/wakka.phpwiki=?"
- tester si tout fonctionne dans votre navigateur (attention les majuscules et minuscules ont leur importance)
- on peut aussi rechercher l'ancienne adresse url dans le moteur de recherche pour vérifier s'il n'y pas des liens directs dnas certaines pages, et qu'il faudra donc editer pour mettre la nouvelle url.
Spécificités du passage de YesWiki Bachibouzouk à YesWiki Cercopithèque
1) Mise à jour des thèmes graphiques
Après migration et avec certains thèmes, l'affichage de l'indicateur de sous menu apparaît en double.Il suffit d'enlever la partie javascript suivante du thème pour le corriger :
// on ajoute en jquery les classes css du bootstrap /*menuhaut.find("> div > ul").each(function() { // menu du haut var $this = $(this); $this.addClass('nav').append($('<div>').addClass('clear').html()); $this.find('>li:has(ul)').each(function() { $(this).addClass('dropdown').find('a:first').addClass('dropdown-toggle').attr({'href':'#', 'data-toggle':'dropdown'}).append('<b class="caret"></b>').next('ul:first').addClass('dropdown-menu')}); }); menuhaut.find("ul ul li:has(ul)").each(function() { // menu du haut var $this = $(this); $this.addClass('dropdown-submenu') $this.find('a:first').next('ul:first').addClass('dropdown-menu'); }); */
2) Changement de version de bootstrap (passage de la version 2 a la version 3)
- il faut expliciter les images responsive en ajoutant class="img-responsive" aux balises images. Les images envoyées par attach ne sont pas impactées
- la syntaxe des colonnes a changé : ce n'est plus "span4" mais "col-md-4" pour les classes css des largeurs de colonnes
3) Changement pour les templates BAZAR et la recherche Bazar
- le moteur de recherche Bazar utilise maintenant des facettes, il faut mettre a jour les templates en ajoutant une classe css "bazar-entry" et des attributs html sur l'élément qui va être filtré (le li pour les listes, le a pour les liens, le div .panel pour les accordéons, etc, ..)
<li class="bazar-entry" <?php echo $fiche['html_data'];?>>
Spécificités du passage de YesWiki Anacoluthe à YesWiki Bachibouzouk
Scénario de migration des wikis
1) Mise à jour des thèmes graphiques
- déplacer les thèmes autres que tools/templates/themes/yeswiki dans le dossier themes à la racine du wiki (le créer si besoin)
- modifier chaque squelette de ces thèmes :
la partie haute "doctype html"
Remplacer
<!doctype html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="fr"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="fr"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="fr"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="fr"> <!--<![endif]-->
Par
<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{configuration param="lang"}}"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="{{configuration param="lang"}}"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang="{{configuration param="lang"}}"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="{{configuration param="lang"}}"> <!--<![endif]-->
Dans "head"
Remplacer
<meta charset="iso-8859-1"> <title>{{titrepage}}</title>{{metarobots}} <meta name="keywords" content="{{configuration param="meta_keywords"}}" /> <meta name="description" content="{{configuration param="meta_description"}}" /> <meta name="author" content=""> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="alternate" type="application/rss+xml" title="Flux RSS des derniers changements du wikini" href="{{configuration param="base_url"}}DerniersChangementsRSS/xml" /> <link rel="shortcut icon" type="image/x-icon" href="{{configuration param="theme_path"}}images/favicon.ico"> <link rel="apple-touch-icon" href="{{configuration param="theme_path"}}images/apple-touch-icon.png"> <link rel="icon" type="image/png" href="{{configuration param="theme_path"}}images/favicon.png" /> <link rel="stylesheet" href="{{configuration param="theme_path"}}styles/grid/960.css"> {{liensstyle}}
Par
<!-- HTML Metas --> <meta charset="{{configuration param="charset"}}"> {{metarobots}} <meta name="keywords" content="{{configuration param="meta_keywords"}}" /> <meta name="description" content="{{configuration param="meta_description"}}" /> <meta name="viewport" content="width=device-width" /> <!-- Title of the page --> <title>{{configuration param="wakka_name"}} : {{currentpage}}</title> <!-- Favicons --> <link rel="shortcut icon" type="image/x-icon" href="{{configuration param="theme_path"}}images/favicon.ico" /> <link rel="apple-touch-icon" href="{{configuration param="theme_path"}}images/apple-touch-icon.png" /> <link rel="icon" type="image/png" href="{{configuration param="theme_path"}}images/favicon.png" /> {{linkstyle othercss="bootstrap/bootstrap-responsive.min.css"}} {{linkrss}}
et partie basse (<script>)
- remplacer {{liensjavascripts}} par {{linkjavascript}}
2) Récupération des bouts de code personnalisés (assez rare)
Récupérer tous les templates spécifiques que vous auriez créés dans /tools/bazar/presentation/templates , /tools/login/presentation/templates , /tools/syndication/presentation/templates ... il faudra les remettre a leur emplacement d'origine plus tard.3) Déplacement de l'ancien dossier tools pour l'avoir de coté
Renommer les dossier tools en tools.old : on ne peut pas écraser car certains fichiers feront doublons..4) Copie des fichiers de bachibouzouk
Écraser tout le wiki avec la nouvelle version bachibouzouk, téléchargée précédemment.5) Rajout des bouts de code personnalisés (assez rare)
Rajouter les éventuels templates mis de coté à l'étape 2 (voir s'il faut les adapter).6) Indication du thème par défaut
Rajouter au fichier wakka.config.php, un thème par défaut en renseignant 'favorite_theme', 'favorite_style', 'favorite_squelette'7) Ménage après vérification
Après une utilisation intensive pendant quelques jours sans problèmes, on peut effacer le dossier tools.old, si l'on rencontre des problèmes avec des tools plus installés, ou des templates disparus, on peut les récupérer à partir de tools.old sinonPasser en unicode UTF-8, si votre version wiki est antérieure à 2018...
Pour résoudre ce problème, un handler existe et va appliquer une correction à votre wiki.
Pour utiliser le handler :
- Connectez-vous en tant qu'admin
- Ajoutez ensuite "/dbutf8" à la fin de l'URL de n'importe quelle page de votre wiki
- Laissez le handler faire effet, vous devriez voir une page apparaître

Pour les très vieux wikis avec des fichiers rangés par noms de page dans des sous dossiers dans files
- il se peut que la fonction attach n'affiche plus les images pour des wikis tres vieux qui changent de version de php
- ajouter un script index.php dans le dossier files
<?php $directory = getcwd(); $it = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($directory)); while ($it->valid()) { if (!$it->isDot()) { $oldfile = $it->getSubPathName(); $newfile = str_replace('/', '_', $oldfile); if ($oldfile != $newfile) { echo 'Copy '.$oldfile.' to '.$newfile.'<br>'; copy($oldfile, $newfile); echo '<hr>'; } } $it->next(); }
- aller sur l'url
https://<monwiki>/files
- si tout marche bien sur une version récente de yeswiki, effacer les sous-dossiers aux noms de pages, et le fichier
files/index.php
Choisir le nombre de colonnes
Choisir le nombre de colonnes
Choisir le nombre de colonnes pour une page a deux significations :
Des colonnes menu
En plus de votre menu horizontal, vous pouvez ajouter un ou des menus, à gauche et/ou à droite.Exemple visuel d'une page avec une colonne menu à gauche (cliquez sur l'image pour la voir en plein écran) :

Des colonnes de mise en forme du contenu
Vous avez des possibilités de mise en forme en colonnes de votre contenu (texte, images ...) à l'intérieur du bloc central de contenu.Exemple visuel d'une page dont le contenu est organisé en 3 colonnes (cliquez sur l'image pour la voir en plein écran) :

Créer des onglets
Créer des onglets
Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action {{nav}}.La syntaxe est (elle est à répéter sur toutes les pages concernée par la barre d'onglet)
{{nav links="NomPage1, NomPage2, NomPage3Personne" titles="TitreOnglet1, TitreOnglet2, TitreOnglet3"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
links | nom des pages wiki ou url séparé par des virgules |
titles | Texte de chaque onglet séparé par des virgules |
class | soit nav nav-tabs, soit nav nav-pills. Vous pouvez ajouter à une de ces deux classes nav-justified (qui justifiera les onglets). L'affichage par défaut nav nav-pills |
Exemples
class="nav nav-tabs" donneclass="nav nav-pills" donne
class="nav nav-pills nav-justified" donne
Gérer les personnalisations de thème en CSS
Gérer les personnalisations de thème en CSS
La solution : PageCSS
(uniquement à partir de Doryphore)
La mise en forme de YesWiki est gérée par un thème qu'il est possible de modifier comme l'explique la page Changer de thème graphique.
Toutefois, certaines modifications pour votre site demandent des personnalisations.
Vous pouvez les définir en CSS directement dans une page de votre wiki en y insérant par exemple le code suivant pour afficher le texte de tous les liens en rouge :
""<style> a { color : red ; } </style>""
Toutefois, pour que ceci fonctionne, il faut l'intégrer dans une page qui est affichée tout le temps comme PageFooter. Mais ceci rend compliqué la lecture de cette page.
La solution : copier tout votre code CSS directement dans PageCSS. Cette page sera chargée automatiquement en début de votre page comme feuille de style en cascade CSS.
Voici ce qu'il faudrait y mettre pour notre exemple :
a { color : red ; }
DocumentationPagesSpecialesInterface
É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
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
Extension Progress Bar
demande une maîtrise du ftp et accès au serveur
Extension Progress Bar
L'extension Progress Bar permet d'afficher la progression d'une tâche à l'intérieur d'une page wiki.Installation
- Télécharger l'extension Progress Bar
- la décompresser et la copier dans le répertoire tools de votre YesWiki,
- Vérifier que dans le fichier desc.xml active soit sur "1" et c'est fini !
Paramètres des actions
[100%] done
[40%] done
[60%] done
[50%] done
[5%] done
[25%] done
[6/14] done
Suivre la vie de son wiki
Suivre la vie de son wiki
Ajouter dans cette doc
- infos sur action RecentChanges
- afficher la liste des pages du site / actions ListPages et PageIndex
- lister les pages orphelines / action OrphanedPages
- afficher les pages dont je suis propriétaire / action mypages
- afficher la liste des pages que j'ai modifié / action mychanges
Tableau de bord
Une page TableauDeBord accessible dans le menu "roue crantée". Il permet d'accéder aux- derniers comptes utilisateurs créés
- dernières pages modifiées
- dernières pages commentées
- un index de toutes les pages du Wiki
Avec la page DerniersChangements
Vous verrez toutes les pages modifiées sur cette page :[MONYESWIKI]/?DerniersChangements
Recevoir des notifications à la modification d'une page
Le flux RSS d'une page permet de suivre les modifications des pages et la création de nouvelles.Ajoutez l'URL "[...]/wakka.php?wiki=DerniersChangementsRSS/xml" dans votre lecteur de flux RSS
exemple pour ce wiki : http://yeswiki.net/wakka.php?wiki=DerniersChangementsRSS/xml
Voir les statistiques de visite mon Wiki
- Vous pouvez utiliser framaclic de framasoft. ce service simple basé sur Dolomon permet de générer un pixel invisible que vous devrez placer dans votre site (par exemple dans la page footer). A chaque fois que le pixel sera téléchargé, une visite de plus s'affichera sur votre tableau de bord framaclic. => TutoDolomon
- Vous pouvez utiliser Google Analytic pour disposer de statistiques plus détaillées de votre site
- cela nécessite de coller un code fourni par Google dans la PageFooter de votre Wiki
- vous devrez également inscrire vos adresses mail Google pour recevoir les notifications (hebdomadaires ou mensuelles au choix)
Extension Tags
Extension Tags
Ensemble d'actions permettant d'associer a des pages wiki des mot clés, afin de catégoriser le contenu.
Attention : ne marche qu'en PHP5.
Installation
- Télécharger l'extension Tags
- Les décompresser et les copier dans le répertoire tools de votre YesWiki
- Ajouter dans une page de votre YesWiki l'action correspondante entre {{ }}
Fonctionnement des tags
En mode édition, noter des mot-clés, séparés par un espace, dans la zone de saisie prévue à cet effet en bas de page.Attention : pas d'apostrophes !
On peut ensuite afficher les pages taguées de différentes façons grâce aux actions suivantes
Les actions utilisateurs
L'action {{nuagetag}}
Affiche un nuage de mots clé, avec 6 niveaux de tailles de mot clés en fonction de leur fréquence d'utilisation.Paramètres
- tri : mettre "alpha" pour avoir un tri alphabétique, il sera mélangé aléatoirement sinon
{{nuagetag tri="1"}} donne
{{nuagetag tri="alpha"}} donne
L'action {{listepages}}
L'action {{listepages}} permet de faire s'afficher les pages taguées. Par défaut, tout le contenu de la page s'affiche, mais on peut modifier ce paramètre.Paramètres
- tags (obligatoire) : ensemble des mots-clés devant figurer dans les pages
- notags : ensemble des mots-clés ne devant pas figurer dans les pages
- edit : possibilité d'éditer les pages
- class : associe une classe css aux pages (valeur "liste" par défaut)
- tri : trie par ordre alphabétique ("alpha") ou chronologique ("date")
- nb : nombre maximum de pages affichées sur une même page (si pas de valeur : affiche toutes les pages).
- vue : indique le template à utiliser {{listepages tags="actu" vue="bulle_microblog.tpl.html"}}
L'action {{rss}}
Génère un flux RSS avec possibilité de sélectionner l'ensemble des pages contenant certains tags choisis.Paramètres
- tags (obligatoire) : ensemble des mots clés devant figurer dans le flux rss
- notags : ensemble des mots clés ne devant pas figurer dans le flux rss
- nbcar : nombre de caractères maximum de la page a afficher dans le flux rss
Exemple : {{rss tags="miniblog" nbcar="200"}} donne :
Les actions réservées au groupe d'administrateurs
L'action {{admintag}}
Affiche la liste complète des tags utilisés, avec les pages associées, en offrant la possibilité de les supprimer massivement.Attention : il faut être identifié comme administrateur du Wikini
Exemple : {{admintag}} donne
Les handlers
/ajaxaddcomment, /ajaxdeletepage, /ajaxeditsont les équivalent ajax (donc renvoyant du json plutôt que du html) des handlers /addcomment, /deletepage, /edit
Les parametres de configuration
Dans le dossier tools/tags/wiki.phpligne:
define('COMMENTAIRES_OUVERTS_PAR_DEFAUT', 1);
> pour afficher par défaut la possibilité d'ajouter des commentaires à une page (on peut toujours affine page par page par la suite)
define('CACHER_MOTS_CLES', 0);
> pour qu'en mode édition n'apparaissent pas les mots clés à saisir
Observations
Lorsqu'on édite une page pour modifier un tag (on touche uniquement au tag et pas au contenu de la page), puis qu'on sauvegarde la page, la boite de dialogue Cette page n'a pas été enregistrée car elle n'a subi aucune modification apparaît.Voilà une action qui demande un clic supplémentaire...
Thème Interface
Thème Interface
Le thème interface est un thème configurable par de biais d'une simple page wiki.Un certain nombre d'éléments de styles sont simplifiés et configurables relativement simplement.
Pour cela il suffit de mettre dans la page footer si vous souhaitez que ce style s'applique à tout votre wiki les éléments que vous trouverez dans la page suivante
Titre 1
Titre 2
Titre 3
Titre 4
Titre 1
Label
primary
success
Info
warning
danger
Alert
Panel
Titre default
Titre primary
Titre success
Titre info
Titre warning
Titre danger
Navs
List groups
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Carousel
Ebook pdf
Ebook pdf
Doryphore
Doryphore
Nom de la version actuellement en phase de "beta test", avant une sortie imminente ! (et qui va remplacer la version actuelle, Cercopitheque)
Cette nouvelle version améliore considérablement l'utilisation des formulaires et propose un tout nouveau look, plus actuel. L'installation a aussi été revue et le wiki installé par défaut contiendra déjà les fonctionnalités les plus couramment utilisées (formulaires pré-installés, pages pré-formatées, aides plus visibles ...).
Cette version est stabilisée à 95 % et corrige déjà des nombreux petits bugs encore présents sur Cercopithèque. Nous avons besoin de votre aide pour lever les derniers bugs à corriger et permettre ensuite une migration massive des wikis existants vers cette nouvelle version (qui sera ensuite la seule maintenue)
VOUS SOUHAITEZ TESTER CETTE VERSION BÊTA ?
Aussi, la version doryphore nécessite une version de php >= 7.2.
Soit sur un nouveau wiki pour regarder et tester : https://yeswiki.net/?PageCreer
Soit mettre à jour un wiki existant :
- faire un backup (base mysql et fichiers)
- s'identifier avec un compte avec des droits d'admins
- passer sur la dernière version cercopithèque en passant par la page GererMisesAJour (roue - crantée>Gestion du site> onglet Mises à jour / extensions)
- éditer la page GererMisesAJour et changer l'action update en update version="doryphore"
- passer sur la dernière version doryphore depuis cette même page
- célébrer !
Vous découvrez un bug ? Voici comment nous le déclarer : https://yeswiki.net/?LaGareCentrale
Éditer et modifier un menu
Éditer et modifier un menu
Un wiki comporte généralement plusieurs menus. Un menu est tout simplement une page Wiki.
Par défaut un wiki contient les menus suivants :
- un menu horizontal, situé généralement en haut de page
- un menu configuration, accessible en cliquant sur la roue dentée en haut à droite
- un menu vertical, généralement situé à gauche ou à droite de la partie contenu de la page (pas représenté sur le dessin ci-dessus :-()
Il y a trois manières d'accéder à une page menu pour la modifier :
Roue crantée

Dans la page Gestion du site, vous retrouvez les liens vers les pages "Éditer menu horizontal d'en haut" et "Éditer menu vertical sur le côté" (à créer)
Par l'url du menu

Pour les menus par défaut ces url sont :
- <votreurldesite.ext>/?PageMenuHaut
- <votreurldesite.ext>/?PageRapideHaut
- <votreurldesite.ext>/?PageMenu
Double-clic

double-cliquer sur un menu lui-même vous amène au mode édition de la page qui le pilote.
Il n'est pas toujours évident se trouver l'endroit précis où le double-clic fonctionne (notamment si beaucoup de liens sont présents dans le menu), il est donc conseillé d'utiliser les méthodes proposées ci-dessus.
Modifier
Pré-requis : savoir faire des liens : Voir la page de la documentation "Créer une lien"
Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce.
Elle se provoque grâce à un espace placé en début de ligne. Un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau).
Vos titres de menu doivent mener à des pages en créant des liens (selon la méthode Yeswiki)
- Niveau 1 - [[ChatMot Titre 1-A]] - Titre 1-B - Niveau 2 - Titre 2-A - Titre 2-B - Titre 2-C
{{edithandlersacls}}
Empêcher l'indexation de son YesWiki par les moteurs de recherche
Empêcher l'indexation de son YesWiki par les moteurs de recherche
Il est parfois intéressant de pouvoir limiter l'indexation de son Wiki par les moteurs de recherche.
Pour ce faire :
Il faut agir sur le fichier robot.txt qui se trouve à la racine de votre wiki.
Suggestion : il y a également une solution à la fois sûre et simple à mettre en place qui consiste à demander une authentification htaccess/htpassword. https://ouvaton.coop/proteger-par-htpasswd. É partir du moment où le wiki concerné est un outil de travail collaboratif, cette étape ne constitue pas une véritable contrainte.
Editez ce fichier et remplacez
# www.robotstxt.org/ # www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 User-agent: *
User-Agent: * Disallow: /
'meta' => array('robots' => 'noindex, nofollow'),
Voici d'autres exemples de fichier robots.txt :
Exclusion de toutes les pages :
User-Agent: *
Disallow: /
Exclusion d'aucune page (équivalent É l'absence de fichier robots.txt, toutes les pages sont visitées) :
User-Agent: *
Disallow:
Autorisation d'un seul robot :
User-Agent: nomDuRobot
Disallow :
User-Agent: *
Disallow: /
Exclusion d'un robot :
User-Agent: nomdurobot
Disallow: /
User-Agent: *
Disallow:
Exclusion d'une page :
User-Agent: *
Disallow: /repertoire/chemin/page.html
Exclusion de plusieurs page :
User-Agent: *
Disallow: /repertoire/chemin/page.html
Disallow: /repertoire/chemin/page2.html
Disallow: /repertoire/chemin/page3.html
Exclusion de toutes les pages d'un répertoire et ses sous-dossiers :
User-Agent: *
Disallow: /repertoire/
Indiquer à Google ne pas suivre un lien :
<a href="http://www.yeswiki.net" rel="nofollow">ancre du texte de la page wiki</a>
ExtensionsSupplementairesYesWiki
- Activité : récupère la liste de tous les wikis installés sur un même espace et fourni leur flux RSS
- Captcha permet d'installer un captcha lors de l'édition d'une page
- Duplicateur : copie d'un ensemble de pages wiki d'un wiki à l'autre
- Ferme : interface pour gérer une ferme à wikis (installer des nouveaux wikis sur le même domaine)
- Googleanalytics : ajout de l'outils de statistiques Google Analytics aux pages de votre wiki
- Statistique permet d'installer un gestionnaire de statistiques pour votre wiki
- Espace co-écritire permet de créer des espaces de co-écriture au sein du wiki
- Markdown permet d'utiliser du markdown au sein de wiki
- Notif : recevoir par mail les modifications d'une page (en cours ou dépréciée ?)
- Pdf : génére un pdf à partir d'une page wiki
- Qrcode : générateur de qrcodes pour YesWiki
- Wikical : petit calendrier généré à partir des éléments entrés dans un fichier calendrier standard (.ICS)
- Wikicolor : coloration de texte dans YesWiki
- Ebook pdf permet de créer un pdf à partir d'une sélection de page wiki
- ebook : Générateur d'ebook aux formats epub et pdf à partir des pages wikis ou fiche bazar.
- ferme : Gérer une ferme à wikis a partir d'un formulaire bazar.
- googledrive : Créer des documents google et etherpad avec bazar.
- ipblock : Bloque les accès en édition pour les adresses ip de différents pays.
- LMS : Permet d'utiliser YesWiki comme une plateforme d'apprentissage (LMS : Learning Management System).
- loginldap : Remplace l'authentification de YesWiki par celle d'un annuaire LDAP,
- markdown : Active markdown au sein de YesWiki.
- qrcode : Générateur de Qrcodes et application QrcodeTroc
- Webhooks : ajouter de webhooks sortant
- Actions : ajoute la gestion des utilisateurs (suppression possible) à Yeswiki
- Cartowiki : représentation géographique de données
- Chatmot : création automatique d'un ChatMot à partir d'un titre de page
- Convergence : système de vote participatif
- Multilinguisme : changer la langue par défaut de YesWiki
- Notif : recevoir par mail les modifications d'une page
- Pointimagewiki : ajouter des points avec une description sur une image
- Rss : informations plus complètes dans le flux RSS des dernières modifications
- Tableau : ajoute une syntaxe pour formater des tableaux
- Tableofcontent : ajout d'une table des matières à une page
galerie_photos.tpl.html
Glossaire
Glossaire
- Action :
- Une action exécute une série d'opérations et affiche le résultat obtenu à l'endroit où elle est décrite dans la page.
C'est utilisé par exemple pour afficher un bouton, la liste des utilisateurs, un nuage de mots-clés.
Il est possible de spécifier des paramètres afin de personnaliser ce résultat (ordre du tri, nombre d'entrées, taille...).
La liste des paramètres est indiquée sur la page de documentation de chaque action :
cf. Liste des actions
Certains paramètres peuvent être obligatoires.
Syntaxe
Une action s'écrit avec 2 accolades ouvrantes, suivi du nom de l'action, suivi par des éventuels paramètres, puis fermée par 2 accolades fermantes :
{{nomaction param1="valeur1" param2="valeur2" ... paramN="valeurN"}}
Action dépréciée
Une action qui fonctionne encore mais qui a été remplacée ou intégrée dans une nouvelle action et qui sera supprimée dans la prochaine version de "YesWiki".
- Base de données :
- Une base de données est un outil permettant de stocker et de retrouver l'intégralité de données brutes ou d'informations en rapport avec un thème ou une activité ; celles-ci peuvent être de natures différentes et plus ou moins reliées entre elles.
Quand on parle de base de données pour YesWiki, on peut se référer à 2 choses :
- MySQL
C'est invisible pour l'internaute.
Par exemple, quand vous créez une nouvelle page sur votre YesWiki, cela crée une nouvelle entrée dans la base de données MySQL.
- Bazar
Par exemple, cette partie Glossaire est une base de données bazar.
En savoir plus sur l'action bazar
- Bootstrap :
- Bootstrap est une bibliothèque libre de mises en forme prédéfinies.
http://getbootstrap.com
YesWiki propose des thèmes créés avec des éléments Bootstrap. Par exemple les thèmes Bootstrap et Bootstrap3.
Bootstrap est aujourd'hui indispensable au fonctionnement de YesWiki. Par exemple, la mise en forme des formulaires bazar s'appuie sur Bootstrap.
Quand une action accepte un paramètre "class", vous pouvez y intégrer les classes CSS de Bootstrap. Il est alors très facile d'obtenir un rendu esthétique.
- Cercopithèque :
- Cercopithèque est le nom d'une version de YesWiki. Parfois abrégé "Cerco".
La précédente version s'appele Bachibouzouk.
La version suivante s’appellera Doryphore.
le nom des versions YesWiki viennent des insultes du capitaine Haddock dans la bande déssinée Tintin
- Classes CSS :
- CSS (Cascading Style Sheets ou feuilles de style en cascade) est un langage informatique qui décrit la présentation des documents HTML et XML.
Voir définition de Wikipédia.
Un thème est composé d'un squelette et d'une feuille de style. C'est cette feuille de style qui est au format CSS.
Vous pouvez préciser la mise en forme d'une action grâce aux classes CSS : Paramètre "class".
- Embed :
- Balise HTML qui permet d'incorporer un élément extérieur dans une page (Video, Audio...).
Voir la page dédiée à l'intégration de widgets
- Extension :
- Une extension est un petit module optionnel que l'on pourra ajouter à son YesWiki de base pour par exemple voir les statistiques du wiki, inclure des espaces de coécriture ou pour récupérer des pages wiki au format PDF. Certaines actions sont réservées au compte super administrateur (en général WikiAdmin).
Les extensions permettent d'activer de nouvelles actions et handlers
Si un message d'alerte de type Action inconnue "toto" apparaît, soit vous avez mal orthographié votre action, soit l'outil correspondant n'est pas installé ou pas activé.
installation
Vous pouvez ajouter une extension en utilisant l'utilitaire de mise à jour disponible sur la page WikiAdmin. TODO: quelle version de YesWiki ? Sur Cercopithèque je ne trouve pas cette fonctionnalité.
- FTP :
- File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est le moyen de transférer des fichiers depuis son ordinateur vers un serveur web (et inversement).
Un logiciel client FTP est l'outil de base du webmestre. Par exemple : FileZilla.
- Handler :
- Un handler est une commande qui permet de modifier la façon d'afficher une page. On l'active en ajoutant à la fin de l'adresse URL, le signe / suivi du nom du handler.
Exemples
Ajouter /raw a la fin d'une adresse URL de YesWiki (dans la barre d'URL de votre navigateur), permet d'obtenir le contenu de la page sans interprétation, en syntaxe wiki.
http://yeswiki.net/cercopitheque/wakka.php?wiki=DocumentationFonctionsAvancees/raw
Ajouter /edit a la fin d'une adresse url de YesWiki (dans la barre d'url de votre navigateur), permet d'afficher la page en mode édition
http://yeswiki.net/cercopitheque/wakka.php?wiki=DocumentationFonctionsAvancees/edit
La liste des handlers existants est disponible sur la page Liste des handlers
- Hébergement :
- Espace web où sont stockées les données de votre site.
Un hébergeur vous vend un espace d'hébergement pour votre site. Souvent il vous propose aussi des noms de domaine, des bases de données, des adresses mails, des mailing-lists ...
Exemples d'hébergeurs : OVH.net, Ouvaton.coop, Gandi.net
- Iframe :
- Balise HTML qui permet d'insérer une page extérieure. Cela permet par exemple d'incorporer un pad, un outil Google ou autre.
Voir la page dédiée à l'intégration de widgets
- Pad :
- espace de co-écriture en ligne.
Un pad vous permet d'écrire un document à plusieurs et à distance, en visualisant les apports de chacun-e.
Sites proposant des pads : framapad, etherpad, piratepad ...
- RSS :
- Gestion d'un flux de données, format XML, et ce serait bien de pouvoir en intégrer un facilement dans une page YesWiki ... (ou Atom, à la rigueur...)
- Template :
- Un template est un modèle de conception de logiciel ou de présentation des données.
Dans YesWiki, on retrouve le terme template :
- pour les thèmes graphiques (Voir la fiche sur les thèmes graphiques)
- pour les formulaires bazar : c'est la case dans laquelle vous devez saisir le code dictant les questions du formulaire
- URL :
- Le sigle URL (de l'anglais Uniform Resource Locator, littéralement « localisateur uniforme de ressource ») est en fait "l'adresse web" d'un site internet. Vous pouvez la lire en haut de votre navigateur web. Elle commence généralement par http://www.
plop
- Widget :
- C'est un nom construit à partir des termes anglais « window » et « gadget ». Ici nous parlons de widget interactif, un petit outil, un code qui permet d'afficher des informations, des contenus, une carte dans une autre page de votre yeswiki ou même dans un autre site, autre CMS. Par exemple créer une carte à partir de bazar et l'afficher ailleurs dans le wiki. Voir page documentation.
- Adapté de https://fr.wikipedia.org/wiki/Widget
- XML :
- Format de données "semi-structuré" très répandu sur Internet de part sa flexibilité: https://fr.wikipedia.org/wiki/Extensible_Markup_Language
- iCAL :
- Flux de données de type agenda/calendrier standardisé... Et ce serait bien que YesWiki permette une exportation iCAL de ses propres Calendriers, ainsi que l'affichage d'agenda externes depuis leur lien iCAL...
Historique et révisions
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 :

- 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.Installation de Yeswiki sur Cloudron
Installation de Yeswiki sur Cloudron
Introduction
Cloudron est une plateforme qui permet de déployer des applications en un clic. C'est un logiciel libre, on peut donc installer cloudron sur son serveur, ou prendre une offre en SaaS (Software as a Service - c'est-à-dire qu'on achète l'accès à la plateforme/à l'application/au site web, qui reste hébergé, sécurisé et géré par celui que l'on paye). Cloudron (une entreprise allemande) propose des offres en Saas, en France c'est possible chez Ohm.coop.Une fois installé, Cloudron permet de déployer etherpad (écriture collaborative), nextcloud (partage de documents) ou des dizaines d'applications (mattermost, rocketchat, etc..). Il permet aussi de déployer un LAMP (pour Linux Apache MySql Php, c'est à dire un petit serveur linux prêt à fonctionner) sur lequel il est possible d'installer Yeswiki.
L'avantage est de disposer de ses différentes applications sécurisées et au même endroit (voir avec le même identifiant/mot de passe, par exemple pour son cloud et son yeswiki (en cours de test pour Yeswiki)
Installation de Yeswiki
Une fois l'appli LAMP déployée,
pour installer Yeswiki il faut avoir les identifiants de la base de donnée. Pour cela, il faut accéder au terminal

et entrer la commande
env | grep MYSQL_
Ensuite il faut comme pour une installation "normale" téléverser les fichiers du wiki sur le serveur. Pour se faire ouvrir un client ftp (Filezilla par exemple) et accéder au serveur en utilisant les identifiants suivants :
Hôte: sftp://sousdommainedulamp.domaineducloudron.extension (exemple sftp://bonjour.ohmdemo.fr) Identifiant/mdp : même identifiant que celui de cloudron Port : en général 2222
Ensuite l'installation se fait comme sur tout autre serveur (documentation classique)
Configurer son YesWiki en Intranet : protéger son wiki par un mot de passe
Configurer son YesWiki en Intranet : protéger son wiki par un mot de passe
En bref,
- lors de l'accès au wiki protégé, un popup s'ouvre et demande login et mot de passe
- une fois cette porte franchie, vous êtes sur un wiki que vous pouvez laisser en écriture ouverte à tous. Ce qui facilite pas mal la participation.
1ere méthode : par le fichier wakka.config.php
Cette opération ne peut être effectuée que par le ou les administrateurs techniques du site (webmestre(s))Dans le fichier "wakka.config.php", situé à la racine du Yeswiki remplacez :
'default_write_acl' => '*', 'default_read_acl' => '*',
par
'default_write_acl' => '+', 'default_read_acl' => '+',
2nd méthode : depuis le serveur
Suivant le type de serveur, la méthode à suivre est différente
Sous nginx
sur le site concerné, ajouter l'optionlocation /intranet { auth_basic "acces restreint"; auth_basic_user_file /var/www/crie.be/private/htpasswd; }
location /intranet => l'emplacement sur votre serveur du dossier à protéger
/var/www/crie.be/web/htpasswd; => emplacement sur votre serveur où se trouve le fichier contenant login et mot de passe chiffré
pour générer un mot de passe chiffré
- allez sur http://www.tools.dynamicdrive.com/
- taper un login et un mot de passe en vis-à-vis
- faire submit
- récupérer le code et le copier dans un fichier htpasswd
- placer ce fichier htpasswd à l'emplacement renseigné plus haut
sous apache
à venir = utiliser protector.phpAller plus loin en liant des formulaires entre eux...
Aller plus loin en liant des formulaires entre eux...
Il peut être intéressant de lier des formulaires entre-eux pour par exemple :
créer une liste déroulante dont le contenu est rempli automatiquement et DYNAMIQUEMENT avec le contenu d'une autre formulaire bazar.
Ce bout de code est à insérer dans votre formulaire à l'endroit où vous souhaitez le voir apparaîtrelistefiche***numéro de formulaire***texte label*** *** *** *** *** ***recherche possible? (0 non, 1 oui)***obligatoire (0 non, 1 oui)*** *** ***listeNomDeLaListe=ID de la valeur de la liste
Le 13eme champ sert à pré-trier (ou à filtrer, ou encore faire une "query") sur la base d'une liste/checkbox utilisée dans le formulaire qu'on appelle.
- si on a utilisé un champ "cases à cocher" : checkboxNomDeLaListe=ID de la valeur de la liste
- si on a utilisé un champ "liste déroulante" : listeNomDeLaListe=ID de la valeur de la liste
Attention : ne fonctionne que sur les wikis récemment mis à jour
créer une zone de cases à cocher dont le contenu est rempli automatiquement et DYNAMIQUEMENT avec le contenu d'une autre formulaire bazar
Ce bout de code est à insérer dans votre formulaire à l'endroit où vous souhaitez le voir apparaîtreExemple de syntaxe à copier/coller :
checkboxfiche***3***Liste des fiches*** *** ***TestfichE,Testfiche2***bf_liste_fiche***tags***1*** ***Choisissez vos fiches*** ***@admins*** *** ***listeNomDeLaListe=id_oui
Position | paramètre |
0 | Type de champ : checkboxfiche |
1 | Numéro de formulaire : Pour trouver l'identifiant du formulaire, aller sur la page Base de donnée , cliquez sur Formulaires et récupérez l'ID du formulaire que vous souhaitez utiliser (ex: 3) NB : il faudra évidemment que vous ayez créé un formulaire |
2 | Intitulé affiché : (exemple : Liste des fiches)
|
3 | Non-utilisé |
4 | Non-utilisé |
5 | Valeurs par défaut : indiquer les NomWiki des fiches du formulaire qui seront sélectionnées par défaut, séparés par des virgules. Dans l'exemple : 2 fiches sélectionnées dont les NomWiki sont TestfichE et Testfiche2 |
6 | Identifiant du champ : c'est le nom unique qui sera utilisé pour identifier ce champ parmi les autres. (ex.: bf_liste_fiche) Il est nécessaire de le définir si un formulaire utilise plusieurs fois checkboxfiche pour le même ID de formulaire. |
7 | Choix du mode de complétion :
|
8 | Saisie obligatoire : indique si la saisie de ce champ est obligatoire. 0 ou vide = non obligatoire, 1 = obligatoire |
9 | Présence dans le moteur de recherche : vide = non (par défaut), 1 = oui |
10 | Texte d'aide à la saisie : ce qui est écrit dans cette zone deviendra une bulle d'aide visible lorsque l'utilisateur cliquera sur un petit point d'interrogation bleu (dans l'exemple : "Choisissez vos fiches") |
11 | Droits d'accès au contenu du champ. (NON FONCTIONNEL avant Doryphore) Même fonctionnement que pour les droits d'accès aux pages : le contenu de ce champ permet de réserver en lecture l'accès à son contenu : * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins). Ici le champ indique un accès à tout le monde (*). Il est possible de combiner plusieurs groupes en les séparant par des espaces. |
12 | Droits d'accès à la saisie du champ. (quasi générique) Même fonctionnement que pour les droits d'accès aux pages : le contenu de ce champ permet de réserver l'écriture dans ce champ du formulaire : * (tout le monde, par défaut), + (utilisateurs identifiés), % (propriétaire de la fiche et administrateur uniquement), @admins (membre du groupe admins). Ici le champ indique un accès à la saisie au groupe des administrateurs uniquement (@admins). Il est possible de combiner plusieurs groupes en les séparant par des espaces. |
13 | Mots-clés : mots clés séparés par des virgules aussi utilisés pour compléter les critères de tri du champ 15 ci-dessous |
14 | Appelation sémantique : utilisation avancée |
15 | Critère de tri : champ sert à pré-trier (ou à filtrer, ou encore faire une "query") sur la base d'une liste/checkbox utilisée dans le formulaire qu'on appelle.
Attention : ne fonctionne que sur les wikis récemment mis à jour |
afficher dans une fiche bazar, les fiches qui y sont liées (par exemple une fiche présentant une structure et toutes les personnes qui s'y sont liées)
Ce bout de code est à insérer dans votre formulaire à l'endroit où vous souhaitez le voir apparaîtreEn complément à cette option, il vous est possible aussi d'appeler dans un formulaire les fiches liées.
Explication :vous avez un formulaire bazar1 présentant des projets et un autre bazar2 permettant d'ajouter des commentaires sur ces projets (l'utilisateur choisissant dans une liste déroulante dynamique la fiche projet qu'il souhaite commenter - grâce à l'option listefiche)
En intégrant dans le syntaxe de votre formulaire bazar1 projet le code suivant
listefiches***id***query*** ***nb de fiches à afficher***nomdutemplate.tpl.html***
vous verrez apparaître en bas de chaque fiche projet l'ensemble des commentaires qui lui sont liés !
Position | paramètre |
type de champ | listefiches (avec un s) |
1 | id du formulaire lié |
2 | query="" permet d'afficher une partie seulement de la base de données sur base d'un tri Voir le détail de la syntaxe |
3 | Vous pouvez mettre ici des paramètres tels que ceux qu'on peut mettre dans bazarliste, par ex ordre="desc" champ="bf_titre" pagination="10" |
4 | permet de limiter l'affichage des fiches liées, on met par ex 5 |
5 | Indique le template d'affichage (look pour l'affichage des fiches). Par défaut : en accordéon. |
6 | mettre checkbox ici si vos fiches liées le sont via un checkbox |
liste_fiches_horscarte.tpl.html
liste_galerie.tpl.html
liste_liens_date.tpl.html
liste_mails_seuls.tpl.html
Lutter contre le spam
Lutter contre le spam
Hélas comme la plupart des wikis ouverts (MediaWiki, DokuWiki), YesWiki n'échappe pas aux attaques de quelques emmerdeurs référenceurs soit-disant professionnels et autres robots de spam, qui polluent les contenus des pages.Les 10 commandements du lutteur anti spam
1. Je consulte régulièrement mon wiki2. Je m'abonne à son flux RSS => Voir la documentation : flux RSS
3. Je consulte la page TableauDeBordDeCeWiki de mon wiki (accessible depuis la "roue crantée")
4. Je vérifie les dernières pages modifiées dans le TableauDeBordDeCeWiki ou sur la page DerniersChangements
5. Je vérifie les derniers comptes crées sur la page TableauDeBordDeCeWiki. (Action {{Listusers last="20"}} )
6. J'édite les pages en question et je supprime les parties indésirables, puis je sauve. (Cela prend moins d'une minute)
7. Je protège l'accès en écriture des pages non collectives (PageRapideHaut, PageHeader, PageFooter, etc.) => Voir la doc
8. Je mets à jour mon YesWiki quand une nouvelle version sort.
9. Pour les plus endurcis, je fais le grand ménage avec l'outil despam (voir plus bas)
10. Je ne cède pas à la tentation de transformer mon espace collaboratif en bunker. Et je continue à mettre en balance les effets positifs de l'intelligence collective.
Les symptômes : comment identifier les spams ?
- Vous pouvez découvrir sur une ou plusieurs pages des liens vers des sites externes qui semblent sans rapport avec l'objet du wiki (qui vendent des robes de mariée, des sites indonésien sans rapport, des liens commerciaux vers la loi duflot, des textes en langue étrangère etc..)
- Il se peut aussi que de nouvelles pages soit créées, et dans certains cas de nouveaux utilisateurs wikis.
Que faire si vous avez du spam ?
Utiliser les paramètres de contrôle d'accès via le wakka config
Des nouveaux paramètres ont été ajoutés dans le wakkaconfig et permettent notamment- d'ajouter un capcha en mode édition
- d'ajouter un champ (mot de passe) en entrée du mode édition (+ un message informatif sur ce mot de passe)
- Découvrez-les ici
Pour les ajouts dans une page isolée (moins de une minute)
- Editer la page en question et supprimer la partie indésirable, puis sauver. (Cela prend moins d'une minute)
Pour de nouvelles pages indésirables créées
Si vous pouvez vous connecter en tant que WikiAdmin :- s'identifier en tant qu'administrateur du wiki (WikiAdmin par défaut)
- éditer les permissions de la page pour mettre le compte WikiAdmin propriétaire de la page
- supprimer la page à partir du lien sur la barre d'action en bas de page
- éditer la page et remplacer tout le texte de spam par un caractère (il faut au moins un contenu autre qu'un espace dans la page pour la sauver (pour ma part j'utilise ".")
Pour supprimer les commentaires indésirables
- Ajouter l'action {{erasespamedcomments}} dans la page de votre choix. (Elle n'est accessible qu'aux administrateurs)
- Ensuite cocher les commentaires indésirables et appuyer sur le bouton "Nettoyer >"
pour supprimer de nombreuses pages rapidement
SI vous êtes connecté-e en tant qu'admin, il vous suffit de coller ceci à la fin de l'url des pages à supprimer : /deletepage&confirme=ouiCela vous évite toutes les manipulations décrites ICI, qui deviennent très fastidieuses lorsqu'on a plusieurs pages à supprimer. Attention, ce "raccourci" supprime définitivement la page sans message de confirmation, ne vous trompez donc pas !
pour les attaques massives sur de nombreuses pages (utilisateurs avancés)
cette technique nécessite des informations sur les codes FTP et MysqlPour faire le grand ménage avec le tools despam :
- aller sur la barre d'adresse url de votre navigateur et remplacer wakka.php (et ce qu'il y a derrière) par tools.php (pour avoir une url du type http://monadressedewiki/tools.php )
- identifiez-vous à l'aide des identifiants de la base de données Mysql plutôt que vos identifiants wiki
- la liste des extensions apparaît, cliquer sur "Nettoyage Spam"
- Sélectionner l'intervalle de temps à prendre en compte pour les dernière modifications
- cocher les choix adéquats, entre supprimer la page ou revenir à la version précédente
- ATTENTION, il faut IMPÉRATIVEMENT vérifier les pages en question pour ne pas supprimer définitivement le contenu!!
- cliquer sur "Nettoyer"
pour supprimer les utilisateurs non désirables (utilisateurs avancés, non disponible par défaut)
Ajouter par FTP, dans le répertoire tools l'extension suivante : http://yeswiki.net/downloads/actions.zipPour la mise en oeuvre, voir la documentation suivante:
Télécharger le fichier doc_action_delete.pdf (0.7MB)
Les médicaments en préventifs
- mettre à jour YesWiki quand une nouvelle version sort, la protection antispam fait partie des priorités de développement
- en dernier recours (car cela coupe la facilité de passage à l'acte) gérer les droits d'accès des pages pour restreindre l'édition aux personnes identifiées.
{{mailperiod}}
{{mailperiod}}
Permet d'afficher un service d'abonnement mail sur n'importe quelle page de votre wiki pour en recevoir le contenu à interval régulier. (par ex le tableau de bord)Piur activer ce service, placer {{mailperiod}} sur la page concernée.
Puis faites les démarches ci-dessous
une partie se déroule dans le service online https://cron-job.org, Le reste se paramètre dans votre wakka config
Définir le cron
- se créer un compte sur https://cron-job.org, l'activer via le mail reçu automatiquement.
- Une fois identifé·e, cliquez sur "Cronjobs", puis "Create a con"
- l'url a indiquer est https://URLDEVOTREWIKI/?NOMDELAPAGEWIKI/sendmail&key=CeciEstUnEssaideClePourProteger&period=day
- A la fin de cette URL, on peut personnaliser "period=", en mettant day (journalier), week (hebdomadaire) ou month (mensuel)
- évidemment, pensez à adapter la partie de l'url avant le /sendmail...
Dans la partie "Schedule"
On peut choisir la fréquence (minutes, jour ou mois)Si on veut un envoi hebdomadaire, il faut cliquer sur "user-defined". Une box s'ouvre et il faut cocher
- tous les jours du mois
- choisir le jour de l'envoi dans la colonne "days of week"
- cocher tous les mois
- choisir une heure et minute
Dans la partie "Notifications"
- cocher "execution oft the cronjob fails" ET "the cronjob will be disabled because of too many failures"
- request method : Get
- et cocher enable cronjob
mettre à jour son wakka config
placer dans votre wakka config le nom de la clé utilisée dans l'url (voir ci-dessus)'contact_passphrase' => 'CeciEstUnEssaideClePourProteger',
Comment désabonner une adresse/utilisateur ?
Le principe : Mailperiod créé des "groupes" d'utilisateur, dont le nom est MailNomdelapageFrequence. Par exemple; pour un abonnement "journalier" sur une page d'accueil, le nom du groupe créé est MailPagePrincipaleDayConcrètement pour désabonner des utilisateurs ? Comme pour les autres groupes d'utilisateurs, il faut aller dans Gestion du site (page WikiAdmin) pour voir le groupe et effacer les NomsWikis des utilisateurs concernés.
mails_maj.tpl.html
map.tpl.html
material-card.tpl.html
IIlustrez vos wiki avec des images, vidéos...
IIlustrez vos wiki avec des images, vidéos...
Libres de droits ou avec une licence libre
Des images, des illustrations, etc.
- Unsplash : des images hautes définition libres
- Pixabay : des images, des illustrations et des vidéo
- Wikimedia commons : 35 millions de fichiers médias utilisables librement
- Pikwizard : Stunning FREE Stock Photos
Des icones
Et aussi...
- Wordle : faites des "nuages de mots clés"
- 3Dshapes : présentez des couvertures de livre, DVD et CD en perspective (3D)
Améliorez vos images
- XNConvert : un logiciel pour redimensionner, découper, et améliorer plusieurs images d'un coup
- Colorzilla : une extension pour les navigateurs afin de connaitre le code d'une couleur affichée à l'écran
- Adobe color CC : trouvez les couleurs complémetaires d'une couleur particulière
Faites des vidéos et des animations pour vos Wiki de formation
{{moteurrecherche}}
{{moteurrecherche}}
- Comportements
- permet d'ajouter un formulaire de recherche au sein du wiki
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
btnclass | change la couleur du bouton |
iconclass | place une icône sur le bouton / reprendre la syntaxe de l'icône sur bootstrap |
template | le nom du template à utiliser. 3 templates existent
|
class | les paramètres de class pour faire varier la mise en page /A COMPLETER |
Architecture et développement de Yeswiki
Architecture et développement de Yeswiki
Dossiers et fichiers de la distribution
actions : contient les actions yeswiki de base que l'on peut mettre entre accolades par ex: {{nomdelaction parametre="valeur du paramètre"}}cache : contient les vignette, cache des flux rss , et autre (peut être vidé)
files : contient les fichiers uploades par les utilisateurs
formatters : contient les fichiers qui gerent la syntaxe wiki (les = pour titres etc)
handlers/page : actions a passer dans l'url /edit /raw /show /revisions /acls
includes : bibliothèques php utilisées par le code, dont les classes php principales de yeswiki
lang : dossier de langues
setup : dossier appelle à l'installation (s'il ne trouve pas de fichier wakka.config.php)
setup/docs : contient des fichiers <NomWikiPage>.txt avec le contenu des pages créées a l'installation d'un wiki
themes : contient les themes et les templates (voir la documentation)
tools : contient les extensions de base de YesWiki, puis celles ajoutées par l'utilisateur.
vendor : bibliothèques externes
.gitignore : fichier de config de git (pour dire les fichier et dossier qu'il ne doit pas surveiller)
COPYING : texte de présentation de licence à lire
INSTALL : texte de présentation de l'install à lire
LICENSE : texte de présentation de licence à lire
README.md : texte de présentation générale de yeswiki (apparaît en bas de github)
index.php : fichier lancé par défaut, initialise yeswiki
interwiki.conf : ancienne conf pour gérer l'inter wiki (plus trop utilisé)
robots.txt : directives pour les robots des moteurs de recherche
wakka.basic.css : graphisme par défaut de wiki si l'extension templates n'est pas utilisée
wakka.config.php : fichier de configuration de yeswiki, contient les informations pour se connecter à la base de données entre autre, si ce fichier est inexistant, la procédure d'installation se lance
wakka.css : graphisme par défaut de wiki si l'extension templates n'est pas utilisée
wakka.php : nom historique présent pour retro-compatibilité, renvoie à index.php
Créer des themes YesWiki
TODO : cours plus détailléPour créer un nouveau thème, il vaut mieux dupliquer un thème existant et le glisser dans le dossier themes.
Créer des actions YesWiki
Exemple pratique de l'action {{salutations}}
si l'on ajoute un fichier salutations.php dans le dossier actions, ce sera automatiquement reconnu comme un action wikiexemple de contenu :
affichage de base
<?php echo "bonjour c'est moi !";
Dans ce cas {{salutations}} écrit dans une page wiki affiche "bonjour c'est moi !
utiliser des parametres
<?php $name = $this->GetParameter("name"); // permet de recuperer le parametre "name" (nom de quelqu'un) ex: ""{{salutations name="Florian" }}"" $adjectif = $this->GetParameter("adjectif"); // permet de recuperer le parametre "name" (nom de quelqu'un) ex: ""{{salutations name="Florian" adjectif="le magnifique"}} "" echo "bonjour ".$name." ".$adjectif.", c'est moi !";
test des parametres
<?php $name = $this->GetParameter("name"); // permet de recuperer le parametre "name" (nom de quelqu'un) ex: ""{{salutations name="Florian" }} "" if (empty($name)) { echo "<div class="alert alert-error">Erreur : action salutations : le paramètre 'name' est obligatoire.</div>"; } else { echo "Bonjour ".$name." , c'est moi !"; }
ajout au fichier de configuration wakka.config.php
'moment_de_la_journee' => "jour" // ou "nuit"
dans l'action
<?php // travailler avec un element du fichier de configuration if ($this->config["moment_de_la_journee"] ""<span id="TOC_5_21" class="yeswiki-title-anchor"></span>""== 'jour') { echo "bonjour"; } elseif ($this->config["moment_de_la_journee"] == 'nuit') { echo "bonsoir"; }
requetes SQL
dans l'action<?php // pour les insert, update, delete, actions qui ne renvoient par de resultat // Le prefixe des tables est sauvegardé dans le fichier config (clé : table_prefix) // efface tout l'historique des page $this->Query('DELETE FROM '.$this->config['table_prefix'].'pages WHERE latest="N";'); // Pour les requetes de selection $results = $this->LoadAll('SELECT * FROM '.$this->config['table_prefix'].'pages WHERE latest="Y";'); // sort tous les résultats $result = $this->LoadSingle('SELECT * FROM '.$this->config['table_prefix'].'pages WHERE latest="Y";'); // sort uniquement le premier résultat
liens
//affiche le lien en mode edition de la page courante echo $this->href('edit', $this->GetPageTag()); // affiche le lien en mode consultation de la page ToTo echo $this->href('', 'ToTo'); // donne la page courante (où l'on se trouve) echo $this->href('', $this->GetPageTag()); // ajouter des parametres GET a l'url courante echo $this->href('', $this->GetPageTag(), 'nb=10&type=photo');
gestion des droits
$this->HasAccess('read', $this->GetPageTag() [, user= ""]); $this->HasAccess('write', $this->GetPageTag()); $this->HasAccess('comment', $this->GetPageTag()); $this->UserIsAdmin() // l'utilisateur est il admin $this->GetUser() // l'utilisateur est il admin
Créer des extensions YesWiki
Pour démarrer
- Créer un dossier dans /tools.
- Les extensions s'appuient sur l'architecture de dossiers de YesWiki. Il faut donc, lorsqu'on crée une extension, respecter l'arborescence de dossiers de l'architecture de base de YesWiki.
- Placer un fichier desc.xml à la base du dossier /tools/monextension.
- l'attribut active de l'élément racine de ce fichier doit valoir 1, sinon l'extension ne sera reconnue comme active par YesWiki.
- la valeur de l'attribut name doit être le nom de l'extension.
- (voir les autres extensions pour le format)
- Le dossier /tools/monextension doit contenir un fichier wiki.php.
- Ce fichier sera le premier exécuté lors de l'exécution de l'extension. C'est donc le bon endroit pour initialiser ce dont on aura besoin (créer des tables, faire des inclusions, des définitions de constantes, aller lire les paramètres par défaut dans wakka.config.php, etc. (voir les autres extensions).
- Ce fichier doit impérativement contenir en premières lignes de code :
if (!defined("WIKINI_VERSION")) { die("accès direct interdit"); }
Important
En cas de conflit de nom, par exemple, si plusieurs extensions ont le même nom, ou si plusieurs tools ont le même nom, ou si plusieurs actions ont le même nom (vous voyez l'idée ?)L'exécution se fait dans l'ordre alphabétique. Ce comportement est propagé dans les actions de ces tools et entre les tools entre eux
Exemple : L'action monaction.php du tools tools1 s'exécute avant l'action monaction.php du tools2
Après, c'est plus ou moins open bar
- Créer des actions dans le dossier actions
- Créer des handler dans le dossier handler/Page
- idem formatters, lang..
- On peut exécuter des bidouilles en amont ou après l'exécution d'une action, d'un handler ou d'un formatter en mettant des underscores :
- __nomdufichier.php pour avant,
- nomdufichier__.php pour après,
- dans ce contexte, $plugin_output_new contient le buffer de l'action par défaut
Piste de standardisation du code
Bonnes pratiquesComposer : https://getcomposer.org/ gestion des dependances php et autoload
Norme php :
- PSR-1 PSR-1: Basic Coding Standard
- PSR-2 Coding Style Guide
Editeur de code opensource
- Visual Studio Code https://code.visualstudio.com/
- Atom https://atom.io/
- avec des linter : des outils pour vérifier si le code respecte des standards
- contient un built-in formatter pour PSR-2
Développer avec YesWiki localement
Développer avec YesWiki localement
Il est possible de développer localement sur votre PC en installant les programmes nécessaires, a savoir le language de programmation php, la base de données mysql, et un serveur web (apache ou nginx).Si vous etes sous windows, le plus simple est d'utiliser Wamp qui regroupe en un seul programme les differentes briques http://www.wampserver.com/
Attention, la version actuelle de YesWiki possède quelques bugs empêchant le bon fonctionnement sur Windows :
Pour les Mac, l'équivalent c'est https://www.mamp.info/en/
Pour linux, selon le systèmes, ya des paquets a installer, par exemple pour ubuntu https://linuxconfig.org/how-to-install-lamp-ubuntu-18-04-bionic-beaver-linux-apache-mysql-php
Contribuer au dépot git
Contribuer au dépot git
Dépôts git utilisés
https://github.com/YesWiki/yeswiki : dépôt du code de YesWikihttps://github.com/YesWiki , tous les dépôts commençant par yeswiki-theme-* : thèmes open source de YesWiki
https://github.com/YesWiki , tous les dépôts commençant par yeswiki-extension-* : : extensions supplémentaires de YesWiki à mettre dans le dossier tools
Utiliser git
Commandes git utiles pour gérer YesWikiphotobox.tpl.html
photo-oxygen.tpl.html
{{ProgressBar}}
{{ProgressBar}}
Cette élégante action permet les affichages suivants :
pour en comprendre la syntaxe, ajoutez /raw à la suite de l'adresse de cette page : http://yeswiki.net/wakka.php?wiki=ProgressBar/raw
""
Liens
Doc en ligne[[http://www.exemple.com Texte qui s'affichera pour le lien externe]]
[[PageDeCeWiki Texte qui s'affichera pour le lien interne]]
[[mailto:accueil@yeswiki.net Pour envoyer un mail à accueil@yeswiki.net]]
Rappel des règles de formatage du texte
Accentuation
**Gras**
//Italique//
__Souligné__
@@Barré@@
Titres
======Titre 1======
=====Titre 2=====
====Titre 3====
===Titre 4===
==Titre 5==
Listes
- Liste à puce niveau 1 - Puce niveau 1 - Puce niveau 2 - Puce niveau 2 - Puce niveau 1 1) Liste énumérée 1) Liste énumérée 1) Liste énumérée
Insérer une ligne
----
Insérer un iframe
Doc en ligne Inclure un autre site, ou un pad, ou une vidéo youtube, etc...""<iframe width=100% height="1250" src="http://exemple.com" frameborder="0" allowfullscreen></iframe>""
Lien qui force l'ouverture vers une page extérieure
""<a href="http://exemple.com" target="_blank">ton texte</a>""
Images
Doc en lignePour télécharger une image, utiliser le bouton Joindre/insérer un fichier
Tableaux
**Nom** | **prénom** | **Couleurs préférées** |
Lagaffe | Gaston | jaune |
Lapalice | Jean | vert |
Boutons wiki
Doc en ligne{{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}
Créer un bouton qui ouvre son contenu dans un nouvel onglet
""<a href="votrelien" target="_blank" class="btn btn-primary btn-xs">votre texte</a>""
Ecrire en html
si vous déposez du html dans la page wiki, il faut l'entourer de """" pour qu'il soit interprété
Placer du code en commentaire sur la page
""<!-- en utilisant ce code on peut mettre du texte qui n’apparaît 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 -->""
Texte en couleur
""<span style="color:#votrecodecouleur;">votre texte à colorer</span>""
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Icônes Emoji ??
Il est possible de copier des icônes dans des sites sources puis de les coller dans votre wiki. Par exemple sur ce siteMise en page par colonne
Doc en ligne le total des colonnes doit faire 12 (ou moins){{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"}}
Créer des onglets dans une page
Doc en ligne Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action {{nav}}. La syntaxe (à répéter sur toutes les pages concernée par la barre d'onglet) est:{{nav links="NomPage1, NomPage2, NomPage3Personne" titles="TitreOnglet1, TitreOnglet2, TitreOnglet3"}}
Créer un cadre dépliable / accordéon
Doc en ligne{{accordion}} {{panel title=" Titre de votre cadre" class="panel-warning"}} contenu de votre cadre {{end elem="panel"}} {{end elem="accordion"}}
Inclure une page dans une autre
{{include page="NomPageAInclure"}}
Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers [[ )
[[|http://lesite.org/nomduwiki PageAInclure]]
Image de fond avec du texte par dessus
Doc en ligne Avec possibilité de mettre du texte par dessus{{backgroundimage height="150" file="monbandeau.jpg" class="white text-center doubletitlesize"}} =====Texte du titre===== description {{endbackgroundimage}}
Couleur de fond avec du texte par dessus
Avec possibilité de mettre du texte par dessus{{backgroundimage height="150" bgcolor="#2BB34A" class="white text-center doubletitlesize"}} =====Texte du titre===== description {{endbackgroundimage}}
Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs
Codes à copier / coller pour améliorer le look
Pour chacun de ces codes vous pourrez dans la "partie" class
- jouer sur les couleurs default, primary, success, warning, danger
- jouer sur l'alignement du texte : text-center, text-justify, text-right, text-left
- jouer sur la couleur du texte : text-default, text-primary, text-success, text-warning, text-danger
Labels
{{label}}Mon label{{end elem="label"}}
Mon label label-primary label-success label-warning label-danger
Alert
{{section class="alert alert-warning" nocontainer="1"}} Attention ! Voici votre message. {{end elem="section"}}
Codes à copier / coller associés à bazar le gestionnaire de base de données
Pour pouvoir utiliser ces codes, il faudra avoir créé un formulaire. Il aura alors un numéro d'identifiant (ID) Doc en ligne
- dans les exemples suivants, le formulaire aura l'identifiant n° 1 : id="1"
afficher le formulaire de saisie
Doc en ligne{{bazar id="1" voirmenu="0" vue="saisir"}}
afficher les fiches associées sous forme d'accordéons
Doc en ligne{{bazarliste id="1"}}
afficher les fiches associées sous forme d'accordéons avec un moteur de recherche
{{bazar id="1" voirmenu="0" vue="recherche"}}
afficher les fiches associées sous forme de calendrier
Doc en ligneSi votre formulaire contient un champ date
{{calendrier id="1"}}
afficher les fiches associées sous forme de carte
Doc en lignesi votre formulaire contient un champ adresse
{{bazarliste id="1" template="map.tpl.html"}}
afficher les fiches associées sous forme de trombinoscope
Doc en lignesi votre formulaire contient un champ image
{{bazarliste id="1" template="trombinoscope.tpl.html"}}
Rendre le Bazar sémantique
Rendre le Bazar sémantique
Qu'est-ce que le web sémantique ?
Selon Wikipedia, « le Web sémantique fournit un modèle qui permet aux données d'être partagées et réutilisées entre plusieurs applications, entreprises et groupes d'utilisateurs ». L'expression a été inventée par Tim Berners-Lee (inventeur du Web et directeur du W3C), qui supervise le développement des technologies communes du Web sémantique. Il le définit comme « une toile de données qui peuvent être traitées directement et indirectement par des machines pour aider leurs utilisateurs à créer de nouvelles connaissances ». Pour y parvenir, le Web sémantique met en œuvre le Web des données qui consiste à lier et structurer l'information sur Internet pour accéder simplement à la connaissance qu'elle contient déjà.
Pour résumer, si ouvrir ses données c'est bien, les ouvrir avec de la sémantique permet aux différentes applications de mieux comprendre le sens des données partagées, et donc d'en avoir un usage plus facile. Utiliser de la sémantique, c'est utiliser des languages que d'autres machines peuvent comprendre et traiter.
Pourquoi rendre le Bazar sémantique ?
Voir la présentation faite ici pour plus de contexteLa base de donnée Bazar n'est pas sémantique par défaut, mais elle peut le devenir en ajoutant certaines métadonnées sur les objets et les champs. Cela permet ensuite d'exporter les données sous format JSON-LD (en plus du format non-sémantique JSON). Un bouton "JSON-LD" apparait alors à côté des boutons "CSV" et "JSON".
La page d'un objet Bazar peut aussi être vue sous forme JSON-LD en utilisant ce header:
Accept: application/ld+json
Finallement, si le vocabulaire sémantique ActivityStreams est utilisé, cela permet de configurer l'extension webhooks pour utiliser ActivityPub.
Comment rendre le Bazar sémantique ?
Soit en important des modèles de formulaires existant (par exemple ceux de https://yeswiki.net), soit en créant ses propres modèles :1. Cliquez sur la roue dentée en haut à droite et cliquez sur "Base de données" ((?BazaR))
2. Editez un formulaire existant ou créez en un nouveau
3. Cliquez sur "Configuration avancée" en bas du formulaire
4. Entrez un contexte sémantique, soit une simple URL (p.ex. https://www.w3.org/ns/activitystreams), soit un contexte plus compliqué sous forme de JSON. Dans l'exemple ci-dessous, on a un contexte principal ActivityStreams et un contexte plus particulier schema.org.
[ "https://www.w3.org/ns/activitystreams", { "schema": "https://schema.org/" } ]
5. Entrez un type sémantique en dessous. Cela défini le type de l'objet entier. Vous pouvez définir le type avec un simple nom (Si vous entrez Article, cela utilisera l'objet https://www.w3.org/ns/activitystreams#Article), soit une liste de types séparés par une virgule. Dans l'exemple ci-dessous, le préfix schema: renvoie au contexte défini ci-dessus:
Article, schema:Article
6. Définissez le type sémantique de chaque champ. Pour cela, vous devez utiliser le 15ème des champs possibles du formulaire, séparé par trois étoiles. Voilà un exemple de formulaire, où le titre utilise la propriété https://www.w3.org/ns/activitystreams#title et https://schema.org/name.
texte***bf_titre***Titre***255***255*** *** *** ***1***0*** *** *** *** ***title, schema:name textelong***bf_description***Contenu***40***30*** *** *** ***1***0*** *** *** *** ***content image***bf_image***Image de présentation (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png*** *** *** ***image
Si vous revenez sur la page principale, vous devriez avoir un bouton "JSON-LD" qui s'affiche sur la ligne du formulaire que vous avez modifié. Si vous cliquez dessus et que vous avez déjà entré des données dans ce formulaire, vous devriez voir les donnes représentées de cette manière :
[ { @context: [ "https://www.w3.org/ns/activitystreams", { schema: "https://schema.org/" } ], @type: [ "Article", "schema:Article" ], @id: "http://localhost/?MonPremierArticle", title: "Mon premier article", schema:name: "Mon premier article", content: "Le premier article de mon blog est maintenant en ligne." } ]
Vous retrouvez toutes les informations définies ci-dessus. A noter que le champ titre est dupliqué, ce qui est obligatoire lorsqu'on a un même champ qui a plusieurs définitions sémantiques. A noter également que si vous n'aviez pas défini la définition sémantique d'un champ de ce bazar, il n'aurait pas été retourné dans le JSON ci-dessus.
Comment développer des templates Bazar spécifiques à un type sémantique ?
A partir du moment où un formulaire Bazar est sémantique, une nouvelle propriété "semantic" est ajoutée aux objets $fiche et $html, qui sont généralement utilisés pour récupérer et afficher les données d'une fiche donnée. Cette propriété contient un objet JSON-LD complet, avec le contexte, le type, l'ID et toutes les propriétés typées que vous avez définies.Il est aussi possible de créer des templates particuliers à un type, pour une utilisation plus large par la communauté YesWiki. Un exemple se trouve dans le fichier /tools/bazar/presentation/templates/activitystreams/note.tpl.html. Ce template est automatiquement appliqué à tout objet qui a pour type une Note ActivityStreams.
- Pour ajouter d'autres types ActivityStreams, il suffit d'ajouter d'autres fichiers dans le même dossier (en utilisant le nom du type en minuscule).
- Pour faire un mapping avec d'autres vocabulaires sémantiques, il suffit d'éditer la variable globale "baz_semantic_types_mapping".
- Si vous ne voulez pas utiliser le template par défaut d'un type sémantique, il suffit de décocher le champ "Utiliser un template sémantique s'il est disponible pour ce type d'objet" dans la configuration avancée du formulaire de l'objet.
Intégrer des emoji dans sa roue crantée ;-)
Intégrer des emoji dans sa roue crantée ;-)
Si vous voulez voir un exemple avant de vous lancer, cliquez donc sur la roue crantée de ce wiki !sur un wiki classique la page roue crantée c'est ça
{{moteurrecherche template="moteurrecherche_button.tpl.html"}} {{buttondropdown icon="cog" caret="0"}} - {{login template="modal.tpl.html" nobtn="1"}} - ------ - {{button nobtn="1" icon="fa fa-question" text="Aide" link="AidE"}} - ------ - {{button nobtn="1" icon="fa fa-wrench" text="Gestion du site" link="GererSite"}} - {{button nobtn="1" icon="fa fa-tachometer-alt" text="Tableau de bord" link="TableauDeBord"}} - {{button nobtn="1" icon="fa fa-briefcase" text="Base de données" link="BazaR"}} {{end elem="buttondropdown"}}
on peut l'embellir un peu en remplaçant les icones par des emojis
{{moteurrecherche template="moteurrecherche_button.tpl.html"}} {{buttondropdown icon="cog" caret="0"}} - {{login template="modal.tpl.html" nobtn="1"}} - ------ - {{button nobtn="1" text="? Aide" link="AidE"}} - ------ - {{button nobtn="1" text="⚙️Gestion du site" link="GererSite"}} - {{button nobtn="1" text="? Tableau de bord" link="TableauDeBord"}} - {{button nobtn="1" text="? Base de données" link="BazaR"}} {{end elem="buttondropdown"}}
{{section}}
{{section}}
Comportements
Permet de délimiter un espace de texte, de titres... sur lequel s'applique un style particulier.
Cette action s'associe avec l'action {{animation}} qui placée en haut de page permettra d'appeler les styles animate.css et wow.css
- l'action {{end elem="section"}} EST NECESSAIRE : Elle clôt la section qui sera affectée par vos effets
{{section}}
votre contenu à afficher sur l'image
{{end elem="section"}}
syntaxe complexe :
{{section class="wow bounce" bgcolor="orange" height="200"}}
votre contenu à afficher sur l'image
{{end elem="section"}}
Paramètres utilisables
- les paramètres en gras sont obligatoires
- un paramètre se déclare de la manière suivante nomduparametre="valeurduparametre"
nom du paramètre | valeurs du paramètre |
class | Ajoute une classe CSS: full-height (l'image prendra tjrs la taille de l'écran même si on redimensionne), fixed (effet parallax), cover (trouve le meilleur ration pour couvrir la zone), center (centre en horizontal) / Rendez vous également au sein de l'action {{animation}} pour voir les effets dont vous disposez !!! / la classe attach permet de charger l'action attach |
file | le nom du fichier (uniquement svg, gif, jpg, jpeg ou png) |
bgcolor | nom de la couleur de fond en ascii ex : #0845ff ou blue ((liste des codes couleurs sur wikipédia et voir cette page et celle-là) |
width | en px = la largeur d'affichage du fichier, le cas échant |
height | en px = la hauteur de votre bandeau |
id | (pour les utilisateurs avancés) l'identifiant de cette section dans le code html |
nocontainer | = "true" ; (pour les utilisateurs avancés) ne pas définir de container dans le code html |
visibility | (pour les utilisateurs avancés sur doryphore uniquement) permet de contrôler l'affichage en fonction du type d'utilisateur, par contre le contenu reste visible en mode édition ; = "*" tout le monde ; "+" un utilisateur connecté ; "@admins" un administrateur ; "NomWiki" le nom d'un utilisateur, "!@UnGroupe" aucun membre du groupe UnGroupe , ... détails ICI |
Sécuriser la structure d'un Yeswiki
Sécuriser la structure d'un Yeswiki
Vous trouverez sur cette page quelques exemples.
Protéger les pages de menu et d'administration
Vous pouvez vouloir protéger en écriture (c'est à dire interdire la modification) certaines pages "sensibles" de votre wiki, par exemple les Menus ou les pages liées à l'administration.Pour se faire, vous pouvez utiliser la gestion des droits et voir comment affiner les droits d'édition des pages.
Par défaut la plupart des pages sont correctements protéger mais si vous avez un peu trop bidouiller dans la gestion des droits, voici un récapitulatif des pages clefs et de leur réglage conseillé.
Liste des pages à protéger
Pages | En lecture / En écriture | Pourquoi limiter son accès ? |
BazaR |
L/E | Peut contenir des informations personnelles |
DerniersChangements |
E | |
DerniersChangementsRSS |
E | |
DerniersCommentaires |
E | |
GererDroits |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
GererMisesAJour |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
GererSite |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
GererThemes |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
GererUtilisateurs |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
PageColonneDroite |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageFooter |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageHeader |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageMenu |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageMenuHaut |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageRapideHaut |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PagesOrphelines |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
PageTitre |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
ParametresUtilisateur |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
ReglesDeFormatage |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
TableauDeBord |
E | Empècher la modification des fonctions vitales de YesWiki aux admins |
WikiAdmin |
L/E | Empècher l'accès aux fonctions vitales de YesWiki aux admins |
Transformer son yeswiki en intranet
Découvrez comment transformer son YesWiki en intranet.semi-ouvert.tpl.html
Style interface
Style interface
<style> :root { --main-text-color:#0c0a3e; --main-text-fontsize:16px; --main-text-lineheight:1.5em; --main-text-fontfamily:'Inter UI', sans-serif; --main-selected-text-bg:#f3c677; --main-bg-color:#E1E1E1; --main-container-bg-color:#fff; /* full width */ --main-container-margin: 0; --main-container-width: 100%; --main-container-text-width: 100%; --main-container-border-radius: 0; --main-container-box-shadow: none; --section-background-image-width:100vw; --section-background-image-margin:-50vw; --section-background-image-position:50%; /* contained page */ /* --main-container-margin: 15px auto 15px auto; --main-container-width: 1000px; --main-container-text-width: 800px; --main-container-border-radius: 4px; --main-container-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); --section-background-image-width:var(--main-container-width); --section-background-image-margin:calc((var(--main-container-text-width) - var(--main-container-width) - 30px) / 2); --section-background-image-position:0;*/ --navbar-bg-color: #7b1e7a; --navbar-text-color: #FFF; --navbar-link-color: #FFF; --navbar-link-bg-color: transparent; --navbar-link-hover-color: #f3c677; --navbar-link-bg-hover-color: transparent; --navbar-border: none; --navbar-border-radius : 4px 4px 0 0; --navbar-shadow: 1px 1px 1px rgba(0,0,0,.2); --header-bg-color: #f4f4f4; --header-text-color: #414141; --header-title-color: #0c0a3e; --footer-bg-color: #0c0a3e; --footer-text-color: #99999b; --footer-link-color: #eee; --footer-title-color: #ccc; --footer-border-top: none; --btn-border:none; --btn-border-radius:2px; --btn-default-color:#7b1e7a; --btn-default-background:#fff; --btn-default-border:1px solid #7b1e7a; --btn-default-hover-color:#b33f62; --btn-default-hover-background:#fff; --btn-default-hover-border:1px solid #b33f62; --btn-primary-color:#fff; --btn-primary-background:#7b1e7a; --btn-primary-border:1px solid #7b1e7a; --btn-primary-hover-color:#fff; --btn-primary-hover-background:#b33f62; --btn-primary-hover-border:1px solid #b33f62; } </style>
Téléchargements Extensions
Téléchargements Extensions
Extensions à installer dans le répertoire /tools.
Extension : Actions
Pour disposer d'une action de gestion des utilisateurs, permettant entre autre de supprimer les utilisateurs non voulus. (par Jean-Pascal Milcent, de Tela Botanica)Extension : a_multilinguisme (alpha version)
Permet de mettre le site yeswiki en anglais, pourrait être adapté pour d'autres languesExtension : Facette
Permet de filtrer le contenu de fiches bazar grâce à des cases à cocher indiquant des critères de catégorisation de ces fichesExtension : Gestionnaire de fiches Bazar
L'extension Bazar permet à la fois de gérer des formulaires et de gérer les données saisies dans ces formulaires.Extension : IP-Block
Blocage par filtre ip des spammeurs indonésiensExtension : despam
Pour effacer les pages affectées de spam de manière radicale (à réserver aux plus aguerris)Extension : Post-installation
Ajout de pages supplémentaires une fois le wiki installéExtension Syndication
L'extension syndication permet d'afficher une liste de liens issus d'un flux RSSExtension Login
L'extension login permet d'afficher un formulaire d'identification simplifié et configurable.De plus, quand on arrive sur une page où il faut être identifié, un formulaire d'identification minimal sera proposé plutôt qu'un message d'erreur.
Extension Contact
L'extension contact permet d'afficher un formulaire d'envoi de mail, d'inscription ou de désinscription à une newsletter, et la possibilité d'envoyer des pages de votre site par mail.Extension Attach
Cette version permet de redimensionner les images automatiquement au moment de l'envoi.Extension Tags
Ensemble d'actions wikini permettant d'associer a des pages wiki des mot clés, afin de catégoriser le contenu.Extensions en vrac
Ici une copie brute de l'ensemble des extensions disponibles :Afin d'éviter des erreurs, il est déconseillé d'écraser le dossier tools déjà présents sur votre espace ftp par ce dossier tools "complet".
Choisissez plutôt dans ce dossier tools "complet" ceux qui vous voulez installer et placez-les un par un dans votre dossier tools sur votre espace FTP.
timeline.tpl.html
trombinoscope.tpl.html
Vidéos didactiques et "Comment faire pour..."
Vidéos didactiques et "Comment faire pour..."
Chaîne vidéos de Yeswiki
Toutes ces vidéos sont disponibles sous licence Creative Commons.https://video.coop.tools/video-channels/yeswiki/videos
Et voici le lux RSS pour rester informé des nouveautés
https://video.coop.tools/feeds/videos.xml?videoChannelId=175
Comment faire pour
Ajouter un suivi statistique sur mon wiki
Ajouter un suivi statistique sur mon wiki
- Hors yeswiki
Placer un suivi stat sur mon wiki
- 1. Dolomon, pour un suivi "simple" et minimaliste
- 2. Matomo, plus complet (et complex)
DOLOMON
Le service de Framasoft qui permet d'utiliser Dolomon - Framaclic - ferme le 12 janvier 2021.Pour trouver une alternative
https://alt.framasoft.org/fr/framaclic/Pensez à exporter vos données si vous voulez en garder une trace
https://docs.framasoft.org/fr/dolomon/deframasoftiser.htmlDémarche à suivre
1) se créer un compte sur https://framaclic.org
2) ajouter un dolo

- cliquer sur gif transparent
- nommer votre dolo
3) récupérer l'url de votre dolo

4) placer ce morceau de code dans la page footer du wiki à suivre.
""<img src="urldevotredolo" alt="cequevousvoulezcommetexte">""
MATOMO
Matomo est une alternative à Google analytics, qui vous permet de suivre la fréquentation de votre siteTUTO A VENIR
Comment ajouter un picto aux éléments de ma liste dans un formulaire ?
Comment ajouter un picto aux éléments de ma liste dans un formulaire ?
- Bazar (formulaire)
La bibliothèque fontawesome est intégrée à Yeswiki (version Doryphore)

Sélectionnez votre icon, puis copiez le code HTML proposé.
Editez votre liste via Bazar et collez ce code HTML à coté de l'intitulé de votre liste

Une autre bibliothèque très pratique en svg qui permet de choisir la couleur du picto : https://tablericons.com/
Son fonctionnement est simplissime : après avoir sélectionné taille et couleur, vous cliquez sur le picto choisi, le code HTML est copié directement, il ne reste plus qu'à le coller dans votre liste.

créée le 09.09.2020 à 15:26, mise à jour le 14.01.2021 à 13:58
Comment avoir le menu hamburger et autres nouvelles icones avec le theme Margot sur une version précédente de YesWiki (cercopitheque)
Comment avoir le menu hamburger et autres nouvelles icones avec le theme Margot sur une version précédente de YesWiki (cercopitheque)
- Mise à jour, pb de mise à jour
""<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">""
créée le 30.07.2020 à 15:06, mise à jour le 14.01.2021 à 13:59
Comment changer le texte qui apparaît dans le champ de recherche d'un formulaire en mode "recherche"
Comment changer le texte qui apparaît dans le champ de recherche d'un formulaire en mode "recherche"
- Bazar (formulaire)
""<script> document.addEventListener('DOMContentLoaded', function() { $('.search-input').attr('placeholder', 'mon texte personnalisé'); }); </script>""
créée le 12.01.2021 à 17:29, mise à jour le 14.01.2021 à 14:00
Comment créer une page qui reste parfaitement vierge ?
Comment créer une page qui reste parfaitement vierge ?
- Graphisme, mise en page
Une solution consiste à mettre un espace insécable :
& n b s p ;
C'est utile pour certaines pages qui sont intégrées dans le site et apparaissent donc à l'écran mais sur lesquelles on ne veut voir aucun texte, par exemple une page de colonne ou de titre.
Comment faire pour afficher des cartes avec un fond perso ?
Comment faire pour afficher des cartes avec un fond perso ?
- Bazar (formulaire)
- Carte
- /yeswiki/tools/bazar/libs/vendor/leaflet/leaflet-providers.js
A partir de la ligne 78 :
L.TileLayer.Provider.providers = {
- On trouve la liste des providers et vous pouvez y ajouter le lien vers votre propre tileset.
MaCarte: { url: 'http://[URL de vos tiles]/{z}/{x}/{y}.png', options: { maxZoom: 5, minZoom: 2, attribution: 'Mon propre fond de carte!' } },
{{bazarliste id="" template="map.tpl.html" provider="MaCarte" lat="" lon="" zoom="1" width="" height="" query="" zoommolette="true" }}
Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
Comment faire pour ajouter des ancres à une page
Comment faire pour ajouter des ancres à une page
- Graphisme, mise en page
- Codes utiles /raw...
""<div id="monancre"></div>""
puis d'appeler cette ancre depuis le lien suivant
https://mondomaine.ext/?PageCourante#monancre
créée le 14.01.2021 à 15:01, mise à jour le 14.01.2021 à 15:17
Comment faire pour cacher la phrase par défaut (saisir une fiche) ?
Comment faire pour cacher la phrase par défaut (saisir une fiche) ?
- Bazar (formulaire)
"saisir une fiche : "

c'est pas toujours très beau. Il est possible de la cacher en plaçant sur ce petit bout de code dans la page qui accueille le formulaire en mode saisie
""<style> h3.titre_type_fiche {display:none;} </style>""
Comment faire pour mettre un titre dans une autre couleur que celle par défaut ?
Comment faire pour mettre un titre dans une autre couleur que celle par défaut ?
- Graphisme, mise en page
<span style="color:#446611;">texte coloré</span>
mais il est à placer correctement, à savoir entre les ===== et pas autour des =====
======""<span style="color:#960018;">""Le réseau des Eco-jardins""</span>"" ======
Comment faire pour que le texte aille à la ligne directement après une image ?
Comment faire pour que le texte aille à la ligne directement après une image ?
- Graphisme, mise en page
- Images
C'est souvent bien mais parfois on aimerait que le texte file à la ligne juste après l'image.
Pour renvoyer le texte sous l'image insérée, placer ce bout de code juste après l'image
""<div class="clearfix"> </div>""
Comment faire pour rendre une image non clicable
Comment faire pour rendre une image non clicable
- Graphisme, mise en page
- Images
nofullimagelink="1"
Comment faire pour trouver la latitude, longitude et niveau de zoom pour ma carte
Comment faire pour trouver la latitude, longitude et niveau de zoom pour ma carte
- Bazar (formulaire)
- Carte
choisissez la zone qui vous va ainsi que le niveau de zoom qui vous intéresse
Regardez maintenant l'adresse dans la barre d'adresse de tre navigateur.
Elle est sous la forme
https://www.openstreetmap.org/#map=15/43.8593/3.9014&layers=CN
- Le premier chiffre (ici 15) indique le niveau de zoom
- Le second (ici 43.8593) indique la latitude du centre de votre carte
- Le troisième (ici 3.9014) indique la longitude.
Et hop

créée le 24.09.2020 à 11:26, mise à jour le 14.01.2021 à 14:07
Comment modifier le style de police de la barre de menu ?
Comment modifier le style de police de la barre de menu ?
- Graphisme, mise en page
MAIS si vous n'avez pas la main sur ce fichier css, vous pouvez toujours ajouter (et adapter) ce bout de code dans la page footer de votre wiki
""<style> .navbar { font-family: 'Dosis regular', cursive; } </style>""
Vous pouvez aussi jouer sur la taille des polices, leur couleur...
Comment rediriger l'utilisateur vers une page spécifique à la validation d'un formulaire
Comment rediriger l'utilisateur vers une page spécifique à la validation d'un formulaire
- Bazar (formulaire)
{{bazar voirmenu="0" vue="saisir" id=" " redirecturl="https://yeswiki.net/?BazarAfficherFormulaireSaisie"}}
- il ne faut donc pas utiliser l'adresse courte wiki dans redirecturl mais bien une url complète (avec le http...)
Dans un accordéon, comment faire pour cacher le titre d'une fiche bazar qui fait un peu doublon
Forcer ouverture du lien associé à une image dans un autre onglet
Forcer ouverture du lien associé à une image dans un autre onglet
- Images
""<a href="https://www.lamangeoireduquartier.org" target="_blank"><img src="lien url de l'image" title="Mangeoire" alt="la mangeoire"></a>""
créée le 20.01.2021 à 12:14
comment cacher les facettes (tri par case à cocher) en affichage sur smartphone
comment cacher les facettes (tri par case à cocher) en affichage sur smartphone
- Bazar (formulaire)
- Graphisme, mise en page
Les cases à cocher pour le tri prennent souvent trop de place ;-(
(par défaut elles se placent dessus ou dessous les fiches)
Dans l'attente d'un affichage smartphone compatible, il est possible de cacher les champs de tri d'une page avec facette lorsqu'elle est affichée sur un petit écran en plaçant sur la page concernée ce bout de code
Si votre colonne de facette n'est pas 3, ce code est à adapter
""<style> @media screen and (max-width: 720px) { .facette-container .col-xs-9 { width:100%; } .facette-container .col-xs-3 { display:none; } } </style>""
comment faire pour que les pdf s'ouvrent directement dans le browser (et pas se téléchargent)
comment faire pour que les pdf s'ouvrent directement dans le browser (et pas se téléchargent)
- Hors yeswiki
Pour forcer l'ouverture dans le browser, la fonction {{attach}} pose parfois problème.
Pour contourner ce "problème"
- créer un formulaire bazar avec un champ fichier (vous permettant de déposer le pdf)
- récupérer sur cette fiche le lien vers le pdf (clic droit, enregistrer le l'adresse du lien)
- utiliser cette adresse dans votre wiki
Autre piste
voir la doc réalisée par Laurent Bouquet : http://www.le-projet.cc/bio/?PagePdfcomment faire pour remplir un champ tag avec des données "prééxistantes" ?
comment faire pour remplir un champ tag avec des données "prééxistantes" ?
- Bazar (formulaire)
Pour contourner le problème, on peut construire une base de mots clés dans une liste ou un formulaire et l'appeler ensuite dans son formulaire pour le transformer en mot clé
checkboxfiche***id-form***le titre*** *** *** *** ***tags***1***0***
effacer toutes les fiches d'un formulaire
effacer toutes les fiches d'un formulaire
- Bazar (formulaire)
- Phpmyadmin
il faudra passer par du sql et un accès phpmyadmin.
voici les requêtes à exécuter :
ATTENTION : remplacez bien dans les requêtes le <préfixe> des tables et le numéro <id> du formulaire !
ATTENTION BIS : cette action est irréversible !
delete from <prefixe>_acls where page_tag IN (select tag from <prefixe>_pages where tag in (select resource from <prefixe>_triples where property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar") AND body LIKE '%"id_typeannonce":"<id>"%' ); delete from <prefixe>_pages where tag IN (select resource from <prefixe>_triples where property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar") AND body LIKE '%"id_typeannonce":"<id>"%'; delete from <prefixe>_triples where resource not IN (select tag from <prefixe>_pages WHERE 1) AND property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar";
faire disparaître le champ de recherche et la roue crantée en dessous d'une certaine largeur d'écran
faire disparaître le champ de recherche et la roue crantée en dessous d'une certaine largeur d'écran
- Graphisme, mise en page
""</style> @media (max-width: 600px) { .yeswiki-topnav-fast-access { display: none; } </style>""
600px est variable et indique à partie de quand ça doit disparaître
gérer un peu mieux la photo dans le partage sur les réseaux sociaux
gérer un peu mieux la photo dans le partage sur les réseaux sociaux
- Graphisme, mise en page
- Images
- Hors yeswiki
- S'il existe une image dans votre page ou votre fiche, il utilise celle-là pour le poste "réseau social"
- Mais s'il n'existe pas d'image, le poste présente parfois un look étrange.
Pour contourner ce problème, vous pouvez activer le paramètre opengraph (à placer dans le waka-config)
Ce paramètre permet d'imposer une image par défaut.
'opengraph_image' => 'https://domaine.ext/nomdelimage.jpg',
PS: idéalement, l'image doit faire 1200x630
insérer des icônes dans les listes bazar ?
insérer des icônes dans les listes bazar ?
- Bazar (formulaire)
- Graphisme, mise en page
et ça rend plus joli le filtre lorsqu'on utilise groups (facette)
Plusieurs pistes :
- utiliser les emojis : facile !
-
🛑 terminée
-
- ingérer une image d'ailleurs
- il faut qu'elle existe sur le web
- ensuite mettre ce code dans le champ de la liste
-
<img src="https://cliketik.fr/themes/img/produits/prod-bie.png" height="25"> Bière

créée le 29.10.2020 à 21:59, mise à jour le 14.01.2021 à 14:12
mettre des droits sur toutes les fiches d'un formulaire
mettre des droits sur toutes les fiches d'un formulaire
- Bazar (formulaire)
Ensuite, bien identifier l'id du formulaire visé ET le préfixe des tables du wiki
ENSUITE : faire un backup de ces tables !!!!
PUIS enfin
UPDATE forum_acls set list="@admins" where privilege="write" and page_tag in (SELECT tag FROM forum_pages WHERE latest="Y" AND body LIKE '%id_typeannonce":"10"%');
=> remplacer forum par le bon préfixe et l'id du formulaire par le vôtre (ici 10)
=> on peut remplacer write par read
mettre un couleur de fond sur l'entièreté de la page footer
mettre un couleur de fond sur l'entièreté de la page footer
- Graphisme, mise en page
pour contourner, ajouter dans la page footer concernée :
- full-widht dans la class du background ou de la section
- ce code
""<style> #yw-footer {padding:0;}</style>""
créée le 11.10.2020 à 21:32, mise à jour le 14.01.2021 à 14:13
obtenir des infos supplémentaires sur une page
obtenir des infos supplémentaires sur une page
- Codes utiles /raw...
- /raw : montre le code wiki => quand il est utilisé sur une fiche bazar, il permet de vérifier les champs réellement remplis et singulièrement de vérifier leur nom précis (important pour les templates par ex) + les valeurs (par ex dans les listes ou checkbox)
- &debug à la fin de l'url permet de montrer les messages d'erreur
- &refresh=1 permet de rafraichir profondément le contenu de la page (y compris la cache)
créée le 26.11.2020 à 08:29, mise à jour le 14.01.2021 à 14:15
pour remplacer la favicon par une icone svg
pour remplacer la favicon par une icone svg
- Graphisme, mise en page
- Images
""<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✌️</text></svg>">""
2) pour que cela marche de partout, il faut éditer le squelette du theme et remplacer la partie
<link rel="icon" ..
recevoir un mail à chaque ajout de fiche
recevoir un mail à chaque ajout de fiche
- Codes utiles /raw...
- Hors yeswiki
- soit vous faites parties des @admins alors
- vous pouvez activer le param dans le wakka config
'BAZ_ENVOI_MAIL_ADMIN' => true
- ce qui envoie le contenu de la fiche A CHAQUE admin du wiki, ce qui n'est pas toujours super !
- vous pouvez activer le param dans le wakka config
- soit vous souhaitez être le seul à recevoir les fiches
- il faut "tricher" un peu en détournant les possibilités du champ mail
- placer dans votre formulaire les champs suivants
-
labelhtml***<div style="display:none"> *** *** *** champs_mail***bf_mail1***Email***40***255***votremail*** *** *** ***1*** ***@admins labelhtml***</div> *** *** ***
ceci aura pour effet de cacher le champ mail, d'y insérer votre mail par défaut ET d'envoyer une copie de la fiche à chaque validation !
ATTENTION, ceci ne fonctionne que si votre wiki peut envoyer des mails (voir https://yeswiki.net/?ReparerLesWikisQuiNEnvoientPasLesMails )
rendre une vidéo responsive (en largeur ET hauteur)
rendre une vidéo responsive (en largeur ET hauteur)
- Graphisme, mise en page
On peut aussi utiliser ce code
""<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/xSa0_lyLKjI"></iframe> </div>""
l'url de la vidéo à utiliser est la partie à repiquer dans l'iframe fourni par la plateforme et qui contient le /embed
récupérer le fichier (.tpl.html) d'un template repéré sur un wiki
récupérer le fichier (.tpl.html) d'un template repéré sur un wiki
- Codes utiles /raw...
une fois le nom connu, on tape dans l'url
https://urlduwiki/themes/tools/bazar/templates/nomdutemplate.tpl.html
en remplaçant urlduwiki par l'url du wiki ;-) et nomdutemplate par le nom reperé via le /raw
puis récupérer le code source de la page
réparer des tables cassées (wiki non accessible)
réparer des tables cassées (wiki non accessible)
- Bazar (formulaire)
- Phpmyadmin
Query failed: delete from <prefixe>_referrers where time < date_sub(now(), interval '24' day) (Table './dehors/<prefixe>_referrers' is marked as crashed and last (automatic?) repair failed)
Vous pouvez réparer les tables en passant par phpmyadmin
- choissisez la db
- sélectionnez les tables concernées (voir votre <prefixe>)
- dans "avec la sélection" => réparer la table
réparer les wikis qui n'envoient pas les mails ;-(
réparer les wikis qui n'envoient pas les mails ;-(
- Codes utiles /raw...
- Hors yeswiki
et donc rajouter dans le fichier wakka.config.php les parametres suivants
'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'ssl://<mon serveur smtp>:465', 'contact_smtp_user' => 'user@mail.ext', 'contact_smtp_pass' => '<monpassword>',
Attention, tous les serveur mail n'accepte pas de jouer ce jeu.
avec sendinblue
créez-vous un compte puis allez dans les paramètres (via ce lien) chercher votre clé smtp (limitée à 300 mails par jour)'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'smtp-relay.sendinblue.com:587', 'contact_smtp_user' => 'monmail@pourmoncomptesendinblue.com', 'contact_smtp_pass' => '<ma cle smtp>',
avec gmail
Gmail le fait mais avec une limite d'envoi journalière et souvent un blocage de scurité à lever via un paramètre : plus d'infos icihttps://support.google.com/accounts/answer/6010255
'contact_smtp_host' => 'ssl://smtp.gmail.com:465',
Autre piste possible, acheter un nom de domaine chez gandi et utiliser le smtp lié
rétablir un bon format de table quand on a un nouveau wiki sur une vieille table
rétablir un bon format de table quand on a un nouveau wiki sur une vieille table
- Codes utiles /raw...
- Phpmyadmin
ALTER TABLE <prefixe>_nature DROP IF EXISTS bn_ce_id_menu, DROP IF EXISTS bn_commentaire, DROP IF EXISTS bn_appropriation, DROP IF EXISTS bn_image_titre, DROP IF EXISTS bn_image_logo, DROP IF EXISTS bn_couleur_calendrier, DROP IF EXISTS bn_picto_calendrier, DROP IF EXISTS bn_type_fiche, DROP IF EXISTS bn_label_class, MODIFY COLUMN bn_ce_i18n VARCHAR(5) NOT NULL DEFAULT '';
Url courtes dans yeswiki
Url courtes dans yeswiki
Procédure pour apache avec un fichier .htaccess
1) Par FTP, créer un fichier .htaccess a la racine du wiki ou éditer l'existant pour ajouter :RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} ^\/[^/]+\/(.+\..+)$ [NC] RewriteRule ^.*$ %1 [QSA,L] RewriteRule ^([A-Z0-9].+)$ wakka.php?wiki=$1& [QSA,L]
2) Editer le fichier de configuration wakka.config.php, et changer les lignes suivantes :
Changer
'base_url' => 'http://mondomaine.ext/wakka.php?wiki=', 'rewrite_mode' => '0',
'base_url' => 'http://mondomaine.ext/', 'rewrite_mode' => '1',
Découvrir le module bazar (création de formulaires) en vidéo
Découvrir le module bazar (création de formulaires) en vidéo
Widgets à intégrer
Widgets à intégrer
Yeswiki peut accueillir quelques fonctionnalités complémentaires par l'intégration de petits bouts de code ça et là...
Afficher une page de YesWiki dans un Wordpress
Afficher une page de YesWiki dans un Wordpress
- Appeler une page Yeswiki en Iframe toujours possible, mais empêche l'indexation par le moteur de recherche de wordpress.
- Dans le fichier functions.php de Wordpress dans le thème utilisé, ajouter les lignes suivantes à la fin
function wikihtml_func( $atts ) { $html = file_get_contents($atts['url']); return $html; } add_shortcode( 'wikihtml', 'wikihtml_func' );
Il vous suffira ensuite, d'insérer le code suivant dans une page ou un article wordpress,
[wikihtml url="ICI_URL_DE_LA_PAGE_WIKI/html"] Ex : [wikihtml url="https://yeswiki.net/?AccueiL/html"]
Exemple de page yeswiki affichée dans un wordpress :
La carte des fédérations départementales de l'ACEPPLa mise à jour des données de chaque membre de la fédération est réalisée sur le yeswiki en autonomie
{{yeswikiversion}}
{{yeswikiversion}}
affiche le petit message "galope avec yeswiki" au sein du footer + info au survol de la version