Un total de 132 pages a été trouvé avec le mot clé documentation.

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) :

image colonnemenu.png (0.2MB)
Colonne menu

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) :

image colonnemiseenforme.png (56.6kB)
Colonne mise en forme du contenu

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

ATTENTION : cette extension est en cours de développement, elle est mise à disposition à des fins de test, l'utiliser en production serait risqué.


Paramètres des actions


[100%] done 100%
[40%] done 40%
[60%] done 60%
[50%] done 50%
[5%] done 5%
[25%] done 25%
[6/14] done 42%

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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.

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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


ATTENTION : cette extension est en cours de développement, elle fonctionne uniquement avec la dernière version de YesWiki (bachibouzouk)


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 {{microblog}}

Affiche un microblog sur la page, avec la liste des derniers billets, et un flux rss associé
Paramètres
  • tags : mots-clés utiliser automatiquement pour les billets du mini-blog
  • edit : possibilité d'éditer les billets au survol, par défaut c'est oui
  • class : associe une classe css aux pages (valeur "microblog" par défaut)
  • enhaut : si "oui" le formulaire des microblog apparait en haut, autre valeur : apparait en bas. "oui" 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).
  • nbcar : nombre maximum de caractères par billet de microblog
  • pageformulaire : nom de la page wiki qui contient le formulaire microblog (très optionnel)
  • template : permet de définir l'affichage du microblog, par exemple simple c'est sans la barre des tags.

Exemple : {{microblog tags="actu" edit="1" template="formulaire_microblog_simple.tpl.html"}} donne {{microblog tags="actu" edit="1" template="formulaire_microblog_simple.tpl.html"}}


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
Exemple :
{{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"}}
Exemple : {{listepages tags="utilisateur" accordeon="1"}} donne
Action listepages : N'existe pas

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
Attention : ne pas mettre le flux RSS d'un tag dans une page qui est elle-même taguée par ce mot-clé !
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
Page présent dans
A améliorer présent dans : DemoIncludepages
présent dans : DocInclude
présent dans : DocInclure
présent dans : SommaireNouvelleDoc
présent dans : SommairePourcommencer
A relire présent dans : DocMarkdown
présent dans : SecuriserLaStructureYesWiki
édition présent dans : CreerUnePageMenu
présent dans : DocumentationCreerUnLien
présent dans : DocumentationEdition
présent dans : DocumentationMiseEnPageColonnes
présent dans : ReglesDeFormatage
action présent dans : DocumentationActionPDF
présent dans : DocumentationActionVideo
brother Printer Support présent dans : jenifferleio12
code présent dans : ConvertirEnTwig
coucou présent dans : LeCoucouDeFevrier2022EstSorti
Développement présent dans : BugS
présent dans : DocsEtTutoriauxDevs
dell printer support présent dans : jenifferleio12
Demandé présent dans : DocTags
documentation présent dans : AbonnemenT
présent dans : AccordeoN
présent dans : AccordioN
présent dans : ActionBazarcarto
présent dans : ActionBazarcartocoul
présent dans : ActionBazarliste
présent dans : ActionBazarlisteDonneesExternes
présent dans : ActionIdFiche
présent dans : AniMation
présent dans : AnnuaireAlphabetiqueTplHtml
présent dans : AstucesGraphiques
présent dans : AttacH
présent dans : Bandeautheque
présent dans : BazarAfficherContenu
présent dans : BazarAfficherFormulaireSaisie
présent dans : BazarCartoMulticouche
présent dans : BazarCreationFormulaire
présent dans : BazarFacette
présent dans : BazarFacetteRecherche
présent dans : BazarImportExport
présent dans : BazarRechercher
présent dans : BazarWidget
présent dans : BlogTplHtml
présent dans : ButtoN
présent dans : CarouselTplHtml
présent dans : ChampsPossibles
présent dans : ChangerPolices
présent dans : CompteursTplHtml
présent dans : CreerUnePageMenu
présent dans : DamierTplHtml2
présent dans : DemoButton
présent dans : DemoGrid
présent dans : Developpement
présent dans : DocButton
présent dans : DocCaptcha
présent dans : DocGoogleanalytics
présent dans : DocGoogledrive
présent dans : DocMarkdown
présent dans : DocQuery
présent dans : DocTextSearch
présent dans : DocumentatioN
présent dans : DocumentationAclshandact
présent dans : DocumentationActions
présent dans : DocumentationAjoutThemesGraphiques
présent dans : DocumentationBazaR
présent dans : DocumentationChangerDHebergement
présent dans : DocumentationChangerThemeGraphique
présent dans : DocumentationContact
présent dans : DocumentationCreerUnePage
présent dans : DocumentationCreerUnLien
présent dans : DocumentationCustom
présent dans : DocumentationDroitsDAcces
présent dans : DocumentationEdition
présent dans : DocumentationEffacerUtilisateurOuChangerMotDePasse
présent dans : DocumentationExtensionActivite
présent dans : DocumentationExtensionCheckAccessLink
présent dans : DocumentationExtensionColor
présent dans : DocumentationExtensionDuplicateur
présent dans : DocumentationExtensionFerme
présent dans : DocumentationExtensionGoogleanalytics
présent dans : DocumentationExtensionIpblock
présent dans : DocumentationExtensionNotif
présent dans : DocumentationExtensionPdf
présent dans : DocumentationExtensionQrcode
présent dans : DocumentationExtensionTableau
présent dans : DocumentationExtensionWebhooks
présent dans : DocumentationExtensionWikical
présent dans : DocumentationExtensionWikicolor
présent dans : DocumentationFichierDeConfiguration
présent dans : DocumentationGroupes
présent dans : DocumentationHandlers
présent dans : DocumentationIdentification
présent dans : DocumentationInstallation
présent dans : DocumentationIntegrerDuHtml
présent dans : DocumentationJoindreFichier
présent dans : DocumentationLogin
présent dans : DocumentationMainsDansLeCamboui
présent dans : DocumentationMiseAJour
présent dans : DocumentationMiseEnPageColonnes
présent dans : DocumentationMiseEnPageOnglet
présent dans : DocumentationPageCSS
présent dans : DocumentationPagesSpecialesInterface
présent dans : DocumentationProgressBar
présent dans : DocumentationSuivreWiki
présent dans : DocumentationTags
présent dans : DocumentationThemeInterface
présent dans : DocWkhtmltopdf
présent dans : Doryphore
présent dans : EditerMenu
présent dans : EditHandlersAcls
présent dans : EmpecherIndexation
présent dans : ExtensionsSupplementairesYesWiki
présent dans : GaleriePhotosTplHtml
présent dans : GlossairE
présent dans : HistoriqueRevisions
présent dans : InstallationCloudron
présent dans : IntraneT
présent dans : LierFormulairesEntreEux
présent dans : ListeFichesHorscarteTplHtml
présent dans : ListeGalerieTplHtml
présent dans : ListeLiensDateTplHtml
présent dans : ListeMailsSeulsTplHtml
présent dans : LutterContreLeSpam
présent dans : MailPeriod
présent dans : MailsMajTplHtml
présent dans : MapTplHtml
présent dans : MaterialCardTplHtml
présent dans : Mediatheque
présent dans : MoteurRecherche
présent dans : PageArchit
présent dans : PageConfiglocal
présent dans : PageContribgit
présent dans : PageCreer
présent dans : PhotoboxTplHtml
présent dans : PhotoOxygenTplHtml
présent dans : ProgressBar
présent dans : ReglesDeFormatage
présent dans : RendreYeswikiSemantique
présent dans : RoueCranteeEmoji
présent dans : SecTion
présent dans : SecuriserLaStructureYesWiki
présent dans : SemiOuvertTplHtml
présent dans : Styleinterface
présent dans : TelechargementExtensions
présent dans : TimelineTplHtml
présent dans : TrombinoscopeTplHtml
présent dans : Tutoriels-videos
présent dans : UrlCourtes
présent dans : VideoBazaR
présent dans : WidgeT
présent dans : WordPressYesWiki
présent dans : YeswikiVersion
doryphore présent dans : ActionBazarlisteDonneesExternes
présent dans : AlerteSecuriteMettezAJourVosWikis2
présent dans : ConvertirEnTwig
présent dans : DocumentationActionPDF
présent dans : DocumentationActionVideo
présent dans : DocumentationExtensionLMS
présent dans : DocumentationPageCSS
présent dans : LeSprintDeJanvierEstPasseDeNouvellesFo
présent dans : SortieDeLaVersionYeswikiDoryphore420
présent dans : SortieDeLaVersionYeswikiDoryphore443
droits utilisateurs présent dans : DocumentationAclshandact
présent dans : DocumentationDroitsDAcces
extension présent dans : DocCaptcha
présent dans : DocGoogleanalytics
présent dans : DocGoogledrive
présent dans : DocMarkdown
présent dans : DocumentationExtensionActivite
présent dans : DocumentationExtensionCheckAccessLink
présent dans : DocumentationExtensionColor
présent dans : DocumentationExtensionDuplicateur
présent dans : DocumentationExtensionGoogleanalytics
présent dans : DocumentationExtensionLMS
présent dans : DocumentationExtensionNotif
présent dans : DocumentationExtensionPdf
présent dans : DocumentationExtensionQrcode
présent dans : DocumentationExtensionWikical
présent dans : DocumentationExtensionWikicolor
présent dans : DocWkhtmltopdf
présent dans : ExtensionsSupplementairesYesWiki
présent dans : TelechargementExtensions
facile présent dans : CreerUnePageMenu
présent dans : DocumentationCreerUnePage
présent dans : DocumentationCreerUnLien
présent dans : DocumentationDroitsDAcces
présent dans : DocumentationEdition
présent dans : DocumentationEffacerUtilisateurOuChangerMotDePasse
présent dans : DocumentationIdentification
présent dans : DocumentationIntegrerDuHtml
présent dans : DocumentationJoindreFichier
présent dans : DocumentationMiseEnPageColonnes
présent dans : EditerMenu
présent dans : ReglesDeFormatage
fichiers présent dans : DocumentationJoindreFichier
flo présent dans : DeuxiemeActivite
présent dans : FlorianTest
github présent dans : AstuceGitEnLocal
présent dans : Developpement
présent dans : TestDeTitreGatien
présent dans : TestDeTitreGatien2
groupes présent dans : DocumentationGroupes
hp printer support présent dans : jenifferleio12
identification présent dans : DocumentationIdentification
insertion présent dans : DocumentationJoindreFichier
intermédiaire présent dans : DocumentationAjoutThemesGraphiques
présent dans : DocumentationChangerThemeGraphique
présent dans : DocumentationPagesSpecialesInterface
présent dans : HistoriqueRevisions
interopérabilité présent dans : RendreYeswikiSemantique
liens présent dans : DocumentationCreerUnLien
lms présent dans : DocumentationExtensionLMS
menus présent dans : CreerUnePageMenu
présent dans : EditerMenu
mise à jour présent dans : MisesAJourVersionDoryphoreInconnue
mise en forme présent dans : ReglesDeFormatage
modification présent dans : DocumentationAjoutThemesGraphiques
présent dans : EditerMenu
mots de passe présent dans : DocumentationEffacerUtilisateurOuChangerMotDePasse
Newsletter présent dans : LeCoucouDeMaiJuinEstSorti
présent dans : NewsletterAvril2020
présent dans : NewsletteRdecembre2018
présent dans : NewsletteRfevrier2019
présent dans : NewsletteRjuin2019
présent dans : NewsletteRoctobre2018
notifications présent dans : DocumentationSuivreWiki
obsolète présent dans : ActionBazarcartocoul
présent dans : TelechargementExtensions
pages présent dans : DocumentationPagesSpecialesInterface
pages spéciales présent dans : ReparerUnePageSpecialeSpammee
pdf présent dans : DocumentationExtensionPublication
php présent dans : Developpement
pieds de page présent dans : DocumentationPagesSpecialesInterface
prob d'interprétation présent dans : DocMarkdown
publication présent dans : DocumentationExtensionPublication
restauration présent dans : HistoriqueRevisions
rss présent dans : DocumentationSuivreWiki
sécurité présent dans : AlerteSecuriteMettezAJourVosWikis2
présent dans : DocumentationAclshandact
securité présent dans : SecuriserLaStructureYesWiki
sémantique présent dans : RendreYeswikiSemantique
serveur présent dans : AstuceGitEnLocal
spam présent dans : LutterContreLeSpam
présent dans : ReparerUnePageSpecialeSpammee
sprint présent dans : LeSprintDeJanvierEstPasseDeNouvellesFo
style présent dans : DocumentationAjoutThemesGraphiques
présent dans : DocumentationChangerThemeGraphique
template présent dans : ConvertirEnTwig
thèmes présent dans : DocumentationAjoutThemesGraphiques
présent dans : DocumentationChangerThemeGraphique
todo présent dans : DocGoogleanalytics
présent dans : DocGoogledrive
présent dans : DocumentationExtensionActivite
présent dans : DocumentationExtensionColor
présent dans : DocumentationExtensionDuplicateur
présent dans : DocumentationExtensionGoogleanalytics
présent dans : DocumentationExtensionNotif
présent dans : DocumentationExtensionWikical
présent dans : DocumentationExtensionWikicolor
présent dans : DocWkhtmltopdf
twig présent dans : ConvertirEnTwig
versions présent dans : HistoriqueRevisions
présent dans : SortieDeLaVersionYeswikiDoryphore420
présent dans : SortieDeLaVersionYeswikiDoryphore443
videos présent dans : DocumentationIntegrerDuHtml
widget présent dans : DocumentationIntegrerDuHtml

Les handlers

/ajaxaddcomment, /ajaxdeletepage, /ajaxedit
sont 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.php

ligne:
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...

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

{{yeswikiversion}}


affiche le petit message "galope avec yeswiki" au sein du footer + info au survol de la version

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 langues

Extension : Facette

Permet de filtrer le contenu de fiches bazar grâce à des cases à cocher indiquant des critères de catégorisation de ces fiches

Extension : 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ésiens

Extension : 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 RSS

Extension 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.
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

ATTENTION : cette extension est en cours de développement, elle est mise à disposition à des fins de test, l'utiliser en production serait risqué.


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".

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Wikical

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

ATTENTION : cette extension est en cours de développement, elle est mise à disposition à des fins de test, l'utiliser en production serait risqué.


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


Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Activité

Duplicateur

Googleanalytics

Google Drive

Ebook pdf

Créer une page de menu (gauche ou droite)

page inutile : voir plutôt DocumentationColonneMenu

Modifier son mot de passe

  1. allez sur la page ParametresUtilisateur dans la partie "changement de mot de passe"
    • (également accessible par le menu configuration "roue crantée" : "se connecter")
  2. mettez votre ancien mot de passe dans le champ "votre ancien mot de passe"
  3. mettez un nouveau mot de passe dans le champ "nouveau mot de passe"
  4. cliquez sur "changer"

Récupérer son mot de passe en cas d'oubli

Si vous avez perdu votre mot de passe,
  1. allez sur la page ParametresUtilisateur (accessible depuis le menu "roue crantée" : "se connecter"
  2. voir plus bas "permettre aux utilisateurs de récupérer leur mot de passe par mail en cas d'oubli)
  3. allez dans la partie "récupération du mot de passe"
  4. ajoutez votre mail dans le champ "email" et cliquez sur "envoyer"
  5. vous allez recevoir un nouveau mail avec un lien pour générer un nouveau mot de passe
  6. 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èque
il suffit d'insérer ce bout de code (on parle "d'action" quelque part. La page ParametresUtilisateur semble assez appropriée
{{lostpassword}}


Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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é


image Capture_decran_20160405_a_103557.png (73.4kB)

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)

image Capture_decran_20160405_a_103643.png (0.2MB)

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.

image Capture_decran_20160405_a_103643.png (0.2MB)

C'est quoi une action, un handler, une extension ?

Action

Définition 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".

Handler

Définition 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

Extension

Définition 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é.
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

Ajouter des thèmes graphiques

Importer un thème graphique pré-existant

Pour les bidouilleurs confirmés :

Pour installer un nouveau thème graphique :

Pour installer une nouvelle image de fond :
  • L'envoyer par ftp dans files/backgrounds.
Seuls 2 formats d'images sont acceptés :
  • .jpg pour les images de fond pleine page (limiter la résolution à moins de 1920x1080 pixels pour éviter des temps de chargement trop longs)
  • .png pour les images en mosaïque (répétées sur l'axe horizontal et vertical)

Le thème et l'image de fond seront alors accessibles (en étant connecté sur votre wiki en mode édition) grâce au bouton "Thème graphique"

Pour définir une configuration graphique par défaut se rendre sur la partie "Changer de thème graphique"

Modifier un thème graphique pré-existant


Modifier un thème graphique revient à modifier :

  • Les squelettes : qui se trouvent dans le répertoire "themes/squelettes" d'un thème graphique donné
  • La feuille de style : qui se trouve dans le répertoire "themes/styles"
  • Les images de fond : qui se trouvent dans le répertoire "/files/backgrounds"

L'architecture de Yeswiki est basée sur Bootstrap. Pour modifier les thèmes graphiques et squelettes de Yeswiki il convient de maîtriser cette bibliothèque libre de mise en forme.

Modifier le thème graphique va donc revenir à adapter un squelette en modifiant celui-ci avec la syntaxe Bootstrap adaptée et la feuille de style associée.

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

{{edithandlersacls}}


permet de gérer les droits d'utilisation des handlers par groupe ou user
  • * = tout le monde
  • + = tous les connectés (loggés)
  • @NomWiki = que la personne portant ce nomwiki
  • @admins = tous les personnes qui font partie du groupe @admins

image Capture_decran_20160203_a_095333.png (26.5kB)

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

{{ProgressBar}}

90% est obtenu en écrivant dans une page [ 90% ] en enlevant les espaces
Cette élégante action permet les affichages suivants :
90% mettre à jour la doc
80% acheter du beurre
70% tuer la poule
60% mettre à jour mon wiki
50% installer des pneus neige
40% apprendre le latin
25% faire du pain
7% lire Freud
pour en comprendre la syntaxe, ajoutez /raw à la suite de l'adresse de cette page : http://yeswiki.net/wakka.php?wiki=ProgressBar/raw

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 à droite
Première étape :
  • Se connecter avec un compte administrateur. Puis se rendre sur le menu Base de données.
image formulaire.png (0.1MB)
Vous devez vous identifier comme admin
  • Pour accéder un menu de création du formulaire, il faut cliquer sur l'onglet "Formulaires".
    image formulaire.png (0.1MB)
    Cliquer sur formulaire

3 façons de créer un formulaire

Méthode 1 :
L'importer depuis un autre wiki

en cliquant simplement sur le lien formulaire :
image Capture_du_20160405_091317.png (0.1MB)
Importer les formulaires d'un autre yeswiki
Méthode 2 :
Partir d'un modèle par copier coller

en cliquant sur formulaire puis créer un nouveau formulaire :
image tuto_formulaire.png (85.4kB)
Créer un nouveau formulaire
Méthode 3 :
Le créer soi-même

en cliquant sur formulaire puis créer un nouveau formulaire :
image tuto_formulaire.png (85.4kB)
Créer un nouveau formulaire
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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: *
par
User-Agent: *    
Disallow: /
ATTENTION Pour une efficacité réelle (étant donné que google ne respecte plus trop le robots.txt,, il convient de rajouter dans wakka.config.php, cette ligne
'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>

Widgets à intégrer


Yeswiki peut accueillir quelques fonctionnalités complémentaires par l'intégration de petits bouts de code ça et là...

Statistique

Avec google stat

se connecter sur son compte google analytics
aller 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
cochez ce que vous souhaitez garder puis
  • => 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

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
pour voir le code d'une page.

Liste des actions

Définition
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


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.


{{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.

{{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


Liste tous les MotWiki du site qui n'ont pas vu la création d'une page.

{{yeswikiversion}}



Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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...
/editiframe : permet d'ouvrir la page en mode édition mais en cachant les autre spages du squelette (utile quand une image ou un spam sur le bandeau empêche de voir le contenu de la page à modifier ou dans le cas d'un wiki intégré en iframe)

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

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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.
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

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

  1. Cliquer sur "voir"
  2. 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)
  3. Cliquer sur enregistrer

Pour créer un nouveau groupe

  1. Écrire le nom groupe dans le champ "créer un nouveau groupe"
  2. Cliquer sur définir

Pour utiliser la gestion des groupes

Cela se fait dans les pages de gestion des droits
  1. 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.

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Liste des actions

Définition
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


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.


{{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.

{{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


Liste tous les MotWiki du site qui n'ont pas vu la création d'une page.

{{yeswikiversion}}



Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

photobox.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
PhotoboxTplHtml_capture-décran-2018-12-08-à-12.44.34.png
Présentation rapide permet de créer une sorte de galerie photos qui peut s'ouvrir en pleine page.

Paramètres personnalisables :
  • largeur vignette : thumbwidth="100" > indiquer le nb de px sans préciser l'unité
  • hauteur vignette : thumbheight > idem
  • redimensionnent vignette : thumbresize
    • aux dimensions exactes, quitte à rogner l'image (crop)
    • ou garder dimensions originales à l'intérieur des dimensions (fit)
  • marge entre les images :thumbmargin par defaut 1;
  • largeur image plein écran bigwidth
  • hauteur image plein écran bigheight
  • redimensionnent image plein écran : bigresize
    • aux dimensions exactes, quitte à rogner l'image (crop)
    • ou garder dimensions originales à l'intérieur des dimensions (fit)
Mot clés documentation

Empêcher les mises à jour d'effacer vos personnalisations locales


En tant qu'utilisateur avancé, vous avez modifié des fichiers sur votre hébergement (par ftp par exemple), et ces fichiers sont écrasés à chaque mise à jour.

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 :

  • 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
      
      (“margot” est le nom de dossier du thème utilisé)
    • 1. le copier dans le dossier :
      /custom/themes/margot/squelettes/1col.tpl.html
      
      (attention avec certaines versions de cercopitheque la mise à jour peut effacer ce dossier custom, pensez à le sauvegarder avant mise à jour)
  • 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
      
      (“bazar” est le nom de l'extension où se trouve le template)
    • 1. le copier dans le dossier :
      /themes/tools/bazar/templates/mon_template.tpl.html
      
  • pour une action (détails sur les actions en suivant ce lien):
    • 1. mettre votre fichier
      monaction.php
      
      dans le dossier
      custom/actions
      
    • 2. ET modifier la valeur dans wakka.config.php de
      'action_path' => 'actions',
      
      vers
      'action_path' => 'actions:custom:actions',
      
      (attention avec certaines versions de cercopitheque la mise à jour peut effacer ce dossier custom, pensez à le sauvegarder avant mise à jour)

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
      
      (“margot” est le nom de dossier du thème utilisé)
    • 1. le copier dans le dossier :
      /custom/themes/margot/squelettes/1col.tpl.html
      
  • 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
      
      (“bazar” est le nom de l'extension où se trouve le template)
    • 1. le copier dans le dossier :
      /custom/templates/bazar/mon_template.tpl.html
      
  • cas particulier des templates pour les fiches :
    • créer un fichier
      fiche-X.tpl.html
      
      ou
      fiche-X.twig
      
      dans le dossier
      /custom/templates/bazar/
      
      , X est le numéro du formulaire associé
    • pour les extensions, il est possible prendre le dessus sur un template bazar en mettant le fichier dans le dossier
      /tools/my-extension-folder/templates/bazar/
      
  • pour une action (détails sur les actions en suivant ce lien):
    • mettre votre fichier
      monaction.php
      
      dans le dossier
      custom/actions
      
  • pour un fichier javascript :
    • mettre votre fichier
      monscript.js
      
      dans le dossier
      custom/javascripts
      

Découvrir le module bazar (création de formulaires) en vidéo

Ces tutos sont basés sur la version cercopithèque et ne reprennent donc pas le constructeur graphique de formulaire présent sur la dernière version doryphore. Cela étant le plus gros des vidéos reste d'actualité.






















Permettre la saisie de données dans un formulaire



Permet d'afficher un formulaire de saisie afin d'ajouter des données. La syntaxe est à placer sur la page où l'on souhaite faire apparaître le formulaire de saisie
Syntaxe minimale : {{bazar voirmenu="0" vue="saisir" id=" "}}

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) :
image formulaire_evenement1.png (40.1kB)
image formulaire_phototeque1.png (29.8kB)

Selon sa propre mise en page (avancé)

Doc en cours d'écriture

Il 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>
ici la mise en page se fait avec les balises html et un echo classique

<?php show($fiche["bf_champ"], â??Label du champs', 'classe CSS du paragraphe', â??balise HTML du paragraphe'); ?>
Les 3 champs sont facultatifs.
  • 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'); ?>
- show($html = montre la valeur contenue dans le champ mise en forme
  • 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';
}
?>

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")
--> le propriétaire peut gérer les droits d'accès à sa page

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
Nota : pour toute nouvelle page créée, YesWiki applique les droits d'accès définis par défaut lors de l'installation du Wiki
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' => '
  1. 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 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



Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

map.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
actionbazarcarto_capture_decran_20160405_a_095424.png
Présentation rapide 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 !
Détails des différents paramètres spécifiques à ce template 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"
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
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
barregestion obsolète "true" or "false" : si présent (defaut), ajout des liens vers la gestion de la fiche
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"
Mot clés documentation

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" donne

class="nav nav-pills" donne

class="nav nav-pills nav-justified" donne

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 contexte

La 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.

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ître
listefiche***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
Cas d'utilisation : vous voulez que seules les entrées du formulaire lié ayant une valeur donnée pour une liste donnée s'affichent.
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ître
Exemple 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)
  • 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
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 :
  • vide = normal (cases à cocher - par défaut)
  • tags = autocomplétion par tags
  • dragndrop = complétion par glisser-déposer (disponible à partir de Doryphore uniquement)
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
  • ""IDDeLaListe""Identifiantduchamp=""IDValeurDeLaListe""
    • IDDuformulaireIdentifiantduchamp=""NomWikiFiche""
  • ""IDDeLaListe""Identifiantduchamp=""IDValeurDeLaListe""
    • IDDuformulaireIdentifiantduchamp=""NomWikiFiche""
  • ""IDDeLaListe""Identifiantduchamp=""IDValeurDeLaListe"" Cas d'utilisation : vous voulez que seules les entrées du formulaire lié ayant une valeur donnée pour une liste donnée s'affichent. //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ître ===En 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 %%listefichesidquery nb de fiches à affichernomdutemplate.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

Contribuer au dépot git


Dépôts git utilisés

https://github.com/YesWiki/yeswiki : dépôt du code de YesWiki
https://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 YesWiki
  • Cette page est migrée et découpée en bas de la page de documentation générale.
Ici : https://yeswiki.net/?DocumentatioN

Afficher le contenu d'une base de données

démo de l'action bazar
Il est possible d'afficher le contenu d'une base de données sous différentes formes :

Sous forme de carte

image affichage_carto1.png (0.4MB)
  • 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
Veuillez utiliser l'action {{bazarcarto}}.

Sous forme de trombinoscope

image affichage_trombi1.png (0.3MB)

Avec un système de recherche (facette)

image facette.png (0.6MB)
Des paramètres supplémentaires pour le filtrage

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.

Extension

Définition 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é.


  • 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

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 :

Par défaut, quand on installe un nouveau wiki, une page "gestion des bases de données" est créée. Elle est accessible via la roue crantée en haut à droite du menu.

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

image bazar.png (57.9kB)

"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

Action {{bazarcarto}}

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 !
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"


image affichage_carto1.png (0.4MB)
image Capture_decran_20160405_a_095424.png (0.4MB)

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"
Cette page est customisable en suivant ce lien ReglesDeFormatage

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]]

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

*Remarque : en mode édition, il faut sauter une ligne après une liste à puce pour garder la coloration syntaxique... (mais pas pour les listes énumérées)

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 ligne
Pour 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>""
Quelques codes 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

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 site

Mise 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}}
Quelques codes 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
Quelques bouts de codes à copier coller pour faire de jolies mises en forme

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"}}
donne
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"}}
donne
Attention ! Voici votre message (alert-default).
Attention ! Voici votre message (alert-primary).
Attention ! Voici votre message (alert-success).
Attention ! Voici votre message (alert-warning).
Attention ! Voici votre message (alert-danger).

Quelques bouts de codes à copier coller pour utiliser bazar, le gestionnaire de bases 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 ligne
Si votre formulaire contient un champ date
{{calendrier id="1"}}

afficher les fiches associées sous forme de carte

Doc en ligne
si votre formulaire contient un champ adresse
{{bazarliste id="1" template="map.tpl.html"}}

afficher les fiches associées sous forme de trombinoscope

Doc en ligne
si votre formulaire contient un champ image
{{bazarliste id="1" template="trombinoscope.tpl.html"}}

Changer de thème graphique

Tester les thèmes !

Pour une page...


Chaque page d'un wiki peut s'afficher de diverses manières, à la demande des rédacteurs. Il est ainsi possible de choisir :

  • Le Thème graphique : ensemble des éléments esthétiques d'un wiki.
  • Le Squelette : qui définit l'architecture de chaque page (nbre de colonnes, etc.)
  • Le Style : qui correspond à l'aspect visuel de la page (couleurs, graphisme, etc.)
  • L'Image de fond qui permet de changer l'image de fond (logique non ?)

Tous ces éléments peuvent être variés d'une page à l'autre. Mais afin de maintenir une cohérence graphique sur l'ensemble de votre wiki, il est conseillé de se cantonner à l'usage d'un seul et même thème graphique.
La liste des thèmes par défaut est modifiable, cela relève d'une tache d'administrateur : voir la documentation.

Pour modifier ces éléments sur une page (précédemment créée ou nouvelle) :

  • Passer en mode édition (double clic ou "éditer la page")
  • En bas de votre page, apparait un gros bouton Thème graphique
image BontonTheme.png (2.9kB)
  • La fenêtre modale suivante apparaîtra alors :
  • 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',

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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 wiki
exemple 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&egrave;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 pratiques
Composer : 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
- Eclipse avec PDT (Php Development Tool)
  • contient un built-in formatter pour PSR-2
démo de l'action

animation

Permet de créer des sections de texte sur lequel vous pourrez appliquer des effets
Comportements
La bibliothèque animation permet d'ajouter des animations sur des parties choisies (titres, images ou texte) au sein des class avec différents styles que vous pouvez découvrir sur animate.css.


Ces class peuvent s'appliquer aux éléments suivants :
  • 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...
et autres endroits où on peut mettre des champs class...

Exemple :
  1. Ajoutez : { {section class="wow slideInRight" data="wow-iteration=3"} }, ce qui donnera le comportement du texte "exemple" quand vous êtes arrivé
  2. la partie à animer doit être fermée par { {end elem="section"} }
Explication :
  • 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"
vous pourrez ensuite ajouter :
  • 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"
image oiseau.png (0.2MB)
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Action {{textsearch}}

Moteur de recherche interne aux page du wiki. Recherche en texte plein.


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


Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

blog.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
BlogTplHtml_capture-template-blog.png
Présentation rapide Le template blog permet d'afficher des actualités :
  • dernier article mis en avant dans un bloc de couleur (optionnel)
  • affiche la date et l'auteur de l'article sous le titre (optionnel)
  • le résumé : 280 premiers caracteres du champ soustitre
Détails des différents paramètres spécifiques à ce template
image Capture_composant_blog.png (31.5kB)
Pour rendre toutes les options visibles, cochez la case "Paramètres avancés" dans le composant "Afficher les données d'un formulaire".
Options :
  • Afficher l'entête = header="true"
  • Afficher l'auteur = show_author="1"
  • Afficher la date = show_date="1"

Pour faire apparaitre le résumé si votre formulaire ne contient pas un champ "soustitre", vous pouvez appeler n'importe quel autre champ texte en utilisant le paramètre correspondance de la manière suivante :
{{bazarliste id="2" template="blog" correspondance="soustitre=bf_chapo"}}
Code source du formulaire qui a servi pour cet exemple imagebf_imageImage4003001200900right0
textebf_titreTitre80255 text1
textelongsoustitreRésumé40 wiki1
textelongbf_descriptionBillet40 wiki1
Mot clés documentation

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

Par défaut, les pages de votre wiki sont visible set éditables par tout visiteur. Pour limiter la lecture et l'écriture aux seuls administrateurs par exemple, il faut changer les lignes
  '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


Mon wiki se trouve à l'adresse suivante http://site-coop.net/Louise, je souhaiterais qu'il se nomme maintenant http://site-coop.net/Mathieu
- 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

'BAZ_ENVOI_MAIL_ADMIN' => true


Quelques paramètres peuvent être ajoutés au fichier de configuration wakkaconfig afin de gérer plus finement les droits d'édition des pages et fiches bazar de votre wiki. L'objectif de ces ajouts vise à ne pas rendre trop complexe l'édition des pages tout en luttant contre le spam devenu fléau ces derniers temps !

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



  '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.



  'hide_action_template' => '1', // Cache le bouton thème et empêche la modification du thème lors de l'édition.


Par défaut les cartes sont centrées sur le centre de la France et affiche l'intégralité de la France. On peut forcer le centre ailleurs en configurant dans wakaconfig :

  '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


Permet de saisir une fiche formulaire même si la création de page YesWiki est interdite

  '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


si la base mysql utilise un autre port que 3306, vous pouvez spécifier le numéro du port privé

 'mysql_port' => 'n° du port',


pour ouvrir une image par défaut : il faut mettre un lien vers l'image dans le wakka.config.php
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 ;-(

Concerne
  • Codes utiles /raw...
  • Hors yeswiki
Complexité Il faut des accès spéciaux
La réponse sur certains hébergements, l'envoi de mail par défaut ne marche pas , il faut créer un compte smtp
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 brevo

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>',

ou
'contact_mail_func' => 'smtp',
  'contact_smtp_host' => 'smtp-relay.sendinblue.com',
  'contact_smtp_port' => '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 ici
https://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é

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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...
/editiframe : permet d'ouvrir la page en mode édition mais en cachant les autre spages du squelette (utile quand une image ou un spam sur le bandeau empêche de voir le contenu de la page à modifier ou dans le cas d'un wiki intégré en iframe)

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

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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

Action {{bazarliste}} : afficher les données d'autres YesWiki


L'action {{bazarliste}} permet d'afficher les données des formulaires. Il est possible d'afficher les données d'autres YesWiki en même temps que les données locales.
Cette fiche de documentation correspond à une action en cours de développement uniquement utilisable avec la version doryphore à partir de 2021-05-12.

Il est possible d'afficher les données d'un autre site YesWiki.

1. Mettre à jour le YesWiki et le distant pour avoir la version Doryphore après 2021-05-12-24
2. Définir l'action
{{bazarliste id="1" template="map" ...}}
pour correspondre au besoin (documentation ou utiliser le bouton composants lors de la modification d'une page)
3. Identifier l'adresse des YesWiki distants et les formulaires recherchés. Ex:
https://www.example.com/?PagePrincipale
formulaire 4 et
https://www.example.com/trombi2/?PagePrincipale
formulaire 5
5. remplacer pour l'action bazarliste id par
id="1,https://www.example.com/?PagePrincipale|4,https://www.example.com/trombi2/?PagePrincipale|5,6"

6. Sauver la page et enjoy

Explications:
  • chaque formulaire est séparé par une virgule
  • un formulaire local est uniquement représenté par un nombre. Dans l'exemple, nous avons les formulaires 1 et 6
  • un formulaire distant est représenté par son url suivi de | suivi du numéro de son formulaire. Dans l'exemple, nous avons deux formulaires distants.
  • S'il faut plusieurs formulaires distants d'un même YesWiki, il faut à chaque fois répéter l'url devant |

Rafraichir les données locales:

Il y a un système de cache des requêtes externes dont la durée est paramètrable par les variables baz_external_service_time_cache_for_entries et baz_external_service_time_cache_for_forms (voir config.yaml). Pour forcer un rafraîchissement des données, il faut être connecter et ajouter à la fin de l'url :
&refresh=1


Pour aller plus loin, et avoir des couleur différentes par formulaire (entre données du formulaire local et distants):
Sur la base du fonctionnement colorfield="id_typeannonce" (voir ActionBazarliste section color), definir un ID pour le formulaire externe n'existant pas en local (999 par exemple) de la manière suivante
id="5,http://www.exemple.com/?PagePincipale|1->999" color="green=5, blue=999"

NB : Dans l'exemple ci-dessus l'id du formulaire local est 5 et celui du formulaire distant 1

Pour aller plus loin, pour les personnes connaissant les fields:
  • pour configurer l'affichage des données sur le site local, il faut plutôt créer un formulaire qui ressemble au formulaire distant (même nom de champs) mais avec vos adaptations
  • noter le numéro de ce formulaire en local (A pour l'exemple)
  • noter le numéro du formulaire distant (B pour l'exemple)
  • entrer dans id ceci
    id="http://www.exemple.com/?PagePincipale|B->A"
    
  • Tout se joue avec l'association de B vers A.

Pour lier à un template custom fiche-x.tpl.html:
x étant le numéro du formulaire local concerné
  • 1. dupliquer le formulaire distant sur le YesWiki local en utilisant la fonctionnalité d'importation disponible en bas de la page BazaR
  • 2. copier le fichier fiche-x.tpl.html dans le dossier local custom/templates/bazar/ avec le nom fiche-y.tpl.html où y est le numéro du formulaire dupliqué en local
  • 3. modifier le formulaire y en local en mode code en remplaçant, z étant le numéro du formulaire distant
    • liste***...***...*** *** ***...
      
      par
      externalselectlistfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***liste***...
      
    • listefiche***...***...*** *** ***...
      
      par
      externalselectentryfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***listefiche***...
      
    • listefiches***...***...*** *** ***...
      
      par
      externallinkedentryfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***listefiches***...
      
    • listefichesliees***...***...*** *** ***...
      
      par
      externallinkedentryfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***listefichesliees***...
      
    • checkbox***...***...*** *** ***...
      
      par
      externalcheckboxlistfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***checkbox***...
      
    • checkboxfiche***...***...*** *** ***...
      
      par
      externalcheckboxentryfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***checkboxfiche***...
      
    • radio***...***...*** *** ***...
      
      par
      externalradiolistfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***radio***...
      
    • tags***...***...*** *** ***...
      
      par
      externaltagsfield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***tags***...
      
    • fichier***...***...*** *** ***...
      
      par
      externalfilefield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***fichier***...
      
    • image***...***...*** *** ***...
      
      par
      externalimagefield***...***...*** https://www.example.com/?BazaR/json&demand=forms&id=y***image***...
      

Dans l'exemple:
  • le formulaire concerné est
    https://www.example.com|z
    
  • la formule entrée dans le paramètre id de
    {{bazarliste id="}}
    est
    https://www.example.com|z->y
    


Si dans votre formulaire local vous voulez un comportement correct pour les liens, inspirez-vous des externalfields, comme par exemple :
  • pour les urls vers les fiches
    $fiche['url']
    
  • pour les urls vers les fiches avec un handler
    $fiche['url'] . '/pdf'
    
  • pour savoir si la fiche est externe
    isset($fiche['external-data'])
    
  • pour avoir l'url de base du site distant pour les fiches externes
    $fiche['external-data']['baseUrl']
    

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.
La solution pour que la page soit répliquée dans le wordpress en prenant le style de ce dernier :
  • 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'ACEPP
La mise à jour des données de chaque membre de la fédération est réalisée sur le yeswiki en autonomie

Créer son compte et/ou s'identifier

INSERER ICI UN MOT RELATIF A action login

création d'un compte YesWiki

  1. aller sur la page spéciale ParametresUtilisateur
  2. 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
  3. choisir un mot de passe et donner un mail
  4. cliquer sur "Nouveau compte"

S'identifer sur yeswiki

  1. aller sur la page spéciale ParametresUtilisateur,
  2. remplir le formulaire avec son nom YesWiki et son mot de passe
  3. cliquer sur "connexion"

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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)

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

trombinoscope.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
actionbazarliste_capture_trombinoscope.png
Présentation rapide 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.
Limitations sur ce template 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.
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Nom de l'événement***60***255*** *** *** ***1***0***
textelong***bf_description***Description***40***10*** *** *** *** 
textelong***bf_chapo***Chapo de l'article***40***10*** *** *** ***0
texte***bf_nombre***Nombre de participants***60***255*** *** *** ***0***0***
Ce texte n'apparait pas dans le formulaire
il est NECESSAIRE d'avoir les deux champs ci-dessous si on veut un affichage en calendrier
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
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
jour***bf_date_debut_publication***Début de la publication***1*** ***  *** ***  ***1***0
jour***bf_date_fin_publication***Fin de la publication***1*** ***  *** ***  ***1***0
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Web***40***255***http://*** *** ***0***0
image***bf_image***Image (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png
fichier***fichier***Documents***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***
Mot clés documentation

Astuces pour des mises en page qui déchirent

Petit préambule : plusieurs astuces permettent de jouer très fortement sur les apparences de vos pages.
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>
donne

Et là, il suffit de cliquer sur la petite croix pour supprimer ce cadre...


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>
et donnera texte coloré
Sur internet vous trouverez une foule d'exemples à copier pour améliorer vos pages

Et autres librairies

L'action {{animation}} placée en haut de votre page ou de votre site permettra de solliciter des animations que vous trouverez documentés ici (en anglais) mais aussi de jouer sur la durée, le délais, la répétition de vos animations !!! Attention le kitch n'est pas loin, à utiliser avec parcimonie et légèreté
Ces class peuvent s'appliquer aux éléments suivants :
  • 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...
et autres endroits où on peut mettre des class...

ainsi,
class="wow slideInRight" data="wow-delay=3s, wow-iteration=3"
donnera le comportement de cette ligne...
Présence d'une redirection vers "DocumentationInstallation"

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 ?


/!\ Avant toute chose, faites un backup de votre ftp et de votre base de données.
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)
  • ajouter le thème margot à partir de GererMisesAJour (roue - crantée>Gestion du site> onglet Mises à jour / extensions> thèmes>margot)
  • é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 dans l'url ajouter /update pour mettre a jour la base de données
    • en cas de page blanche suite à la mise à jour, retourner à la page d'accueil de votre site
    • relancer la mise à jour en cliquant sur ré-installer
    • puis cliquer sur le lien proposé pour finaliser l'installation (Finaliser la mise à jour (lancer les actions de post-installation)
  • célébrer !


PROCEDURE DE SAUVETAGE

En cas de bug à la mise à jour entre deux versions de Doryphore (page blanche), tester de pousser par ftp la derniere version doryphore téléchargeable sur https://repository.yeswiki.net/doryphore (télécharger le fichier zip commençant par https://repository.yeswiki.net/doryphore/yeswiki-doryphore-2021-)


Vous découvrez un bug ? Voici comment nous le déclarer : https://yeswiki.net/?LaGareCentrale

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="checkboxfiche2=TesT"}}
      
      Cet exemple est un annuaire. Ici, on veut voir les personnes qui ont rempli l'annuaire (formulaire 2), en affichant uniquement les personnes qui appartiennent au groupe de travail "Test" (dont le ChatMot est TesT - donc à écrire exactement comme ça)
  • trier sur base d'un contenu vide
    • query="radioListeGenre="
    • Permet de ne garder que les fiches dont le champ radioListeGenre est vide (à partir de doryphore)
  • trier sur base d'un contenu non vide
    • query="radioListeGenre!="
    • Permet de ne garder que les fiches dont le champ radioListeGenre n'est pas vide (à partir de doryphore)
  • trier sur base d'un contenu différent d'une valeur
    • query="radioListeGenre!=M"
    • Permet de ne garder que les fiches dont le champ radioListeGenre n'est pas égale à M (à partir de doryphore)

Info importante
En cas de problème sur l'identification d'un champ. Il est possible de trouver la syntaxe précise en se positionnant sur une fiche du formulaire et en ajoutant /raw à la fin de l'url.

Exemple : https://yeswiki.net/?EcrireSansTenirCompteDesChatsmots/raw
Le champs ListeCommentfairepour a pour synthaxe : checkboxListeCommentfairepour



Info importante
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.
démo de l'action

{{attach}}

Permet de lier un fichier à une page, de téléverser (uploader) ce fichier et de télécharger ce fichier.
L'usage de cette action est simplifiée par le bouton "joindre / insérer un fichier" dans la barre de menu.
Comportements
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 minimale : {{attach file="lolo.jpg" desc="lolo"}}
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 :
""<a href="https://yeswiki.net/?AccueiL" class="modalbox" data-size="modal-lg" title="Outils numériques et coopération : vers plus d'efficacité collective">""{{attach file="20180222_155226.jpg" desc="imagetest" size="small" class="left whiteborder zoom" nofullimagelink="1"}}""</a>"" donne

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 ou sur la page GererConfig de votre wiki pour mettre les pays souhaités (sous format iso en 2 lettres : FR pour france, DE pour allemagne, etc..) Et la liste de tous les pays ici dans la variable $pays_bloque
$pays_bloque = array("ID", "MY");

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.

Utilisation de QrCode Troc : explications sur github
démo de l'action

{{section}}

Permet de créer des sections de texte sur lequel vous pourrez appliquer des effets
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
syntaxe minimale :
{{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

Mettre à jour YesWiki

Avec la sortie officielle de doryphore, il y a un changement majeur concernant le dossier templates.
Les fichiers de templates contenus dans ce dossier seront supprimés à la mise à jour.
Pensez à les déplacer dans le dossier custom en suivant cette documentation : DocumentationCustom

Sans changement de version

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.
/!\ Avant toute chose, faites un backup de votre ftp et de votre base de données.
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 extensions
Vous 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.
Redez-vous sur la page Mise à jour (dans roue crantée > gérer le site)
Remplacez {{update}} par {{update version="doryphore"}}
Sauvegardez votre page
Cliquez sur le bouton "changer de version"
Passez à la troisième étape :p
... et aussi pour mieux comprendre comment ça marche en soulevant le capot ;)
  • 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 :
image Capturedecran20171004a155050OK.jpg (0.2MB)
  • 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) :
image Capture_decran_20171004_a_160811.png (0.1MB)
  • Effectuez alors un clic droit, et cette petite fenêtre va apparaitre
image Capture_decran_20171004_a_160947.png (0.1MB)
  • 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 :
image Capture_decran_20180130_a_151315.png (0.1MB)
  • 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 :
image Capture_decran_20180130_a_151333.png (0.1MB)
  • 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

Le thème margot est le thème de base pour la version Doryphore.
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
Rendez-vous sur la page "PageRapideHaut" de votre wiki
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 à ajouter les liens précédemment présents en utilisant la syntaxe de l'action Button.



Mettre à jour la navigation de gestion
Cela vous assurera d'être sur une organisation à jour de la gestion du wiki.
Cliquez sur la 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 :

image Capture_decran_20171007_a_225301.png (75.9kB)

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

image Capture_decran_20171009_a_120851.png (11.5kB)
Donc, cette rubrique est destinée à vous permettre de créer toutes les pages manquantes et néanmoins super utiles de la nouvelle version.

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


Cinquième étape : faites-vous plaisir !

Vous avez maintenant une version doryphore certifiée utilisable, vous pouvez utiliser 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 vous n'aimez pas le nouveau thème, vous pouvez retrouver l'ancien dans Mises à jour et extensions et l'installer.

Autres savoirs utiles autour des mises à jour

Mon wiki se trouve à l'adresse suivante http://site-coop.net/Louise, je souhaiterais qu'il se nomme maintenant http://site-coop.net/Mathieu
  • 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.php?wiki="
  • 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 dans certaines pages, et qu'il faudra donc éditer pour mettre la nouvelle url.

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
voir tous les changements ici : http://getbootstrap.com/getting-started/#migration

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, ..)
exemple pour une liste :
<li class="bazar-entry" <?php echo $fiche['html_data'];?>>


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 côté

Renommer les dossier tools en tools.old : on ne peut pas écraser car certains fichiers feront doublon.

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 sinon

Si la version de votre wiki est antérieure à 2018, votre site ne doit pas être encodé en utf8, et vous le remarquez peut-être lorsque vous effectuez des copier-collés depuis d'autres documents : certains caractères ne sont pas pris en compte et affichent des points d?interrogation ou autres bizarreries.

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
image MAJ_yeswiki.png (0.3MB)
Sur l'image : les messages qui s'affichent lorsque la commande est terminée
  • 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
    
    et voir la copie des fichiers
  • 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
    

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Accordéon

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
AccordeoN_image_accordeon_accordeon.png
Présentation rapide Affiche sous forme de fiches à déplier/plier
Informations importantes à propos de ce template C'est l'affichage par défaut.
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Prénom et nom***60***255*** *** *** ***1***0***
image***bf_image***Image de présentation (facultatif mais c'est plus sympa)***140***140***600***600***right*** *** ***
texte***bf_fonction***Mon métier, ma fonction***60***255*** *** *** ***0***0***
textelong***bf_description***Mes lieux d'investissement pro ou perso***5***5*** *** ***wiki *** 
textelong***bf_projet***Mon projet***5***5*** *** ***wiki *** 
texte***bf_tel***Téléphone pro (ou perso)***10***20*** *** *** *** ***0
champs_mail***bf_mail***Email (n'apparaitra pas sur le web)***60***255*** ***form*** ***1***0***
texte***bf_structure***Nom de la structure***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Internet***40***255***http://*** *** ***0***0
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***@admins
Mot clés documentation

annuaire_alphabetique.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
AnnuaireAlphabetiqueTplHtml_capture-décran-2018-12-08-à-12.27.09.png
Présentation rapide permet de créer une liste de type annuaire classée par ordre alphabétique
Informations importantes à propos de ce template il faut au moins un bf_titre
Mot clés documentation

compteur.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
CompteursTplHtml_capture-décran-2018-12-06-à-12.56.26.png
Présentation rapide ce template permet d'afficher la somme du champ bf_nombre
Détails des différents paramètres spécifiques à ce template (si votre formulaire initial n'avait pas de champ bf_nombre, vous pouvez utiliser correspondance="bf_nombre=votre champ")
Informations importantes à propos de ce template Les champs nécessaires minimaux sont bf_nombre.
(si pas dans votre formulaire, utilisez correspondance="bf_nombre=votre champ").
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Nom de l'événement***60***255*** *** *** ***1***0***
textelong***bf_description***Description***40***10*** *** *** *** 
textelong***bf_chapo***Chapo de l'article***40***10*** *** *** ***0
texte***bf_nombre***Nombre de participants***60***255*** *** *** ***0***0***
Ce texte n'apparait pas dans le formulaire
il est NECESSAIRE d'avoir les deux champs ci-dessous si on veut un affichage en calendrier
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
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
jour***bf_date_debut_publication***Début de la publication***1*** ***  *** ***  ***1***0
jour***bf_date_fin_publication***Fin de la publication***1*** ***  *** ***  ***1***0
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Web***40***255***http://*** *** ***0***0
image***bf_image***Image (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png
fichier***fichier***Documents***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***
Mot clés documentation

damier.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
DamierTplHtml2_capture-template-damier.png
Présentation rapide 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
Et un bouton, permet de pointer vers l'adresse contenue dans bf_lien.
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.
Si, ni lien, ni fichier ne sont renseignés, aucun bouton ne s'affiche.
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.
Détails des différents paramètres spécifiques à ce template Les paramètres peuvent être passés dans l'action bazar ou bazarliste, mais sont spécifiques à ce template.
Les paramètres génériques à tous les templates et particulièrement applicables avec le présent template sont rappelés à la fin.

pageDessus=NomWikiDeLaPage
  • S'il est rempli,
    • indique le nom Wiki d'une page du wiki qui apparaîtra au dessus des fiches.
  • S'il n'est pas rempli ou pas présent,
    • rien n'apparaîtra avant les fiches.
pageDessous=NomWikiDeLaPage
  • S'il est rempli,
    • indique le nom Wiki d'une page du wiki qui apparaîtra au dessous des fiches.
  • S'il n'est pas rempli ou pas présent,
    • rien n'apparaîtra après les fiches.
nbcol="4"
  • S'il est rempli,
    • permet de changer le nombre de fiches affichées sur une ligne.
  • S'il n'est pas rempli ou pas présent,
    • les fiches seront 4 par ligne.
ATTENTION -
1. Sur un écran de téléphone, une seule fiche sera affichée par ligne.
2. Sur un écran d'ordinateur, le nombre de colonnes sera le suivant :
  • si nbcol = 1, alors les fiches apparaîtront sur 1 colonne,
  • si nbcol = 2, alors les fiches apparaîtront sur 2 colonnes,
  • si nbcol = 3, alors les fiches apparaîtront sur 3 colonnes,
  • si nbcol = 4, alors les fiches apparaîtront sur 4 colonnes,
  • si nbcol = 5 ou 6, alors les fiches apparaîtront sur 6 colonnes,
  • si nbcol 7 ou plus, alors les fiches apparaîtront sur 12 colonnes.
ordreaffichage="image, titre, date, lieu, texte, bouton"
  • S'il est rempli,
    • permet de définir l'ordre d'affichage des informations de toute fiche.
  • S'il n'est pas rempli ou pas présent,
    • les informations de chaque fiche seront affichées dans l'ordre "image, titre, date, lieu, texte, bouton"
Pour afficher, par exemple, le titre, puis l'image, puis le bouton, puis le texte, il faut préciser, en séparant les mots par des virgules : ordreaffichage="titre, image, bouton, texte"
ATTENTION – Si une information est absente de la liste, par exemple, comme ci-dessus, ni date, ni lieu ne figurent, cette information ne sera pas affichée.
couleur="SeaGreen" ou couleur="#2E8B57"
  • S'il est rempli, indique la couleur utilisée (nom ou code de couleur HTML)
  • S'il n'est pas rempli ou pas présent, la couleur sera SeaGreen=#2E8B57.
urldebase="https://adresse.demon.site/?"
Permet de préciser l'adresse de base du wiki.
Ne pas oublier de mettre le "?" à la fin.
  • S'il n'est pas rempli ou pas présent,
    • les liens internes au Wiki ne fonctionneront pas.
valeurexergue="1"
  • S'il est rempli,
    • indique, la valeur du champ bf_exergue pour laquelle une fiche sera mise en $exergue. Autrement dit seront mises en exergue les fiches dont le champ bf_exergue porte la même valeur que le paramètre valeurexergue.
  • S'il n'est pas rempli ou pas présent,
    • aucune fiche ne sera mise en exergue.
ombreportee="oui"
  • S'il est rempli,
    • indique, si chaque fiche est présentée sans une ombre portée (non) ou avec (tous les autres cas). Si on choisit d'avoir une ombre portée, les coins des fiches sont également arrondis. Sinon, les fiches sont des rectangles.
  • S'il n'est pas rempli ou pas présent ou pas égal à "non",
    • il y a une ombre portée

Paramètres génériques à tous les templates et particulièrement applicables ici

correspondance
Permet, lorsque le nom de l'un ou plusieurs des champs de votre formulaire diffère(nt) de (bf_image, bf_bouton, bf_description, bf_exergue, bf_lien ou bf_fichier), de préciser le(s)quel(s) de vos champs utiliser.
Ex. : correspondance="bf_texte=bf_monchamp, bf_image=bf_photo_vacances"
champ
Permet de trier les fiches autrement que par ordre alphabétique des titres.
Ce paramètre permet de définir le champ de votre formulaire sur lequel s'effectuera le tri des fiches avant leur affichage.
Ex. : champ="bf_monchamp" ordre*
Permet de trier les fiches autrement que par ordre alphabétique des titres.
Ce paramètre permet de changer l'odre de tri des fiches.
Par défaut, les fiches sont affichées dans l'ordre croissant des titres ou du champ défini par le paramètre champ.
On peut changer cet ordre et le rendre décroissant.
Ex. : ordre="desc"
Informations importantes à propos de ce template
Limitations sur ce template
Code source du formulaire qui a servi pour cet exemple Exemple de formulaire :
texte***bf_titre...
image***bf_image...
jour***bf_debut... <= date et heure éventuelles de début de l'événement
jour***bf_fin... <= date et heure éventuelles de fin de l'événement
texte***bf_lieu
textelong***bf_description...
texte***bf_lien... <= lien à activer en cliquant sur le bouton
fichier***bf_fichier... <= fichier à télécharger cliquant sur le bouton
texte***bf_bouton... <= texte à afficher sur le bouton
texte***bf_exergue... <= détermine les fiches à mettre en exergue
Mot clés documentation

galerie_photos.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
GaleriePhotosTplHtml_capture-décran-2018-12-06-à-15.55.20.png
Présentation rapide ce template permet d'afficher une galerie de photos "classique" en 6 colonnes avec la photo et le titre par dessous.
Informations importantes à propos de ce template Les champs nécessaires minimaux sont bf_titre, bf_image
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Titre de la photo***255***255*** *** *** ***1***0***
n'apparait pas dans le formulaire : 
cette listethemes doit être définie dans l'onglet liste sinon elle n'apparait pas ! 
checkbox***ListeThemes***Thèmes de la photo*** ***1*** *** *** ***1***1***
image***bf_image***Image***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
Mot clés documentation

liste_fiches_horscarte.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
ListeFichesHorscarteTplHtml_capture-décran-2018-12-06-à-12.51.53.png
Présentation rapide 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".
Informations importantes à propos de ce template Les champs nécessaires minimaux sont bf_titre ainsi que les éléments standard d'adressage
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Prénom et nom***60***255*** *** *** ***1***0***
image***bf_image***Image de présentation (facultatif mais c'est plus sympa)***140***140***600***600***right*** *** ***
texte***bf_fonction***Mon métier, ma fonction***60***255*** *** *** ***0***0***
textelong***bf_description***Mes lieux d'investissement pro ou perso***5***5*** *** ***wiki *** 
textelong***bf_projet***Mon projet***5***5*** *** ***wiki *** 
texte***bf_tel***Téléphone pro (ou perso)***10***20*** *** *** *** ***0
champs_mail***bf_mail***Email (n'apparaitra pas sur le web)***60***255*** ***form*** ***1***0***
texte***bf_structure***Nom de la structure***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Internet***40***255***http://*** *** ***0***0
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***@admins
Mot clés documentation

liste_galerie.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
ListeGalerieTplHtml_liste_galerie.png
Présentation rapide 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.
Informations importantes à propos de ce template Les champs nécessaires minimaux sont
  • bf_titre
  • bf_image
  • bf_description
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Titre de la photo***255***255*** *** *** ***1***0***
n'apparait pas dans le formulaire : 
cette listethemes doit être définie dans l'onglet liste sinon elle n'apparait pas ! 
checkbox***ListeThemes***Thèmes de la photo*** ***1*** *** *** ***1***1***
image***bf_image***Image***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
Mot clés documentation

liste_liens_date.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
actionbazarliste_capture_liste_liens_date.png
Présentation rapide affiche une liste de liens pointant vers les fiches
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Prénom et nom***60***255*** *** *** ***1***0***
image***bf_image***Image de présentation (facultatif mais c'est plus sympa)***140***140***600***600***right*** *** ***
texte***bf_fonction***Mon métier, ma fonction***60***255*** *** *** ***0***0***
textelong***bf_description***Mes lieux d'investissement pro ou perso***5***5*** *** ***wiki *** 
textelong***bf_projet***Mon projet***5***5*** *** ***wiki *** 
texte***bf_tel***Téléphone pro (ou perso)***10***20*** *** *** *** ***0
champs_mail***bf_mail***Email (n'apparaitra pas sur le web)***60***255*** ***form*** ***1***0***
texte***bf_structure***Nom de la structure***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Internet***40***255***http://*** *** ***0***0
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***@admins
Mot clés documentation

liste_mails_seuls.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
ListeMailsSeulsTplHtml_capture-décran-2018-12-06-à-12.49.51.png
Présentation rapide 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.
Détails des différents paramètres spécifiques à ce template Pas de paramètres
Informations importantes à propos de ce template Les champs nécessaires minimaux sont :
bf_titre
bf_mail
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Prénom et nom***60***255*** *** *** ***1***0***
image***bf_image***Image de présentation (facultatif mais c'est plus sympa)***140***140***600***600***right*** *** ***
texte***bf_fonction***Mon métier, ma fonction***60***255*** *** *** ***0***0***
textelong***bf_description***Mes lieux d'investissement pro ou perso***5***5*** *** ***wiki *** 
textelong***bf_projet***Mon projet***5***5*** *** ***wiki *** 
texte***bf_tel***Téléphone pro (ou perso)***10***20*** *** *** *** ***0
champs_mail***bf_mail***Email (n'apparaitra pas sur le web)***60***255*** ***form*** ***1***0***
texte***bf_structure***Nom de la structure***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Internet***40***255***http://*** *** ***0***0
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***@admins
Mot clés documentation

mails_maj.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
MailsMajTplHtml_imagination.jpg
Présentation rapide 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.
Détails des différents paramètres spécifiques à ce template Le paramètre possible : nbjour=" "
Informations importantes à propos de ce template Les champs nécessaires minimaux sont
  • bf_titre
  • bf_mail
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Prénom et nom***60***255*** *** *** ***1***0***
image***bf_image***Image de présentation (facultatif mais c'est plus sympa)***140***140***600***600***right*** *** ***
texte***bf_fonction***Mon métier, ma fonction***60***255*** *** *** ***0***0***
textelong***bf_description***Mes lieux d'investissement pro ou perso***5***5*** *** ***wiki *** 
textelong***bf_projet***Mon projet***5***5*** *** ***wiki *** 
texte***bf_tel***Téléphone pro (ou perso)***10***20*** *** *** *** ***0
champs_mail***bf_mail***Email (n'apparaitra pas sur le web)***60***255*** ***form*** ***1***0***
texte***bf_structure***Nom de la structure***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Internet***40***255***http://*** *** ***0***0
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***@admins
Mot clés documentation

material-card.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
MaterialCardTplHtml_capture-décran-2018-12-06-à-13.12.22.png
Présentation rapide 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)
Détails des différents paramètres spécifiques à ce template nbcol="1, 2, 3, 4 ou 6" permet de jouer avec le nombre de colonnes
type="simple" permet de courcircuiter le comportement normal du template et d'ouvrir le contenu de la fiche directement
modal="1" : ouvre la fiche en fenêtre modal si placé sur 1
Informations importantes à propos de ce template Pour ce template, il est nécessaire d'ajouter un dossier javascripts contenant le fichier lazyload.min.js et un autre dossier nommé styles avec le fichier material-card.css.
Le sous-titre ne s'affichera que si le formulaire contient un champ du genre
texte***bf_baseline***Ici le sous-titre***
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Titre de la photo***255***255*** *** *** ***1***0***
n'apparait pas dans le formulaire : 
cette listethemes doit être définie dans l'onglet liste sinon elle n'apparait pas ! 
checkbox***ListeThemes***Thèmes de la photo*** ***1*** *** *** ***1***1***
image***bf_image***Image***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
Mot clés documentation

photo-oxygen.tpl.html

Ce template est fourni avec un yeswiki de base non il doit être téléchargé
PhotoOxygenTplHtml_capture-photo-oxygen.png
Présentation rapide 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
Détails des différents paramètres spécifiques à ce template Nécessite à minima les champs :
  • bf_image
  • bf_auteur
Mot clés documentation

timeline.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
TimelineTplHtml_timeline.png
Présentation rapide affiche les fiches sous forme de ligne du temps
Limitations sur ce template N'affiche que le titre et l'image. Pas de possibilité de cliquer pour voir le détail de chaque fiche. Pour faire cela, il faut écrire un autre {{bazarliste}} en utilisant un autre template.
Voir exemple "interpole" ci-dessous.
Mot clés documentation

Action bouton

Affiche un lien sous forme de bouton cliquable, avec de nombreuses possibilités de personnalisation.


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"}}
ce qui donne "seulement":
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"}}
donne :
Voir la documentation

{{button class="btn-success btn-lg" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-success btn-sm" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-success btn-xs" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation


Bouton sur toute la largeur
{{button class="btn-default btn-block" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

Classes de couleur de bouton

{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-primary" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-info" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-warning" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-inverse" link="DocumentatioN" text="Voir la documentation"}}
donne :
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!"}}
donne:
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"}}
donne :
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"}}
donne :
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"}}
donne :
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é.
Pour une fenêtre modale classique
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
donne :
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"}}
donne :
Voir la documentation

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


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 (2 sites intéressants pour récupérer des données : https://osm-boundaries.com , https://france-geojson.gregoiredavid.fr )...
    • Une fois récupéré le fichier GeoJson, l'ouvrir avec un éditeur de texte.
    • Copier le code complet.
    • Coller les data GeoJson dans une page du Wiki dédiée (que vous appellerez ensuite avec le handler "/raw" comme dans l'exemple ci-après.)
Il arrive souvent qu'en sauvant la page yeswiki indique une erreur
Query failed: INSERT INTO yeswiki__pages SET tag ....... (Data too long for column 'body' at row 1)

2 solutions pour remedier à ce problème :
- soit modifier le type de champ body dans phpmyadmin pour longtext
- soit transférer votre fichier geojson par ftp dans votre dossier files par exemple et adapter le paramètre URL du layer en remplacant par le nompage/raw par l'adresse complete du fichier https://yeswiki.net/files/departement.geojson
layers="Dpt|GeoJson|color:'#17B0CF'|https://infopublic71.xyz/files/departement.geojson"


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 id="1" layers="Waymarkedtrails|Tiles|https://tile.waymarkedtrails.org/cycling/{z}/{x}/{y}.png,Régions|GeoJson|wakka.php?wiki=BacASableGeoJson1/raw" }}



Il y a 0 fiche.

  • "layers" : une liste de layers (couches). Pour comprendre les termes du code :
  • format pour chaque layer : NOM|TYPE|URL ou NOM|TYPE|OPTIONS|URL
  • nota bene: le séparateur d'options est le ';' et pas la ',' qui est déjà utilisée pour séparer les LAYERS.
  • - URL: Attention au Blocage d?une requête multi-origines (Cross-Origin Request).

Votre layer est bien présent mais il faut l'activer en cliquant sur le bouton multicouche de votre carte.
Il vous suffit d'ajouter un paramètre visiblebydefault et d'activer le layer directement
layers="Dpt|GeoJson|color:'#17B0CF';visiblebydefault|https://infopublic71.xyz/files/departement.geojson"

Configurer son YesWiki en Intranet : protéger son wiki par un mot de passe

Il est parfois nécessaire de protéger l'accès de tout un wiki (par exemple pour transformer tout un wiki en intranet).
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.
Attention, aucune des pages du wiki protégé n'est accessible en lecture si le mot de passe n'est pas renseigné (logique ! )

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'option
location /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.php

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
image importbazzar1.png (34.6kB)
  • 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)
image importbazarnext1.png (55.1kB)
  • 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
image bazarexport1.png (34.6kB)
  • le wiki génère un fichier CSV à télécharger
image bazarexportnext1.png (26.6kB)

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.

Afficher les fiches YesWiki sur une carte de type umap


Il existe un tutoriel suivant : BazarAfficherSurCarteUMAP pour afficher les fiches YesWiki sur une carte de type umap.

Documentation


Vous trouverez ici des ressources pour apprendre à utiliser Yeswiki.

A partir de la version doryphore 4.3, la documentation est accessible directement depuis votre wiki et suivra les évolutions liés aux changements de version. Vous trouverez celle associée à votre wiki en ajoutant à l'url de votre wiki /?doc (ex : https://monwiki.fr/?doc).


Documentation de la dernière version Yeswiki

Documentation Doryphore

Les petits tutos

Comment faire pour

Une chaine peertube dédiée

Tutos vidéo

Quelques définitions si besoin

Glossaire

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 ;
}

Sécuriser la structure d'un Yeswiki


Yeswiki est par nature un logiciel ouvert, c'est-à-dire que la création et la modification des pages est par défaut possible pour tous les utilisateurs. Cependant, en fonction du contexte d'utilisation vous pouvez avoir besoin de restreindre ces possibilités de contribution.
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 correctement protégées mais si vous avez un peu trop bidouillé dans la gestion des droits, voici un récapitulatif des pages clefs et de leur réglage conseillé.


[|
|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.

En combinant champ mot clé et critères prédéfinis

Il est possible de combiner une recherche par mot clé libre et des critères prédéfinis.
image Capture_decran_20160405_a_105411.png (0.1MB)
{{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

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>""


Documentation originelle en Anglais

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 italique_
Italique (autre version)
Un peu de *texte en italique*
Un peu de *texte en italique*
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")
Image
![texte alternatif](https://yeswiki.net/files/PageTitre_yeswiki-noir_20200411173519_20200411153534.svg "texte au survol")
![texte alternatif](https://yeswiki.net/files/PageTitre_yeswiki-noir_20200411173519_20200411153534.svg "texte au survol")
Image avec un lien
[![texte alternatif](https://yeswiki.net/files/PageTitre_yeswiki-noir_20200411173519_20200411153534.svg "texte au survol")](https://yeswiki.net/?AccueiL)
[![texte alternatif](https://yeswiki.net/files/PageTitre_yeswiki-noir_20200411173519_20200411153534.svg "texte au survol")](https://yeswiki.net/?AccueiL)
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; ```
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     |
| Mardi | Mercredi | | ------------- | ------------- | | Laurent | Jérémie | | Sébastian | Romain |
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   |
| Ce Tableau | Est | Cool | | -------------- |:----------------:| ---------------:| | col 3 est | alignée à droite | Doryphore | | col 2 est | centrée | Cercopithèque |

Exemples de colonnes

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
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)

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
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)

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
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)

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)
    • ça doit ressembler à
      'base_url' => 'https://votrenomdedomaine/?',
      
  • changer les parametres d'accès à mysql 'mysql_host', 'mysql_database', 'mysql_user', 'mysql_password'
5) Par FTP du nouvel hébergeur : copier les fichiers téléchargés précédemment et le fichier wakka.config.php modifié
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.

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

{{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)


Pour 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


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 MailPagePrincipaleDay

Concrè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.

{{moteurrecherche}}

  • Comportements
  • permet d'ajouter un formulaire de recherche au sein du wiki
syntaxe minimale : {{moteurrecherche}}

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
  • moteurrecherche_basic.tpl.html , affiche le champ texte + le bouton "loupe
  • moteurrecherche_button.tpl.html , n'affiche que le bouton "loupe", sans le champ texte
  • moteurrecherche_navbar.tpl.html
class les paramètres de class pour faire varier la mise en page /A COMPLETER

Mettre une image, (un bandeau) en en-tête ou un à-plat 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 à-plat d'une autre couleur : supprimer file="bandeau.jpeg" et remplacer dans bgcolor="var(--neutral-color)" par un code couleur :

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.
et
{{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 télécharger un bandeau, cliquez dessus puis clic droit/enregistrer sous (ou pomme clic sous apple).
Pour en fabriquer, elles doivent faire 1920 X 250 px et avoir une résolution de 72 dpi.
Matrix
image horizon.jpg (86.6kB)
image Puzzle.jpg (0.1MB)
image spiral.jpg (0.3MB)
image vache.jpg (90.6kB)
image vague.jpg (0.1MB)
image ville.jpg (0.2MB)
image etoile.jpg (0.2MB)
image route.jpg (0.3MB)
image citron.jpg (0.2MB)
image bois.jpg (0.2MB)
image bandeauboatseattle.png (0.2MB) CC-BY-SA NicolasGeiger
image bandeau2.jpg (73.3kB)
image bandeau3.jpg (50.2kB)

Matrix noir
Pixel
image couleur.jpg (45.7kB)
image fenetre.jpg (0.3MB)
image vitre.jpg (0.1MB)
image faience.jpg (0.4MB)
image champ.jpg (0.1MB)
image grille.jpg (0.2MB)
image homme.jpg (80.1kB)
image bandeau.jpg (0.1MB)
image foule.jpg (0.2MB)
image toto.jpeg (0.2MB)
image campagne.jpg (90.3kB)
image bandeau1.jpg (0.1MB)

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
default
primary
success
Info
warning
danger
Attention ! Voici votre message. Success

Attention ! Voici votre message. Info

Attention ! Voici votre message. Warning

Attention ! Voici votre message. Danger

Titre default

Contenu default

Titre primary

Contenu primary

Titre success

Contenu success

Titre info

Contenu info

Titre warning

Contenu warning

Titre danger

Contenu danger

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>

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
image Capture_bazar.png (13.1kB)



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)
image pagewidgetcarto.png (0.5MB)


















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 !
image widgetcartofacette.png (15.1kB)











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


image widgetembed.png (90.8kB)


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-"}}


image Capture_dcran_de_20191021_122151.png (0.1MB)

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

{{abonnement}}


  • Comportements
proposer une fenètre permettant de s'inscrire à une liste de discussion / diffusion

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
mail 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"}}

{{button}}

démo de l'action
Un joli bouton cliquables pour vos liens
Comportements
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...

Pour créer un bouton, il vous suffit d'utiliser le code suivant, en inscrivant derrière "link" le lien de la page vers lequel mène votre bouton, et derrière "text" le texte que vous voulez voir apparaître dans votre bouton.

{{button link="http://lolo.lol" text="cliquez ici pour aller sur le site"}}

Pour ajouter un icone, nous allons ajouter dans le code du bouton le paramètre correspondant en ajoutant icon="nom de mon icone". Cela donnera par exemple pour un icone de livre :

{{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 :

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-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
/!\ 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.


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"}}


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.

Une page de démo très complète est accessible via ce lien : https://yeswiki.net/?DemoButton




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 vert ? remplacer btn btn-danger par btn btn-success
un bouton orange ? remplacer btn btn-danger par btn btn-warning,
un bouton bleu ? remplacer btn btn-danger par btn btn-info

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"

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

  • Moovly : créez des vidéos de présentation animées
  • Camstudio : un logiciel pour enregistrer votre écran pour faire des vidéos de formation

Facette : un module de recherche dans bazar


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, des radio ou des checkbox)
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"}}

image Capture_decran_20160405_a_105411.png (0.1MB)
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 (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 ?

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">
et ceci fourni pour exemple
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>""


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"}}
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Action {{button text="..." link="..."}}

Affiche un lien sous forme de bouton cliquable, avec de nombreuses possibilités de personnalisation.


Code minimal

{{button text="Voir la documentation" link="DocumentatioN"}}
donne:
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"}}
donne:
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"}}
donne :
Voir la documentation
{{button class="btn-default btn-sm" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-default btn-xs" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

Bouton sur toute la largeur
{{button class="btn-default btn-block" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
Classes de couleur de bouton
{{button class="btn-default" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-primary" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-info" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-warning" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}
donne :
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>""
ou
{{button class="pull-right btn-danger" link="DocumentatioN" text="Voir la documentation"}}
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!"}}
donne:
Ca plane pour moi!
{{button class="btn-danger" icon="glyphicon glyphicon-facetime-video" link="https://youtube.com" text="Aller sur youtube"}}
donne:
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"}}
donne :
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"}}
donne :
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é.
Pour une fenêtre modal classique
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
donne :
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"}}
donne :
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"}}
donne :
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"}}
donne
Voir la documentation
Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Éditer et créer ou 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 :
  • une Page Titre : c'est le nom du wiki
  • une Page Menu Haut : pn peut y ajouter des liens vers les pages du wiki (menu et sous-menu)
  • une Page Rapide Haut : il s'agit des pages d'administration du wiki
  • une Page Header : c'est une partie utile pour écrire le titre donné au wiki, ajouter une description, un logo...
  • une Page Footer : autrement dit un pied de page, où se trouvent diverses informations au sujet due wiki
image GererSite_composition_dune_page.jpg (43.2kB)

Il y a deux manières d'accéder à une page menu pour la créer ou la modifier :

Par la roue crantée

image GereSite_modif_menu_roue.png (0.2MB)
Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.

Par l'url du menu

image GereSite_modif_menu_url.png (0.1MB)
Pour les menus par défaut ces url sont :

Pour créer ou modifier un menu...

... il faut savoir créer des liens...

(Voir la page de la documentation "Créer une lien")
Les titres de menu coorrespondent à des liens menant à des pages, qu'elles soient déjà créées ou non.
Ici la page "Démo" n'existe pas : il y a un petit crayon à côté de son nom dans la page (en bas) et dans le menu (en haut). On peut créer la page en cliquant sur son nom, dans la page ou dans le menu.

...et des listes à puces (idem !)

(Voir la page "Mettre en forme le texte")
Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce, soit un ou plusieurs espaces placés en début de ligne :
  • un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Ici la page "Démo".
  • deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau). Ici les pages Test1 et Test2.

image modifier_menu_haut.png (0.2MB)

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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,

image cloudron.png (24.7kB)




pour installer Yeswiki il faut avoir les identifiants de la base de donnée. Pour cela, il faut soit 1/ accéder au terminal


image lamp_cloudron.png (6.5kB)
accéder au terminal de l'appli LAMP

et entrer la commande
env | grep MYSQL_



2/ accéder au credentials https://docs.cloudron.io/apps/lamp/#configuring-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)
démo de l'action

Joindre un fichier : image, son, téléchargement...

En plus du texte, on peut vouloir ajouter des images, des documents à télécharger, voire des vidéos ou des fichiers audio. Avec YesWiki ceci est très facile ! Voici comment faire.

Bouton "fichier"

Dans la page en mode édition, cliquer sur le bouton "Fichier" permet de choisir un fichier qui se trouve sur votre ordinateur.
image inserer_image_bouton.png (15.8kB)
En fonction du type de fichier à insérer, YesWiki propose des interfaces différentes, mais le principe reste le même.

...pour un fichiers image (svg, png, gif, jpg, bmp...)

Le bouton ouvre sur une fenêtre qui permet de choisir l'alignement de l'image, sa taille à l'affichage ainsi que le texte qui s'affichera au survol (texte de la vignette).
image inserer_image_fenetre.png (72.3kB)

En cliquant sur "Paramètres avancés", on peut ajouter un lien associé (en vert ci-dessous), des effets graphiques, modifier le texte alternatif et empêcher l'affichage de l'image lorsqu'on clic dessus (en jaune).
image inserer_image_fenetre_parametres.png (56.0kB)

On peut modifier l'image après l'avoir enregistrée. Pour cela il faut re-éditer la page, trouver le bout de code entre {{ }} qui concerne ce fichier et cliquer n'importe où dessus : un bouton crayon apparaît, il suffit de cliquer dessus pour afficher la fenêtre permettant de faire toutes les modifications que vous souhaitez.
image inserer_image_modifier.png (34.9kB)

...pour un fichier texte (.doc, .pdf, .xls, .odt, .txt...)

Ici le bouton ouvre une fenêtre qui permet de modifier le texte du lien et d'afficher le fichier sous forme de lien ou directement inclus dans la page.
image inserer_fichier_fenetre2.png (0.2MB)

Comme pour les images, on peut
- cliquer sur Paramètres avancés pour ajouter un lien associé, des effets graphiques et que modifier le texte alternatif.
- et modifier le fichier après l'avoir enregistré en cliquant sur bout de code entre {{ }}.

...pour un fichier audio (mp3) et vidéo (flv)

Le principe est toujours le même. Ces fichiers seront interprétés sous forme de lecteur audio. Mais souvent ce sont des fichiers lourds qu'on a tendance à stocker sur des plateformes spécialisées (vimeo, youtube, peertube ...) pour ensuite les intégrer au wiki en iframe.

...pour un fichier freeplane ou freemind (.mm)

Le principe est toujours le même. Ces fichiers seront affichés sous forme de carte heuristique cliquable.

Vous avez envie de code ?

Pas de souci, vous avez ci-dessus les bouts de codes générés par les boutons, ils peuvent être créés directement sur votre page en mode édition, et modifiés comme vous le souhaitez.
Pour plus d'infos, aller sur la page {{attach}} de la documentation YesWiki.

Une vidéo pour vous aider

Voir la vidéo (elle est faite à partir de la version précédente mais le principe est le même)

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Créer un lien

Dans les pages d'une gare centrale on a souvent besoin de faire des liens vers d'autres pages ou d'autres sites. Encore une fois, c'est asser simple.

Dans la page en mode édition, cliquer sur le bouton "Lien".
image bouton_lien.png (15.3kB)

Vous serez alors guidé.e dans vos choix avec cette fenêtre :
image ajouterunlien.png (60.1kB)
  • Faites vos choix et cliquez sur "Insérer" : la ligne de code s'inscrit toute seule ;-)

Vous avez envie de code ?

Voici ce que ça donne quand on regarde le code :
image DocumentationCreerUnLien_creer_un_lien_ex_chamot1_20220123191525_20220123181537.png (21.1kB)
image DocumentationCreerUnLien_creer_un_lien_ex_url1_20220123191525_20220123181548.png (37.2kB)
image DocumentationCreerUnLien_creer_un_lien_ex_mail1_20220123191525_20220123181600.png (23.0kB)

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Intégrer des éléments externes
(vidéos, pad...)

Avec YesWiki on ne réinvente pas le fil à couper le beurre et on peut facilement copier sur son voisin et récupérer des pages intéressantes ! On peut aussi tout simplement avoir besoin d'utiliser différents outils de travail coopératif et vouloir les centraliser dans notre gare centrale. Voici comment faire :

Un peu de vocabulaire

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.

Quelques étapes très simples

1. Trouver le code iframe permettant l'intégration
Un site propose souvent d'afficher ses contenus ailleurs que "chez lui", en fournissant un morceau de code html (appelé iframe), qui se trouve dans les options "Partager" > "Intégrer" ou encore "iframe".
Ca peut ressembler à ça :
image partager.png (0.9kB)
image partageryoutube.png (2.8kB)
image intgrer.png (2.9kB)
Le code iframe que vous allez trouver ressemblera à ça :
<iframe name="embed_readwrite" src="https://unsite.com/iframe" width="100%" height="600" ></iframe>
Vous allez sélectionner et copier ce code pour aller le coller dans votre wiki.

2. Coller ce code dans ma page wiki
Une fois le code collé dans la page il faut penser à ajouter avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""
3. Sauver et profiter !
Vous enregistrez ces modifications et vous pouvez profiter des fonctionnalités de cet autre site dans votre wiki : lire la vidéo, écrire dans le pad, lire un contenu ...

Bricoler le code

Changer la taille de la fenêtre
Le code iframe fourni peut être personnalisé, notamment pour les dimensions de la fenêtre intégrée.
Dans le bout de code à copier-coller, les paramètres width (largeur) et height (hauteur) permettent de spécifier la taille de ce cadre et ils sont renseignés en pixels. Vous pouvez modifier ces chifres pour ajuster la taille de la fenêtre.

Largeur
Le paramètre width= est indispensable. Il peut indiquer un nombre pixels ou un pourcentage de la taille de l'écran.
Pour que la fenêtre prenne toute la largeur et s'adapte à l'écran vous pouvez indiquer width=100%

Hauteur
L'insertion iframe peut configurer sa longueur automatiquement via la class class="auto-resize"

Ajouter ou enlever un cadre noir
La fenetre intégrée peut être encadrée ou non.
Dans la "class" vous pouvez préciser frameborder="yes" (avec cadre noir) ou frameborder="no" (sans cadre noir)
<iframe width="100%" src="https://unsite.com/iframe" class="frameborder="yes" ></iframe>

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

La composition d'une page (entête, pied de page, menu...)


Par défaut une page wiki contient :

  • une Page Titre : c'est le nom du wiki
  • une Page Menu Haut : on peut y ajouter des liens vers les pages du wiki (menu et sous-menu)
  • une Page Rapide Haut : il s'agit des pages d'administration du wiki
  • une Page Header : c'est une partie utile pour écrire le titre donné au wiki, ajouter une description, un logo...
  • une Page Footer : autrement dit un pied de page, où se trouvent diverses informations au sujet due wiki

image GererSite_composition_dune_page.jpg (43.2kB)

Il y a deux manières d'accéder à une page menu pour la modifier :

Par la roue crantée

image GereSite_modif_menu_roue.png (0.2MB)
Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.

Par l'url

image GereSite_modif_menu_url.png (0.1MB)
Pour les menus par défaut ces url sont :
  • https://www.urldusite.ext/PageTitre
  • https://www.urldusite.ext/PageMenuHaut
  • https://www.urldusite.ext/PageRapideHaut
  • https://www.urldusite.ext/PageHeader
  • https://www.urldusite.ext/PageFooter


Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Historique d'une page
et restauration d'une version antérieure

Dans YesWiki chaque modification d'une page est sauvegardée dans un historique. Par défaut il est possible de voir les 30 versions antérieures d'une page et, ce qui est souvent bien pratique, de restaurer une version antérieure.

Pour y accéder il suffit de cliquer sur le lien en bas de page nommé : "Dernière édition : jour.mois.année"
image bas_de_page.png (39.1kB)
Attention : cet accès est possible pour les personnes qui ont les droits en écriture sur la page concernée, c'est-à-dire tout le monde par défaut, mais les administrateurs du site peuvent faire un autre choix.

  • le "handler" révisions est ajouté dans l'url
image handler_revisions.png (9.5kB)
  • et une fenêtre comme celle-ci s'affiche :
image historique_page.png (36.4kB)

Vous y trouverez :

dans la partie haute

  • la représentation des 30 dernières modifications effectuées sur la page affichées avec, en survol avec la souris, le numéro, la date et l'heure de la modification
  • en cliquant sur un rond : en plus des éléments précédents, 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 (par exemple : WikiAdmin)
  • un bouton vert "Restaurer cette version" permettant d'enregistrer la page choisie

dans la partie en dessous, en fonction de l'onglet choisi

  • premier onglet : l'aperçu de la version choisie (par défaut la dernière ou "version actuelle")
  • deuxième onglet : les modification apportées par cette version, en rouge pour ce qui a été retiré et en vert pour ce qui a été ajouté
  • troisième onglet : la comparaison avec la version actuelle, avec les mêmes codes couleur
  • A noter : en cochant la case "Afficher le code Wiki" vous aurez les mêmes éléments, vus en mode édition !

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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.4) 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-stype, php-curl, php-filter, php-gd, php-iconv, php-json, php-mbstring, php-mysqli, php-pcre et php-zip ; la liste à jour des extensions est décrite dans le fichier composer.json.
  • Les extensions peuvent nécessiter des librairies supplémentaires. Vérifiez le contenu du fichier README.md de chacune (ex.: ferme, lms).

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 "&Eacute", "&Egrave"; )
  • 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) {
    
    par
    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 ;-)

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

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é.
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"
period n'affiche que les résultats dont la fiche est plus récente que la date donnée. Exemple: period="2020-12-31" ; à partir de Doryphore 2021-02-04-2
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"
user n'affiche que les résultats dont l'utilisateur donnée est le propriétaire ; vide par défaut. Exemple: user="Wikiadmin ; à partir de Doryphore 2021-02-04-2
filteruserasowner n'affiche que les résultats dont l'utilisateur courant est le propriétaire ; faux par défaut. Exemple: filteruserasowner="true" ; à partir de Doryphore 2021-02-04-2
search permet d'afficher une barre de recherche en haut de l'affichage des résultats. Exemple: search="true" ; faux par défaut
shownumentries affiche le nombre de résultats trouvés en en-tête. Exemple : shownumentries="true" ; faux par défaut
barregestion affiche la barre de gestion en bas de chaque fiche. Exemple : barregestion="false" ; true par défaut

A savoir : appeler sur son wiki les fiches d'un autre wiki

{{bazarliste id="<urlduwiki>|<idduform>"}}


Il est maintenant possible d'utiliser l'action bazarliste pour afficher les données distantes. Tout est décrit dans cette documentation.

Les templates disponibles sous yeswiki

ATTENTION: certains ne sont pas fourni par défaut avec yeswiki et doivent être téléchargés

20 fiches trouvées
Fourni par défaut ou pas
Accordéon

Accordéon

Affiche sous forme de fiches à déplier/plier

annuaire_alphabetique.tpl.html

annuaire_alphabetique.tpl.html

permet de créer une liste de type annuaire classée par ordre alphabétique

blog.tpl.html

blog.tpl.html

Le template blog permet d'afficher des actualités :

  • dernier article mis en avant dans un bloc de couleur (optionnel)
  • affiche la date et l'auteur de l'article sous le titre (optionnel)
  • le résumé : 280 premiers caracteres du champ soustitre

carousel.tpl.html

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)

compteur.tpl.html

compteur.tpl.html

ce template permet d'afficher la somme du champ bf_nombre

damier.tpl.html

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
Et un bouton, permet de pointer vers l'adresse contenue dans bf_lien.
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.
Si, ni lien, ni fichier ne sont renseignés, aucun bouton ne s'affiche.
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

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

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

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

liste_liens.tpl.html

affiche les liens vers les fiches sous forme de liste à puces

liste_liens_date.tpl.html

liste_liens_date.tpl.html

affiche une liste de liens pointant vers les fiches

liste_mails_seuls.tpl.html

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

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

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

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

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

photobox.tpl.html

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

Paramètres personnalisables :

  • largeur vignette : thumbwidth="100" > indiquer le nb de px sans préciser l'unité
  • hauteur vignette : thumbheight > idem
  • redimensionnent vignette : thumbresize
    • aux dimensions exactes, quitte à rogner l'image (crop)
    • ou garder dimensions originales à l'intérieur des dimensions (fit)
  • marge entre les images :thumbmargin par defaut 1;
  • largeur image plein écran bigwidth
  • hauteur image plein écran bigheight
  • redimensionnent image plein écran : bigresize
    • aux dimensions exactes, quitte à rogner l'image (crop)
    • ou garder dimensions originales à l'intérieur des dimensions (fit)

semi-ouvert.tpl.html <= remplacé par la vue bloc

semi-ouvert.tpl.html <= remplacé par la vue bloc

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).

timeline.tpl.html

timeline.tpl.html

affiche les fiches sous forme de ligne du temps

trombinoscope.tpl.html

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.


Ajouter un mot au 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
Base de données dans laquelle on stocke les informations de YesWiki.
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
YesWiki permet de créer des base de données accessibles aux administrateurs et aux internautes directement sur le site. Cela prend la forme de formulaires pour la partie question et de fiches pour la partie réponse.
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
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...
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 :
plop
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.
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

"Comment faire pour..."


Aucun résultat

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.

Extension ferme


L'extension "Ferme" permet de créer facilement des wikis sur votre hébergement sans avoir besoin d'accéder au serveur. C'est un outil idéal pour décliner des espaces de travail pour des groupes.

Il est nécessaire de disposer d'un wiki qui servira à gérer la ferme (et sur lequel vous installez l'extension)

Installation

Via le menu "Gestion du site" de votre wiki puis onglet "Mise à jour/extensions"

L'installation de l'extension va effectuer seule les opérations suivantes :
  • copier le dossier ferme sur votre serveur
  • créer un formulaire "Ferme Yeswiki" (id=1100) dans bazar
  • créer la page AdminWikis

Ajouter un lien vers la page AdminWikis dans votre menu ou à l'emplacement de votre choix.
Créer les pages :
  • AjouterWiki : son contenu est {{bazar id="1100" voirmenu="0" vue="saisir" }}
  • ContactWikis : son contenu sera l'action {{contactwikis}} qui n'est pas encore fonctionnel
  • ModelesWiki : son contenu sera l'action {{generatemodel}} qui permet de fabriquer, importer un model

Et voilà c'est prêt !

  • Utilisation

  • Il suffit de compléter le formulaire présent sur la page AjouterWiki et un nouveau wiki est créé sur votre hébergement - il est opérationnel sans nécessiter d'autres actions de l'administrateur.

Voir https://github.com/YesWiki/yeswiki-extension-ferme/blob/master/README.md

carousel.tpl.html

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
CarouselTplHtml_capture-décran-2018-12-09-à-17.18.13.png
Présentation rapide 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)
Détails des différents paramètres spécifiques à ce template
  • sanstitre="oui" permet de cacher le titre de la fiche (bf_titre)
  • avecpage="oui" permet d'afficher un contenu fixe en superposition du slider
  • en activant le paramètre avecpage="oui" - un lien apparaitra sur votre slider pour vous éditer la page de contenu fixe "Éditer PageDessusSlider"
  • showLinkInsteadOfUrl="oui" permet d'afficher un bouton avec le lien vers la fiche
  • sinon si présence du champ bf_url dans le formulaire alors le bouton "En savoir plus" renverra vers bf_url
L'option est visible sur ce wiki ...https://www.pnth-terreenaction.org
Mot clés documentation

É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
image editer_une_page_barre
Lien vers: DocumentationEdition
Barre d'édition de Yeswiki

Double-clic

image editer_page_double_clic
Le double clic est une spécificité de Yeswiki : pour modifier le contenu d'une page il vous suffit de double-cliquer sur le contenu à modifier. Vous atteignez ainsi le mode édition de la page.

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

"Éditer la page"

image editer_page_editer
En bas d'une page wiki, vous trouvez un lien "Éditer la page" avec une icône crayon. Ce lien vous mène lui aussi au mode édition de 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

image editer_une_page_edit
Dans la barre du navigateur se trouve l'adresse URL de la page sur laquelle vous vous trouver. Si vous ajouter "/edit" à la fin de celle-ci (puis en validant avec la touche [ENTREE]) vous atteignez le mode édition.

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, enregistrer la page en cliquant sur le bouton "Sauver" en haut ou en bas de la page.
image editer_page_sauver

Voir aussi


Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

Url courtes dans yeswiki

Cette page explique comment retirer le ? présent dans les urls, ce qui permet d'avoir une url qui ressemble à https://www.example.com/MaPage au lieu de https://www.example.com/?MaPage ou https://www.example.com/?wiki=MaPage.
Ce fonctionnement est réservé aux personnes maîtrisant l'accès par FTP à leur serveur et ayant quelques bases sur le fonctionnement des fichiers .htaccess.

Il faut appliquer ces recommandations pour que le paramètre concernant les urls courtes lors de l'installation d'un wiki fonctionne.

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-Za-z0-9_-]+)$ ?wiki=$1& [QSA,L]
RewriteRule ^([A-Za-z0-9_-]+)\/$ ?wiki=$1& [QSA,L]
RewriteRule ^([A-Za-z0-9_-]+\/[A-Za-z0-9_-]+)$ ?wiki=$1& [QSA,L]
Attention : cette formule du fichier .htaccess n'est que valable pour un wiki a la racine sans l'extension ferme, ni sous-dossiers, il faudra l'adapter pour les sites présents dans des sous dossiers et aussi vérifier le fonctionnement pour l'api à chaque serveur...


2) Editer le fichier de configuration wakka.config.php, et changer les lignes suivantes :
Changer
'base_url' => 'http://mondomaine.ext/?', # ou 'http://mondomaine.ext/wakka.php?wiki=' pour les wikis plus ancients
'rewrite_mode' => '0',
Pour
'base_url' => 'http://mondomaine.ext/',
'rewrite_mode' => '1',
Attention : laisser le / a la fin de l'url pour 'base_url'

Créer une nouvelle page


Vous pouvez initier une nouvelle page où que vous soyez dans votre wiki : dans une page classique ou dans le menu.
Il y a pour celà 2 étapes :
  • ouvrir le fenêtre permettant de faire un lien (voir ici)
  • saisir le "Nom de la page YesWiki"

Nommer ma nouvelle page

La seule règle pour nommer votre page est indiquée : "sans espace ni caractère spéciaux".
Donc vous pouvez choisir de l'appeler nomdemapage ou comptesrendusdereunions
Ce sera plus lisible si vous alternez avec des majuscules NomDeMaPage (c'est la méthode traditionnelle dans YesWiki, ce que vous nous appelions les ChatMot).
Et c'est encore mieux (notamment pour les moteurs de recherches) si vous optez pour les tirets : nom-de-ma-page

Ca donne ça :
image page1.png (68.3kB)



Quand je cliquer sur "insérer", ça génère cette ligne de code :

image page2.png (7.4kB)


Il ne vous reste plus qu'à sauver.

Quand le lien vers d'être créé mais que la nouvelle page est vide, un petit crayon apparait devant le lien. Il disparaitra quand vous aurez saisi du contenu dans la nouvelle page.

image page3.png (6.0kB)

Astuces

  • une fois ma nouvelle page créée je peux enlever le lien qui y mène sans que la page disparaisse pour autant. Je peux retrouver mes pages dans la roue crantée en haut à droite > Tableau de bord. Une bonne manière de cacher des pages ;-)
  • une tout autre manière de créer une nouvelle page est de modifier l'URL : la dernière partie de l'adresse correspond au nom de la page
image Capture_dcran_du_20220128_152625.png (6.0kB)
  • YesWiki va interpréter tout ChatMot comme une nouvelle page. Si on veut écrire un ChatMot sans créer de nouvelle page (par exemple pour écrire YesWiki sans créer de lien), on l'encadre de double guillemets:
image creer_nouvelle_page_chatmot_non_lien.png (20.8kB)

Le concept des pages wikis

Parfois ça aide à comprendre ;-)
Quel que soit l'endroit de mon wiki où j'écris le nom de ma page (ici LesMembres) le lien renverra à la même page :
image page_wiki_le_concept.jpg (97.0kB)

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 ici

Une erreur inattendue s'est produite. Veuillez contacter l'administrateur du site et lui communiquer l'erreur suivante :
count(): Argument #1 ($value) must be of type Countable|array, null given in /var/www/yeswiki__4/archive/actions/trail.php on line 76

{{accordion}} et {{panel}}

démo de l'action
L'action accordion quand elle est utilisée autour d'une ou plusieurs actions panel permet d'afficher ces panels en mode accordéon. Les panels sont alors affichés fermés par défaut et un seul panel peut être ouvert à la fois.
Il est également possible de laisser un panel ouvert à l'affichage de la page en spécifiant sur ce panel le paramètre type = "collapsible" (voir la page de démo pour plus d'informations).

Comportements
Sert à 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.
syntaxe minimale :
{{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

semi-ouvert.tpl.html <= remplacé par la vue bloc

Ce template est fourni avec un yeswiki de base oui il est fourni par défaut
SemiOuvertTplHtml_semi_ouvert.png
Présentation rapide 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).
Détails des différents paramètres spécifiques à ce template Les champs nécessaires minimaux sont
  • bf_titre
  • bf_image optionnelle
  • bf_date_debut_evenement optionnel
  • bf_description
  • bf_site_internet optionnel
  • champ fichierstage à télécharger optionnel
Code source du formulaire qui a servi pour cet exemple
texte***bf_titre***Nom de l'événement***60***255*** *** *** ***1***0***
textelong***bf_description***Description***40***10*** *** *** *** 
textelong***bf_chapo***Chapo de l'article***40***10*** *** *** ***0
texte***bf_nombre***Nombre de participants***60***255*** *** *** ***0***0***
Ce texte n'apparait pas dans le formulaire
il est NECESSAIRE d'avoir les deux champs ci-dessous si on veut un affichage en calendrier
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
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
jour***bf_date_debut_publication***Début de la publication***1*** ***  *** ***  ***1***0
jour***bf_date_fin_publication***Fin de la publication***1*** ***  *** ***  ***1***0
texte***bf_horaire***Horaire***60***255*** *** *** ***0***0***
lien_internet***bf_site_internet***Site Web***40***255***http://*** *** ***0***0
image***bf_image***Image (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png
fichier***fichier***Documents***20000000*** *** *** *** ***0*** ***ne pas dépasser 20 Mo
texte***bf_adresse***Adresse***50***50*** *** *** ***0***0
texte***bf_code_postal***Code postal***8***8*** *** *** *** ***0
texte***bf_ville***Ville***50***80*** *** *** *** ***0
labelhtml***<span style="color:#cc3333;">Il faut maintenant cliquer sur le bouton bleu pour placer votre point sur la carte </span><br>*** ***
carte_google***bf_latitude***bf_longitude***cartogoogle***
labelhtml***<h3>Il ne vous reste plus qu'à valider ! </h3>*** ****** *** *** *** *** *** *** ***
Mot clés documentation




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***

Pour comprendre cette ligne cabalistique, observez qu'elle propose 13 zones paramétrables séparées par trois étoiles comptez la position de la zone et lisez ci-dessous sa description

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.) ;

  1. 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
  2. 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)
  3. 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
  4. Taille à l'écran (spécifique) : 15 (caractères)
  5. Nombre de caractère max (spécifique) : 15
  6. Valeur par défaut (spécifique) : non renseigné
  7. ici Non-utilisé : dans certains types de champs, toutes les zones ne sont pas utilisées, dans ce cas, les laisser vide
  8. ici Non-utilisé
  9. Saisie obligatoire (quasi générique) : 1 (champ obligatoire) 0 ou vide (pas d'obligation)
  10. Présence dans le moteur de recherche (quasi générique) : 1 (utilisé dans les recherches) 0 ou vide (pas utilisé)
  11. 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
  12. 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 :
  13. Droits d'accès à la saisie du champ. (quasi générique) Même fonctionnement que pour les [[ControlerLAccesAuxPages 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.

nb : si vous voyez le code suivant dans votre template de formulaire, les champs manquant seront proposés avec leurs valeurs par défaut
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

Par exemple, pour un annuaire :
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 :
image titrenomevenement1.png (6.6kB)
Une entrée contenant le champ bf_titre est obligatoire!!

Pour aller plus loin
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

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*** ***


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 !!

Syntaxe :
carte_google***bf_latitude***bf_longitude***cartogoogle***1

Attention Il faut obligatoirement un champ adresse contenant bf_adresse1 (ou bf_adresse2) et/ou bf_ville et/ou bf_pays disponible pour effectuer la géolocalisation


Affichage dans le formulaire de saisie :
image champadresse_carto.png (0.3MB)


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

Exemple de syntaxe à copier/coller :
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


  1. Type de champ : jour
  2. Identifiant du champ : bf_date_debut_evenement
  3. Intitulé affiché : Début de l'événement
  4. Non-utilisé
  5. Non-utilisé
  6. indiquer today ici permet d'afficher par défaut la date du jour
  7. Non-utilisé
  8. Non-utilisé
  9. Saisie obligatoire : 1 (oui)
  10. Non-utilisé

Syntaxe :
Affichage dans le formulaire de saisie :
image champdate.png (6.9kB)

image***bf_image***Image de présentation (facultatif)***140***140***600***600***right*** *** ***Votre image doit être au format .jpg ou .gif ou .png

  1. Type de champ : image
  2. Identifiant du champ : bf_image (sans accents, tout attaché)
  3. Intitulé affiché : image de présentation (facultatif)
  4. Hauteur de la vignette : 140 (en px)
  5. Largeur de la vignette : 140 (en px)
  6. Hauteur de l'image redimensionnée : 600 (en px)
  7. Largeur de l'image redimensionnée : 600 (en px)
  8. Classe css associée à l'image : right (ou center ou left)
  9. Saisie obligatoire : 0 (non)
  10. Présence dans le moteur de recherche : non renseigné (non).
  11. 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
  12. Droits d'accès du champ.
    bf_site_internetSite Internet40255http://*** 00Le lien doit être valide
    Affichage dans le formulaire de saisie :
    {{attach file="champlieninternet.png" desc="image champlieninternet.png (2.3kB)" size="big" class="center" img class="img-responsive img-thumbnail"}}
    ----
    {{end elem="panel"}}
    {{panel title="Checkbox / cases à cocher (plusieurs choix parmi des propositions)"}}
    Exemple de syntaxe à copier/coller :
    
    checkbox
    ListeFormationsType de formation 1 11
    1) **Type de champ** : checkbox
     - **Identifiant du champ** : ""ListeFormations"" Pour trouver l'identifiant de la liste, aller sur la page [[BaZar 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 [[FabriquerListe 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 {{button link="http://yeswiki.net/cercopitheque/files/Formula