Vidéos didactiques et "Comment faire pour..."
Chaîne vidéos de Yeswiki
Toutes ces vidéos sont disponibles sous licence Creative Commons.https://video.coop.tools/video-channels/yeswiki/videos
Et voici le flux RSS pour rester informé des nouveautés
https://video.coop.tools/feeds/videos.xml?videoChannelId=175
Afficher des cartes avec un fond perso
Afficher des cartes avec un fond perso
Concerne
- Bazar (formulaire)
- Carte
La réponse
Il faut ajouter les paramètres des sources de votre carte dans le répertoire de Leaflet
A partir de la ligne 78 :
Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
- /yeswiki/tools/bazar/libs/vendor/leaflet/leaflet-providers.js
A partir de la ligne 78 :
L.TileLayer.Provider.providers = {
- On trouve la liste des providers et vous pouvez y ajouter le lien vers votre propre tileset.
MaCarte: { url: 'http://[URL de vos tiles]/{z}/{x}/{y}.png', options: { maxZoom: 5, minZoom: 2, attribution: 'Mon propre fond de carte!' } },
{{bazarliste id="" template="map.tpl.html" provider="MaCarte" lat="" lon="" zoom="1" width="" height="" query="" zoommolette="true" }}
Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
Afficher des fiches bazar sous forme de listes avec titre de la fiche et sous-titre
Afficher des fiches bazar sous forme de listes avec titre de la fiche et sous-titre
Concerne
- Bazar (formulaire)
La réponse
Il "suffit" d'utiliser la syntaxe suivante :
dans correspondance, vous indiquez quel champ vous souhaitez voir affiché en sous-titre (dans cet exemple bf_montant)
{{bazarliste id="xx" correspondance="soustitre=bf_montant"}}
dans correspondance, vous indiquez quel champ vous souhaitez voir affiché en sous-titre (dans cet exemple bf_montant)
Lien vers la doc
https://yeswiki.net/?ActionBazarliste
Afficher la saisie de plusieurs formulaires Bazar sur une même page
Afficher la saisie de plusieurs formulaires Bazar sur une même page
Concerne
- Bazar (formulaire)
La réponse
Sur la page de votre choix,
Cela permet de :
(le rendu en image)
- Pour afficher la saisie des formulaires 1,2,3,4,... entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir" id="1,2,3,4,..."}}
- Pour afficher la saisie de tous les formulaires, entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir"}}
Cela permet de :
- présenter de manière épurée et de choisir vos formulaires
- d'économiser le nombre de page crées
(le rendu en image)
Lien vers la doc
https://yeswiki.net/?BazarAfficherFormulaireSaisie

Afficher le menu hamburger et autres nouvelles icones avec le thème Margot sur une version précédente de YesWiki (Cercopithèque)
Afficher le menu hamburger et autres nouvelles icones avec le thème Margot sur une version précédente de YesWiki (Cercopithèque)
Concerne
- Mise à jour, pb de mise à jour
La réponse
Ajouter dans la PageFooter de votre yeswiki :
""<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">""
Afficher les contours d'une zone sur une carte
Afficher les contours d'une zone sur une carte
Concerne
- Carte
- Graphisme, mise en page
La réponse
Alors, la première étape consiste à récupérer le contour de la zone. Pour cela, il faut contacter votre cousin SIGiste et lui demander un export des contours de la zone au format
Voir la suite sur la page BazarCartoMulticouche
Voir la suite sur la page BazarCartoMulticouche

afficher les fiches sans coordonnées de localisation
afficher les fiches sans coordonnées de localisation
Concerne
- Bazar (formulaire)
- Carte
- Codes utiles /raw...
La réponse
Le template map ({{bazarliste id="..." template="map"}}) n'affiche pas les fiches qui ne possèdent pas de coordonnées de localisation.
Il y avait avant un template dédié pour les afficher. Il est maintenant possible d'utiliser une query pour les afficher comme l'ancien template "liste.fiches_horscate.tpl.html".
A noter : certaines fiches peuvent appraître sur cette liste alors qu'elles sont bien affichés sur la carte. Ceci est dû au fait que les coordonnées de localisation sont stockées avec la clé "carte_google". Il suffit juste de les ouvrir et les enregistrer pour que les données soient à nouveau enregistrées au bon format.
Il y avait avant un template dédié pour les afficher. Il est maintenant possible d'utiliser une query pour les afficher comme l'ancien template "liste.fiches_horscate.tpl.html".
- Code pour avoir exactement le même comportement que "liste.fiches_horscate.tpl.html"
{{bazarliste id="x" template="liste_liens" query="bf_latitude="}}
- Code pour afficher la liste des fiches sans coordonnées de localisation mais en liste accordéon
{{bazarliste id="x" query="bf_latitude="}}
A noter : certaines fiches peuvent appraître sur cette liste alors qu'elles sont bien affichés sur la carte. Ceci est dû au fait que les coordonnées de localisation sont stockées avec la clé "carte_google". Il suffit juste de les ouvrir et les enregistrer pour que les données soient à nouveau enregistrées au bon format.
Lien vers la doc
https://yeswiki.net/?DocQuery
Afficher un formulaire de saisie dans une modal
Afficher un formulaire de saisie dans une modal
Concerne
- Bazar (formulaire)
La réponse
Il n'est pas possible d'utiliser un formulaire dans une fenêtre modale qui n'est pas iframe (bouton valider qui risque de ne pas marcher, champ géolocalisation etc.)
Par exemple le lien d'un bouton modal ne doit pas etre
mais
Par exemple le lien d'un bouton modal ne doit pas etre
{{button class="modalbox" link="Trombicreer" text="Créer ma fiche" }}
{{button class="modalbox" link="?Trombicreer/iframe" text="Créer ma fiche" title="Créer ma fiche"}}
Afficher une autre info en plus du nom sous les photos du trombi
Afficher une autre info en plus du nom sous les photos du trombi
Concerne
- Bazar (formulaire)
Afficher une icone dans une page
Afficher une icone dans une page
Concerne
- Graphisme, mise en page
- Images
- Codes utiles /raw...
La réponse
Pour avoir une jolie icone correspondant à la bibliothèque font Awesome il suffit d'utiliser le code suivant
et vous obtiendrez
""<i class="fas fa-ambulance"></i>""
- En allant sur le site de font Awesome vous pourrez choisir icone à votre pied
- Il vous suffira de remplacer "ambulance" par le nom de l'icone qui vous intéresse et le tour sera joué
Ajouter un picto aux éléments de ma liste dans un formulaire
Ajouter un picto aux éléments de ma liste dans un formulaire
Concerne
- Bazar (formulaire)
La réponse
La bibliothèque fontawesome est intégrée à Yeswiki (version Doryphore)

Sélectionnez votre icon, puis copiez le code HTML proposé.
Éditez votre liste via Bazar et collez ce code HTML à coté de l'intitulé de votre liste
Une autre bibliothèque très pratique en svg qui permet de choisir la couleur du picto : https://tablericons.com/
Son fonctionnement est simplissime : après avoir sélectionné taille et couleur, vous cliquez sur le picto choisi, le code HTML est copié directement, il ne reste plus qu'à le coller dans votre liste.
Il existe des bibliothèques d'icones qui permettent d'illustrer les éléments de vos listes.
La bibliothèque fontawesome est intégrée à Yeswiki (version Doryphore)

Sélectionnez votre icon, puis copiez le code HTML proposé.
Éditez votre liste via Bazar et collez ce code HTML à coté de l'intitulé de votre liste
Une autre bibliothèque très pratique en svg qui permet de choisir la couleur du picto : https://tablericons.com/
Son fonctionnement est simplissime : après avoir sélectionné taille et couleur, vous cliquez sur le picto choisi, le code HTML est copié directement, il ne reste plus qu'à le coller dans votre liste.
Lien vers la doc
https://yeswiki.net/?Bootstrap232glyphes

Ajouter un suivi statistique sur mon wiki
Ajouter un suivi statistique sur mon wiki
Concerne
- Hors yeswiki
La réponse


Placer un suivi stat sur mon wiki
Pour se faire, 2 possibilités :
- 1. Dolomon, pour un suivi "simple" et minimaliste
- 2. Matomo, plus complet (et complex)
DOLOMON
Le service de Framasoft qui permet d'utiliser Dolomon - Framaclic - ferme le 12 janvier 2021.Pour trouver une alternative
https://alt.framasoft.org/fr/framaclic/Pensez à exporter vos données si vous voulez en garder une trace
https://docs.framasoft.org/fr/dolomon/deframasoftiser.htmlDémarche à suivre
1) se créer un compte sur https://framaclic.org
2) ajouter un dolo

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

4) placer ce morceau de code dans la page footer du wiki à suivre.
""<img src="urldevotredolo" alt="cequevousvoulezcommetexte">""
MATOMO
Matomo est une alternative à Google analytics, qui vous permet de suivre la fréquentation de votre siteTUTO A VENIR
Lien vers la doc
https://yeswiki.net/?TutoDolomon
Ajouter une ancre à une page
Ajouter une ancre à une page
Concerne
- Codes utiles /raw...
La réponse
Une ancre permet de faire pointer un lien vers un endroit précis dans la page, autre qu'en haut de la page.
Pour ajouter une ancre dans votre page, il suffit de placer le code suivant à l'endroit voulu, généralement sur un titre :
puis d'appeler cette ancre depuis le lien suivant :
https://mondomaine.ext/?PageCourante#monancre
Nota 1 : <div> est un conteneur de type bloc et occasionne un saut de ligne.
Nota 2 : pour éviter un saut de ligne intempestif, on pourra remplacer <div> par <span> qui est un conteneur de type in line n'occasionnant pas de saut de ligne :
Pour ajouter une ancre dans votre page, il suffit de placer le code suivant à l'endroit voulu, généralement sur un titre :
""<div id="monancre"></div>""
puis d'appeler cette ancre depuis le lien suivant :
https://mondomaine.ext/?PageCourante#monancre
Nota 1 : <div> est un conteneur de type bloc et occasionne un saut de ligne.
Nota 2 : pour éviter un saut de ligne intempestif, on pourra remplacer <div> par <span> qui est un conteneur de type in line n'occasionnant pas de saut de ligne :
""<span id="monancre"></span>""
Améliorer les aperçus générés lors de la publication sur les réseaux sociaux
Améliorer les aperçus générés lors de la publication sur les réseaux sociaux
Concerne
- Codes utiles /raw...
La réponse
Lorsque l'on publie sur les réseaux sociaux, si l'image ou le titre qui est généré automatiquement ne nous va pas, il y a quelques astuces applicables :
- Pour le titre, mettre en tout début de page, ça ne s'affichera ni dans le html ni dans le rendu mais ce sera pris en compte pour générer l'aperçu.
- Pour la description, elle est accessible pour les fiches (bf_description) mais pas pour les pages.
- Pour les images, lorsque l'on utilise l'action Action {{attach ...}} : paramètre "file" obligatoire.entre la première image est également utilisée comme vignette.
Avoir des iframes qui s'adapte automatiquement en hauteur
Avoir des iframes qui s'adapte automatiquement en hauteur
Concerne
- Graphisme, mise en page
La réponse
La class class="auto-resize" est la clé :) ! Voir sur la documentation
avoir des listes multi-langues ?
avoir des listes multi-langues ?
Concerne
- Bazar (formulaire)
La réponse
Avec la version
Pour ceci, dans la page de gestion des listes de votre wiki (
doryphore 4.2.0
(sortie avril 2022), il est possible de configurer des listes multilangues.Pour ceci, dans la page de gestion des listes de votre wiki (
?BazaR&vue=listes
):- cliquer sur Saisir une nouvelle liste (
?BazaR&vue=listes&action=saisir_liste
) - pour chaque elément de la liste :
- mettre une clé comme d'habitude (ex.
cle1
,cle2
) - pour la valeur, mettre
<span lang="fr">Clé 1</span><span lang="en">Key 1</span>
- comme il y 6 langues possibles en YesWiki, il est préférable de toutes les définir pour éviter que le texte ne s'affiche pas
<span lang="fr">Clé 1</span><span lang="en">Key 1</span><span lang="pt">Chave 1</span><span lang="ca">Tecla 1</span><span lang="es">Clave 1</span><span lang="nl">Sleutel 1</span>
- si vous ne souaitez pas traduire toutes les langues, il vaut mieux les définir mais laisser le texte en Français ou Anglais pour cette langue, afin que le texte reste affiché.
- mettre une clé comme d'habitude (ex.
Cacher la phrase par défaut "Saisir une fiche"
Cacher la phrase par défaut "Saisir une fiche"
Concerne
- Bazar (formulaire)
La réponse
Par défaut quand on appelle un formulaire en mode saisie, une phrase générique apparaît en haut du formulaire et indique
"saisir une fiche : "

Ce n'est pas toujours très beau. Il est possible de la cacher en plaçant sur ce petit bout de code dans la page qui accueille le formulaire en mode saisie :
"saisir une fiche : "

Ce n'est pas toujours très beau. Il est possible de la cacher en plaçant sur ce petit bout de code dans la page qui accueille le formulaire en mode saisie :
""<style> h3.titre_type_fiche {display:none;} </style>""
Cacher les facettes (tri par case à cocher) en affichage sur smartphone
Cacher les facettes (tri par case à cocher) en affichage sur smartphone
Concerne
- Bazar (formulaire)
- Graphisme, mise en page
La réponse
L'affichage facette actuel ne se prête pas bien à l'utilisation sur smartphone. Les cases à cocher pour le tri prennent souvent trop de place ;-(. Par défaut elles se placent au-dessus ou au-dessous des fiches.
Dans l'attente d'un affichage smartphone compatible, il est possible de cacher les champs de tri d'une page avec facette lorsqu'elle est affichée sur un petit écran en plaçant sur la page concernée ce bout de code :
Ce code est à adapter si votre colonne de facette est différent de 3.
Dans l'attente d'un affichage smartphone compatible, il est possible de cacher les champs de tri d'une page avec facette lorsqu'elle est affichée sur un petit écran en plaçant sur la page concernée ce bout de code :
Ce code est à adapter si votre colonne de facette est différent de 3.
""<style> @media screen and (max-width: 720px) { .facette-container .col-xs-9 { width:100%; } .facette-container .col-xs-3 { display:none; } } </style>""
Changer le texte qui apparaît dans le champ de recherche d'un formulaire en mode "recherche"
Changer le texte qui apparaît dans le champ de recherche d'un formulaire en mode "recherche"
Concerne
- Bazar (formulaire)
La réponse
Ajouter ce code sur la page en question et l'adapter :
""<script> document.addEventListener('DOMContentLoaded', function() { $('.search-input').attr('placeholder', 'mon texte personnalisé'); }); </script>""
Comment afficher les fiches d'un autre Yeswiki ?
Comment afficher les fiches d'un autre Yeswiki ?
Concerne
- Bazar (formulaire)
- Codes utiles /raw...
La réponse
Il est possible d'afficher les fiches d'un autre YesWiki dans son YesWiki.
Une page de documentation dédiée a été créée : ActionBazarlisteDonneesExternes
Une page de documentation dédiée a été créée : ActionBazarlisteDonneesExternes
Lien vers la doc
https://yeswiki.net/?ActionBazarlisteDonneesExternes
Comment afficher les fiches d'un formulaire agenda sur son téléphone ou dans son agenda personnel ?
Comment afficher les fiches d'un formulaire agenda sur son téléphone ou dans son agenda personnel ?
Concerne
- Bazar (formulaire)
La réponse
Depuis les dernières mises à jour, il est possible d'afficher les fiches d'un formulaire agenda sur son téléphone, sur ordinateur ou dans son agenda personnel.
Important:
Il se peut que votre serveur ne soit pas sur le bon fuseau horaire ce qui pourrait créer des décalages lors de la synchronisation. Rendez-vous sur la page GererConfig pour définir le bon fuseau horaire. Toutes les nouvelles fiches bazar, ou les fiches modifiées seront alors sur le bon fuseau horaire. Les fiches précédemment enregistrées apparaitront avec un décalage hoaraire qui disparait dès qu'elle est modifiée.
A noter
Pour être sûr que l'agenda s'affiche bien, le formulaire "agenda" doit générer des fiches accessible en lecture (*).
- 1. se rendre sur la page BazaR
- 2. choisir le formulaire concerné (il doit avoir la notion ICAL à droite de son nom)
- 3. Faire un clic droit sur ICAL puis copier le lien
- 4. Utiliser ce lien pour l'ajouter dans son agenda de téléphone ou d'ordinateur
Important:
Il se peut que votre serveur ne soit pas sur le bon fuseau horaire ce qui pourrait créer des décalages lors de la synchronisation. Rendez-vous sur la page GererConfig pour définir le bon fuseau horaire. Toutes les nouvelles fiches bazar, ou les fiches modifiées seront alors sur le bon fuseau horaire. Les fiches précédemment enregistrées apparaitront avec un décalage hoaraire qui disparait dès qu'elle est modifiée.
A noter
Pour être sûr que l'agenda s'affiche bien, le formulaire "agenda" doit générer des fiches accessible en lecture (*).
Comment faire pour convertir un template Bazar .tpl.html en .twig ?
Comment faire pour convertir un template Bazar .tpl.html en .twig ?
Concerne
- Bazar (formulaire)
La réponse
Il existe un tutoriel dans la documentation : ConvertirEnTwig
Convertir un template Bazar
avec introdution de la variable
avec introdution de la variable
Convertir un template Bazar
.tpl.html
en
.twig
.tpl.html
.twig
.twig
: qu'est-ce ?
.twig
-
.twig
- Il y a une documentation officielle bien garnie
Comment faire ?
- 1. Choisir un template à convertir. (Exemple :
liste_liens.tpl.html
- 2. Vérifier la présence de ce fichier dans le dossier
tools/bazar/presentation/templates/
- 3. Copier le fichier dans le dossier
custom/bazar/templates/
- 4. Identifier les fonctions php non standards ; ici
getCustomValueForEntry()
- 5. Recopier le contenu de
custom/bazar/templates/liste_liens.tpl.html
custom/bazar/templates/liste_liens.twig
<?php if(count($fiches)>0) : ?> <?php echo $info_res;?> <ul class="BAZ_liste <?php echo $param['class'];?>"> <?php foreach($fiches as $fiche): ?> <li class="bazar-entry" <?php echo $fiche['html_data'];?>> <a href="<?php echo $fiche['url']; ?>" target="_blank"> <?php if (!empty($color)) { echo '<span class="pellet" style="background-color:'.$color.';"></span> '; } if (!empty($icon)) { echo '<i class="'.$icon.'"></i> '; } echo '<span class="entry-title">'.$fiche['bf_titre'].'</span>'; ?> </a> </li> <?php endforeach; ?> </ul> <?php echo $pager_links;?> <?php endif; ?>
- 6. traduire le code
php
.twig
{% if fiches|length > 0 %} {{ info_res }} <ul class="BAZ_liste {{ param.class }}"> {% for in,fiche in fiches %} <li class="bazar-entry" {{ fiche.html_data }}> <a href="{{ fiche.url }}" target="_blank"> {% if colors[id] %} <span class="pellet" style="background-color:{{ colors[id] }}"></span> {% endif %} {% if icons[id] %} <i class="{{ icons[id] }}"></i> {% endif %} <span class="entry-title">{{ fiche.bf_titre }}</span> </a> </li> {% endfor %} </ul> {{ pager_links }} {% endif %}
- 7. tester ce fichier avec le code suivant dans une page de test
{{bazarliste id="1" template="liste_liens.twig"}}
- 8. pour rétablir les icônes et les couleurs, il faut conserver le fichier
liste_liens.tpl.html
<?php $colors = []; $icons = []; foreach ($fiches as $id => $fiche){ $colors[$id] = getCustomValueForEntry( $param['color'], $param['colorfield'], $fiche, '' ); $icons[$id] = getCustomValueForEntry( $param['icon'], $param['iconfield'], $fiche, '' ); } echo $this->render('@bazar\liste_liens.twig',[ 'fiches' => $fiches, 'param' => $param, 'colors' => $colors, 'icons' => $icons, 'info_res' => $info_res, 'pager_links' => $pager_links, ]);
- La première partie permet de stocker les informations de couleur et d'icône dans les variables
colors
icons
- Ensuite, on génère le rendu du fichier
.twig
echo $this->render()
- Il faut alors passer en paramètre un tableau qui a la liste exhaustive des variables utilisées par le
.twig
- Le test se fait avec ceci
{{bazarliste id="1" template="liste_liens"}}
{{bazarliste id="1" template="liste_liens.tpl.html"}}
- 9. Il est alors possible de publier le code dans le coeur de YesWiki en mettant les fichiers dans les dossiers suivant:
-
tools/bazar/presentation/templates/liste_liens.tpl.html
-
tools/bazar/templates/liste_liens.twig
-
Conversion de php vers .twig
PHP
->
.twig
<?php if(count($fiches)>0) : ?>
->
{% if fiches|length > 0 %}
<?php endif; ?>
->
{% endif %}
<?php echo $info_res;?>
->
{{ info_res }}
<?php echo $param['class'];?>
->
{{ param.class }}
<?php foreach($fiches as $fiche): ?>
->
{% for fiche in fiches %}
<?php foreach($fiches as $id => $fiche): ?>
->
{% for id,fiche in fiches %}
<?php endforeach; ?>
->
{% endfor %}
<?php echo $fiche['html_data'];?>
->
{{ fiche.html_data }}
<?php echo $fiche['url']; ?>
->
{{ fiche.url }}
if (!empty($color)) {
->
{% if colors[id] %}
colors
echo '<span class="pellet" style=
"background-color:'.$color.';"></span> ';
->
<span class="pellet" style="background-color:{{ colors[id] }}"></span>
if (!empty($icon)) {
->
{% if icons[id] %}
icons
echo '<i class="'.$icon.'"></i> ';
->
<i class="{{ icons[id] }}"></i>
echo '<span class="entry-title">'
.$fiche['bf_titre'].'</span>';
->
<span class="entry-title">{{ fiche.bf_titre }}</span>
<?php echo $pager_links;?>
->
{{ pager_links }}
Code source de liste_liens.tpl.html
<?php if(count($fiches)>0) : ?> <?php echo $info_res;?> <ul class="BAZ_liste <?php echo $param['class'];?>"> <?php foreach($fiches as $fiche): ?> <li class="bazar-entry" <?php echo $fiche['html_data'];?>> <a href="<?php echo $fiche['url']; ?>" target="_blank"> <?php $style = ''; $color = getCustomValueForEntry( $param['color'], $param['colorfield'], $fiche, '' ); if (!empty($color)) { echo '<span class="pellet" style="background-color:'.$color.';"></span> '; } $icon = getCustomValueForEntry( $param['icon'], $param['iconfield'], $fiche, '' ); if (!empty($icon)) { echo '<i class="'.$icon.'"></i> '; } echo '<span class="entry-title">'.$fiche['bf_titre'].'</span>'; ?> </a> </li> <?php endforeach; ?> </ul> <?php echo $pager_links;?> <?php endif; ?>
Lien vers la doc
https://yeswiki.net/?ConvertirEnTwig
Comment faire pour installer chez O2switch
Comment faire pour installer chez O2switch
Concerne
- Hors yeswiki
La réponse
je ne sais pas encore
comment faire pour que les pdf s'ouvrent directement dans le browser (et pas se téléchargent)
comment faire pour que les pdf s'ouvrent directement dans le browser (et pas se téléchargent)
Concerne
- Hors yeswiki
La réponse
Certains pdf s'ouvrent directement dans le browser, certains se téléchargent directement...
Pour forcer l'ouverture dans le browser, la fonction {{attach}} pose parfois problème.
Pour contourner ce "problème"
Pour forcer l'ouverture dans le browser, la fonction {{attach}} pose parfois problème.
Pour contourner ce "problème"
- créer un formulaire bazar avec un champ fichier (vous permettant de déposer le pdf)
- récupérer sur cette fiche le lien vers le pdf (clic droit, enregistrer le l'adresse du lien)
- utiliser cette adresse dans votre wiki
Autre piste
voir la doc réalisée par Laurent Bouquet : http://www.le-projet.cc/bio/?PagePdf
Lien vers la doc
http://www.le-projet.cc/bio/?PagePdf
Comment faire pour travailler avec git en local ?
Comment faire pour travailler avec git en local ?
La réponse
Ceci est réservé aux utilisations avancées.
Il est possible de travailler en local avec git afin de faire tourner son site internet sur une branche de travail qui n'est pas encore déployée dans les mises à jour.
Tutoriel "Astuce : travailler avec git en local"
Il est possible de travailler en local avec git afin de faire tourner son site internet sur une branche de travail qui n'est pas encore déployée dans les mises à jour.
Tutoriel "Astuce : travailler avec git en local"
Lien vers la doc
https://yeswiki.net/?AstuceGitEnLocal
Comment résoudre un problème d'affichage de l'intitulé d'un champ Bazar ?
Comment résoudre un problème d'affichage de l'intitulé d'un champ Bazar ?
Concerne
- Bazar (formulaire)
La réponse
A l'affichage des questions se supperposent sans qu'on prenne pourquoi. Voici comment chercher une solution :
- vérifier que le wiki et son thème son à jour : c'est peut-être un problème déjà résolu (Doc sur la mise à jour)
- vider le cache du navigateur parce que c'est peut-être le comportement de la version précédente qui s'affiche encore
- retourner modifier le formulaire et regarder le code Wiki. Dans le cas de cette image le problème était à ce niveau là : les intitulés de questions n'avaient pas été tapés mais copiés-collés et les balises html se sont embarquées sans que ça se voit. Dans le code on peut "nettoyer" tout ça et ça marche !

Créer un lien "Retour à la page précédente"
Créer un lien "Retour à la page précédente"
Concerne
- Codes utiles /raw...
La réponse
Il est parfois utile de pouvoir insérer un lien "Retour à la page précédente" quelle que soit cette page. Pour cela, il faut utiliser ce bout de code :
On peut aussi ajouter la propriété title="Retourner à la page précédente" qui permet d'afficher un texte complémentaire au survol du lien.
""<a href="#" onclick="javascript:history.back();">Précédent</a> ""
On peut aussi ajouter la propriété title="Retourner à la page précédente" qui permet d'afficher un texte complémentaire au survol du lien.
Créer un liste pour formulaire bazar via un tableur
Créer un liste pour formulaire bazar via un tableur
Concerne
- Bazar (formulaire)
La réponse
Quand on doit créer une nouvelle liste avec beaucoup d'éléments que l'on peut récupérer sur le web ()en csv par exemple), il est possible de remplir cette liste rapidement (càd pas à la main une par une) via une manipulation dans un tableau (en concaténant les infos).
Un fichier tableur exemple est fourni dans cette fiche.
Un fichier tableur exemple est fourni dans cette fiche.
comment procéder ?
- créer votre liste avec juste une clé/valeur
- récupérer le nomwiki de votre liste et ouvrez la page
- le contenu de cette page s'apparente à :
-
{"titre_liste":"Titre de votre liste","label":{XXXXXXXXXXXXXXXXX}}
- ouvrez le tableur exemple et compléter la colonne clé et la colonne valeur
- récupérez (copiez) ensuite la dernière ligne de la dernière colonne du tableur (en gros la liste concaténée)
- et copiez-la dans la pagewiki de votre liste à la place des XXXX (enlevez la dernière virgule)
- sauvez votre page
- retournez voir dans la page bazar de votre wiki si la liste a bien été complétée.
Créer une page qui reste parfaitement vierge
Créer une page qui reste parfaitement vierge
Concerne
- Graphisme, mise en page
La réponse
Dans toute page, pour pouvoir l'enregistrer, on doit y mettre au moins un caractère qui ne soit pas un espace.
Une solution pour avoir une page vierge consiste à y mettre un espace insécable :
& n b s p ;
C'est utile pour certaines pages qui sont intégrées dans le site et apparaissent donc à l'écran mais sur lesquelles on ne veut voir aucun texte, par exemple une page de colonne ou de titre.
Une solution pour avoir une page vierge consiste à y mettre un espace insécable :
& n b s p ;
C'est utile pour certaines pages qui sont intégrées dans le site et apparaissent donc à l'écran mais sur lesquelles on ne veut voir aucun texte, par exemple une page de colonne ou de titre.
Lien vers la doc
https://yeswiki.net/?ReglesDeFormatage
Dans un accordéon, comment faire pour cacher le titre d'une fiche bazar qui fait un peu doublon
Déterminer les latitude, longitude et niveau de zoom pour votre carte
Déterminer les latitude, longitude et niveau de zoom pour votre carte
Concerne
- Bazar (formulaire)
- Carte
La réponse
Allez sur OpenStreetMap, choisissez la zone qui vous convient, ainsi que le niveau de zoom souhaité.
Regardez maintenant l'adresse dans la barre d'adresse de votre navigateur. Elle est sous la forme :
Et hop !
Regardez maintenant l'adresse dans la barre d'adresse de votre navigateur. Elle est sous la forme :
https://www.openstreetmap.org/#map=15/43.8593/3.9014&layers=CN
- Le premier chiffre (ici 15) indique le niveau de zoom (1=Monde, 5=Pays, 10=Région, 5=Communal)
- Le second (ici 43.8593) indique la latitude du centre de votre carte
- Le troisième (ici 3.9014) indique la longitude du centre de votre carte
Et hop !

Écrire sans tenir compte des ChatsMots
Écrire sans tenir compte des ChatsMots
Concerne
- Codes utiles /raw...
La réponse
Pour éviter qu'un mot comprenant plusieurs majuscules ne soit traduit par Yeswiki en lien vers une nouvelle page, il suffit de taper le mot entre guillemets de cette manière
""ChatMot""
Effacer toutes les fiches d'un formulaire
Effacer toutes les fiches d'un formulaire
Concerne
- Bazar (formulaire)
- Phpmyadmin
La réponse
CECI n'est plus nécessaire avec Doryphore car il existe maintenant une icône dans bazar pour vider chaque formulaire en cas de besoin.
Pour effacer les fiches d'un formulaire, il faut disposer d'un accès phpMyAdmin pour y exécuter des les requêtes suivantes :
Attention :
Pour effacer les fiches d'un formulaire, il faut disposer d'un accès phpMyAdmin pour y exécuter des les requêtes suivantes :
Attention :
- remplacer dans les requêtes le <préfixe> des tables et le numéro <id> du formulaire !
- cette action est irréversible !
delete from <prefixe>_acls where page_tag IN (select tag from <prefixe>_pages where tag in (select resource from <prefixe>_triples where property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar") AND body LIKE '%"id_typeannonce":"<id>"%' ); delete from <prefixe>_pages where tag IN (select resource from <prefixe>_triples where property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar") AND body LIKE '%"id_typeannonce":"<id>"%'; delete from <prefixe>_triples where resource not IN (select tag from <prefixe>_pages WHERE 1) AND property="http://outils-reseaux.org/_vocabulary/type" and value="fiche_bazar";
Faire disparaître le champ de recherche et la roue crantée au-dessous d'une certaine largeur d'écran
Faire disparaître le champ de recherche et la roue crantée au-dessous d'une certaine largeur d'écran
Concerne
- Graphisme, mise en page
La réponse
Pour cela, il suffit d'ajouter dans vos CSS ou à défaut dans la page footer du wiki :
600px correspond à une largeur au choix, au-dessous de laquelle doivent disparaître les éléments.
""</style> @media (max-width: 600px) { .yeswiki-topnav-fast-access { display: none; } </style>""
600px correspond à une largeur au choix, au-dessous de laquelle doivent disparaître les éléments.
Faire fonctionner l'« upload » de fichier sur certains sites d'OVH
Faire fonctionner l'« upload » de fichier sur certains sites d'OVH
Concerne
- Graphisme, mise en page
- Images
La réponse
Parfois sur des sites d'OVH, lorsqu'on veut faire un « upload » d'un fichier (insertion d'image notamment), le téléchargement termine immédiatement en échec et avec l'image ci-dessous.
Pour résoudre ce soucis, la seule solution qui a été pour l'instant trouvé est de désactiver le firewall d'OVH. Pour modifier ce paramétrage, il est nécessaire d'avoir un accès FTP de l'hébergement. Il faut ainsi aller modifier le fichier .ovhconfig stocké à la racine de votre site (répertoire « / »). Si le firewall est activé, vous trouverez la ligne suivante :
Remplacez-la par celle-ci :
(si la première ligne n'est pas trouvée, vous pouvez tout de même essayer de résoudre ce problème en insérant la deuxième ligne en bas du fichier)
Pour résoudre ce soucis, la seule solution qui a été pour l'instant trouvé est de désactiver le firewall d'OVH. Pour modifier ce paramétrage, il est nécessaire d'avoir un accès FTP de l'hébergement. Il faut ainsi aller modifier le fichier .ovhconfig stocké à la racine de votre site (répertoire « / »). Si le firewall est activé, vous trouverez la ligne suivante :
http.firewall=security
Remplacez-la par celle-ci :
http.firewall=none
(si la première ligne n'est pas trouvée, vous pouvez tout de même essayer de résoudre ce problème en insérant la deuxième ligne en bas du fichier)
Lien vers la doc
https://docs.ovh.com/fr/hosting/configurer-fichier-ovhconfig/#etape-3-modifier-le-fichier-ovhconfig

Faire passer le texte à la ligne directement après une image
Faire passer le texte à la ligne directement après une image
Concerne
- Graphisme, mise en page
- Images
La réponse
Quand on insère une image dans un texte, le texte vient habiller l'image.
C'est souvent bien mais parfois on aimerait que le texte passe à la ligne juste après l'image.
Pour renvoyer le texte sous l'image insérée, placer ce bout de code juste après l'image :
Ce problème est résolu avec la dernière version de Doryphore (qui pose la question lors de l'insertion d'une photo dans la page wiki)
C'est souvent bien mais parfois on aimerait que le texte passe à la ligne juste après l'image.
Pour renvoyer le texte sous l'image insérée, placer ce bout de code juste après l'image :
""<div class="clearfix"> </div>""
Ce problème est résolu avec la dernière version de Doryphore (qui pose la question lors de l'insertion d'une photo dans la page wiki)
générer un pdf "sur mesure" de la page wiki
générer un pdf "sur mesure" de la page wiki
Concerne
- Graphisme, mise en page
La réponse
Parfois on veut créer un pdf de la page wiki. Il existe bien le /pdf mais celui-ci a quelques limites. En attendant qu'elles soient résolues, il est possible de s'aider d'un petit plugin permettant de placer en bas de la page des boutons d'impression et de création d'un pdf (avec une certaine finesse de rendu fort appréciable)
Le code a insérer est celui-ci
Le code a insérer est celui-ci
""<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'block';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfEncodeImages = 0;var pfShowHiddenContent = 0;var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-button-nobg-md.png" alt="Print Friendly and PDF"/></a>""
Lien vers la doc
https://www.printfriendly.com/
Gérer la photo dans le partage sur les réseaux sociaux
Gérer la photo dans le partage sur les réseaux sociaux
Concerne
- Graphisme, mise en page
- Images
- Hors yeswiki
La réponse
Quand on partage une page sur les réseaux sociaux, YesWiki utilise pour le post "réseau social" l'image de votre page ou votre fiche s'il en existe une, sinon le post présente parfois un look étrange.
Pour éviter ce problème, vous pouvez activer le paramètre opengraph qui permet d'imposer une image par défaut. Ce paramètre est à placer dans le fichier waka-config.
Nota : idéalement, l'image doit faire 1200x630
Certains réseaux sociaux mettent en cache une image lors de la publication de votre premier post. Ainsi tous les autres posts auront la même vignette associée.
Pour Linkedin, par exemple, il faut suivre cette procédure pour changer l'image (Merci Florent ;-)
Pour éviter ce problème, vous pouvez activer le paramètre opengraph qui permet d'imposer une image par défaut. Ce paramètre est à placer dans le fichier waka-config.
'opengraph_image' => 'https://domaine.ext/nomdelimage.jpg',
Nota : idéalement, l'image doit faire 1200x630
Certains réseaux sociaux mettent en cache une image lors de la publication de votre premier post. Ainsi tous les autres posts auront la même vignette associée.
Pour Linkedin, par exemple, il faut suivre cette procédure pour changer l'image (Merci Florent ;-)
Insérer des icônes dans les listes bazar
Insérer des icônes dans les listes bazar
Concerne
- Bazar (formulaire)
- Graphisme, mise en page
La réponse
Dans une liste bazar, l'ajout d'une image est souvent sympa
et rend l'aspect du filtre plus agréable lorsqu'on utilise groups (facette).
Plusieurs pistes :
et rend l'aspect du filtre plus agréable lorsqu'on utilise groups (facette).
Plusieurs pistes :
- utiliser les emojis : facile !
-
🛑 terminée
-
- intégrer une image quelconque
- il faut qu'elle existe sur le web
- mettre ce code dans le champ de la liste
-
<img src="https://cliketik.fr/themes/img/produits/prod-bie.png" height="25"> Bière

Installer un mot de passe général au wiki
Installer un mot de passe général au wiki
Concerne
- Hors yeswiki
La réponse
Pour installer un mot de passe général à son wiki, il suffit de créer un fichier .htaccess et un fichier .htpasswd que vous placerez à la racine de votre wiki en utilisant votre logiciel ftp.
Pour créer ces fichier, le site http://aspirine.org/htpasswd.html vous facilitera la tâche.
Nota : veillez à activer l'option "Voir les fichiers cachés" de votre logiciel FTP.
Pour créer ces fichier, le site http://aspirine.org/htpasswd.html vous facilitera la tâche.
Nota : veillez à activer l'option "Voir les fichiers cachés" de votre logiciel FTP.
Lien vers la doc
http://aspirine.org/htpasswd.html
Intégrer un forum dans YesWiki
Intégrer un forum dans YesWiki
Concerne
- Codes utiles /raw...
La réponse
Très facile avec un iframe, il suffit de mettre ce code dans la page :
Cependant, quand on suit un lien vers un forum ou un post,
il n'apparait pas dans la page de l'iframe mais pointe vers la page d'origine du forum.
Pour y remédier, il suffit :
""<iframe width="100%" height="4000" frameborder="0" src="URL_du_forum"></iframe>""
Cependant, quand on suit un lien vers un forum ou un post,
""<a href="URL_du_post">texte de l'ancre</a>""
il n'apparait pas dans la page de l'iframe mais pointe vers la page d'origine du forum.
Pour y remédier, il suffit :
- d'ajouter un identifiant "name" au forum :
""<iframe name="nom_quelconque" width="100%" height="4000" frameborder="0" src="URL_du_forum"></iframe>""
- et d'ouvrir le lien dans l'iframe existant (target) en indiquant l'identifiant du forum :
""<a href="URL_du_post" target="nom_quelconque">texte de l'ancre</a>""
Lien vers la doc
https://yeswiki.net/?DocumentationIntegrerDuHtml
mettre des droits sur toutes les fiches d'un formulaire
mettre des droits sur toutes les fiches d'un formulaire
Concerne
- Bazar (formulaire)
La réponse
Il est nécessaire de passer par la db et donc via phpmyadmin de votre serveur
Ensuite, bien identifier l'id du formulaire visé ET le préfixe des tables du wiki
ENSUITE : faire un backup de ces tables !!!!
PUIS enfin
=> remplacer forum par le bon préfixe et l'id du formulaire par le vôtre (ici 10)
=> on peut remplacer write par read
Ensuite, bien identifier l'id du formulaire visé ET le préfixe des tables du wiki
ENSUITE : faire un backup de ces tables !!!!
PUIS enfin
UPDATE forum_acls set list="@admins" where privilege="write" and page_tag in (SELECT tag FROM forum_pages WHERE latest="Y" AND body LIKE '%id_typeannonce":"10"%');
=> remplacer forum par le bon préfixe et l'id du formulaire par le vôtre (ici 10)
=> on peut remplacer write par read
Lien vers la doc
http://
mettre un couleur de fond sur l'entièreté de la page footer
mettre un couleur de fond sur l'entièreté de la page footer
Concerne
- Graphisme, mise en page
La réponse
Souvent quand on place une couleur de fond dans le footer, elle ne couvre pas la totalité de la page (elle se place dans un container ce qui laisse un bord de chaque côté)
pour contourner, ajouter dans la page footer concernée :
pour contourner, ajouter dans la page footer concernée :
- full-widht dans la class du background ou de la section
- ce code
""<style> #yw-footer {padding:0;}</style>""
Lien vers la doc
http://
Mettre un titre dans une autre couleur que celle par défaut
Mettre un titre dans une autre couleur que celle par défaut
Concerne
- Graphisme, mise en page
La réponse
Vous pouvez utiliser le code suivant :
Mais il est à placer correctement, à savoir entre les ===== et pas autour des =====
<span style="color:#446611;">texte coloré</span>
Mais il est à placer correctement, à savoir entre les ===== et pas autour des =====
======""<span style="color:#960018;">""Le réseau des Éco-jardins""</span>"" ======
Modifier la page d'inscription au Wiki par un formulaire plus complet?
Modifier la page d'inscription au Wiki par un formulaire plus complet?
Concerne
- Bazar (formulaire)
La réponse
remplacer dans PageRapideHaut
Créer la page PageLogin en y mettant
Créer la page CreerCompteViaForm en y mettant
configurer le formulaire associé avec un champ "créer un utilisateur" accompagné d'un champ e-mail.
>> doc mis à jour
remplacer dans PageRapideHaut
{{login template="modal.tpl.html" nobtn="1"}} par {{login template="modal.tpl.html" nobtn="1" signupurl="CreerCompteViaForm"}}
Créer la page PageLogin en y mettant
{{login signupurl="CreerCompteViaForm"}}
Créer la page CreerCompteViaForm en y mettant
{{bazar id="1" vue="saisir" voirmenu="0"}} (identifiant du formulaire à choisir)
configurer le formulaire associé avec un champ "créer un utilisateur" accompagné d'un champ e-mail.
>> doc mis à jour
Modifier la typo de mon wiki en utilisant des google fontd
Modifier la typo de mon wiki en utilisant des google fontd
Concerne
- Graphisme, mise en page
La réponse
ajouter dans votre footer ou votre page css
- choisissez votre font dans https://fonts.google.com/
- sélectionnez votre font préférée
- cliquez sur "select this style"
- cliquez en haut à droite sur l'icone "view your selected family"
- récupérer le code qui ressemble à ce qui se trouve ci dessous et positionnez le dans la page CSS ou dans le footer
"" <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Xanh+Mono&display=swap" rel="stylesheet"> ""
Modifier le mail envoyé lors de la création d'un compte utilisateur
Modifier le mail envoyé lors de la création d'un compte utilisateur
La réponse
Deux endroits possibles pour personnaliser le mail envoyé lors de la création d'un compte :
- Il est possible de copier les templates tools/contact/templates/notify-newuser-email-subject.twig et tools/contact/templates/notify-newuser-email-text.twig dans le dossier custom/templates/contact et de les modifier à votre guise.
- ou recopier les traductions de CONTACT_NEW_USER_SUBJECT et CONTACT_NEW_USER_MESSAGE que tu trouveras dans tools\contact\lang\contact_fr.inc.php et les recopier dans custom/lang/custom_fr.inc.php
- Exemple de fichier custom/lang/custom_fr.inc.php
<?php return [ 'CONTACT_NEW_USER_SUBJECT' => 'Bienvenue sur le site', 'CONTACT_NEW_USER_MESSAGE' => "Bonjour!\n\n". "Votre inscription sur le site a ete finalisee, dorenavant vous pouvez vous identifier avec les informations suivantes :\n\n". "Url : {{ baseUrl }}\n\n". "Votre identifiant NomWiki : {{ wikiName }}\n\n". "Votre email : {{ email }}\n\n". "Votre mot de passe : (le mot de passe que vous avez choisi)\n\n". "Pour reinitialiser votre mot de passe : {{ urlForPasswordRenewal }}\n\n". "A tres bientot ! ", ];
Modifier le style de police de la barre de menu
Modifier le style de police de la barre de menu
Concerne
- Graphisme, mise en page
La réponse
L'idéal est de modifier la police en utilisant le fichier CSS du wiki. Mais si vous n'avez pas accès à ce fichier css, vous pouvez toujours ajouter et adapter ce bout de code dans la page footer de votre wiki :
Vous pouvez aussi jouer sur la taille de la police
la couleur
ou
""<style> .navbar { font-family: 'Dosis regular', cursive; } </style>""
Vous pouvez aussi jouer sur la taille de la police
font-size: 1.2em;
la couleur
color: navy;
ou
color : rgb(255,0,0);
obtenir des infos supplémentaires sur une page
obtenir des infos supplémentaires sur une page
Concerne
- Codes utiles /raw...
La réponse
- /raw : montre le code wiki => quand il est utilisé sur une fiche bazar, il permet de vérifier les champs réellement remplis et singulièrement de vérifier leur nom précis (important pour les templates par ex) + les valeurs (par ex dans les listes ou checkbox)
- &debug à la fin de l'url permet de montrer les messages d'erreur
- &refresh=1 permet de rafraichir profondément le contenu de la page (y compris la cache)
Lien vers la doc
http://
Ouvrir le lien associé à une image dans un nouvel onglet
Ouvrir le lien associé à une image dans un nouvel onglet
Concerne
- Images
La réponse
Un lien s'ouvre par défaut dans le même onglet. Pour forcer l'ouverture dans un nouvel onglet, il faut passer par du html en précisant le paramètre target="_blank" :
""<a href="https://www.lamangeoireduquartier.org" target="_blank"><img src="lien url de l'image" title="Mangeoire" alt="la mangeoire"></a>""
Lien vers la doc
https://yeswiki.net/?DocumentationCreerUnLien
Paramétrer Umap pour y insérer des fiches Yeswiki
Paramétrer Umap pour y insérer des fiches Yeswiki
Concerne
- Bazar (formulaire)
- Carte
La réponse
La solution a été documentée sur cette page : BazarAfficherSurCarteUMAP
Lien vers la doc
https://yeswiki.net/?BazarAfficherSurCarteUMAP
Personnaliser les réactions possibles en bas d'une activité ou d'un module dans le LMS
Personnaliser les réactions possibles en bas d'une activité ou d'un module dans le LMS
Concerne
- Extension LMS
La réponse
remplacer
par
reactions***reactions*** *** *** *** *** *** *** *** ***
par
reactions***reactions***love,hate***J'aime,Je hais***love.jpg,hate.jpg*** *** *** *** *** ***
- pour choisir en j'aime/je hais
- love,hate : champs id
- J'aime,Je hais : titre a l'écran
- love.jpg,hate.jpg : images qui doivent etre présentes dans le dossier files du wiki
pour remplacer la favicon par une icone svg
pour remplacer la favicon par une icone svg
Concerne
- Graphisme, mise en page
- Images
La réponse
1) adapter et placer ce bout de code dans le footer (attention ne fonctionne bien que sur firefox)
2) pour que cela marche de partout, il faut éditer le squelette du theme et remplacer la partie
par la même chose
""<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✌️</text></svg>">""
2) pour que cela marche de partout, il faut éditer le squelette du theme et remplacer la partie
<link rel="icon" ..
Lien vers la doc
https://css-tricks.com/emojis-as-favicons/
Pourquoi ai-je une partie de mes fiches qui s'affiche en italique dans une liste bazar ?
Pourquoi ai-je une partie de mes fiches qui s'affiche en italique dans une liste bazar ?
Concerne
- Bazar (formulaire)
- Graphisme, mise en page
La réponse
Il peut arriver que dans le titre ou dans le texte de la fiche d'ouvrir une zone en italique avec le symbole mais sans le refermer ! Il suffit de mettre à nouveau en fin de la zone de texte ou bien de supprimer le symbole pour résoudre le souci normalement !
recevoir un mail à chaque ajout de fiche
recevoir un mail à chaque ajout de fiche
Concerne
- Codes utiles /raw...
- Hors yeswiki
La réponse
Vous souhaitez recevoir un mail à chaque ajout dans un formulaire bazar ?
ceci aura pour effet de cacher le champ mail, d'y insérer votre mail par défaut ET d'envoyer une copie de la fiche à chaque validation !
ATTENTION, ceci ne fonctionne que si votre wiki peut envoyer des mails (voir https://yeswiki.net/?ReparerLesWikisQuiNEnvoientPasLesMails )
- soit vous faites parties des @admins alors
- vous pouvez activer le param dans le wakka config
'BAZ_ENVOI_MAIL_ADMIN' => true
- ce qui envoie le contenu de la fiche A CHAQUE admin du wiki, ce qui n'est pas toujours super !
- vous pouvez activer le param dans le wakka config
- soit vous souhaitez être le seul à recevoir les fiches
- il faut "tricher" un peu en détournant les possibilités du champ mail
- placer dans votre formulaire les champs suivants
-
labelhtml***<div style="display:none"> *** *** *** champs_mail***bf_mail1***Email***40***255***votremail*** *** *** ***1*** ***@admins labelhtml***</div> *** *** ***
ceci aura pour effet de cacher le champ mail, d'y insérer votre mail par défaut ET d'envoyer une copie de la fiche à chaque validation !
ATTENTION, ceci ne fonctionne que si votre wiki peut envoyer des mails (voir https://yeswiki.net/?ReparerLesWikisQuiNEnvoientPasLesMails )
Lien vers la doc
http://
récupérer le fichier (.tpl.html) d'un template repéré sur un wiki
récupérer le fichier (.tpl.html) d'un template repéré sur un wiki
Concerne
- Codes utiles /raw...
La réponse
Il suffit de récupérer le nom du template sur la page (en utilisant /raw)
une fois le nom connu, on tape dans l'url
en remplaçant urlduwiki par l'url du wiki ;-) et nomdutemplate par le nom reperé via le /raw
puis récupérer le code source de la page
une fois le nom connu, on tape dans l'url
https://urlduwiki/themes/tools/bazar/templates/nomdutemplate.tpl.html
en remplaçant urlduwiki par l'url du wiki ;-) et nomdutemplate par le nom reperé via le /raw
puis récupérer le code source de la page
Lien vers la doc
http://
Rediriger l'utilisateur vers une page spécifique à la validation d'un formulaire
Rediriger l'utilisateur vers une page spécifique à la validation d'un formulaire
Concerne
- Bazar (formulaire)
La réponse
Pour rediriger l'utilisateur vers une page spécifique quand il a validé un formulaire, il faut ajouter le paramètre redirecturl="URLcomplete" dans
Attention : ne pas utiliser l'adresse courte wiki dans redirecturl mais bien une URL complète (http://...).
{{bazar voirmenu="0" vue="saisir" id=" " redirecturl="https://yeswiki.net/?BazarAfficherFormulaireSaisie"}}
Attention : ne pas utiliser l'adresse courte wiki dans redirecturl mais bien une URL complète (http://...).
Lien vers la doc
https://yeswiki.net/?BazarAfficherFormulaireSaisie
Remplir un champ tag avec des données prédéfinies
Remplir un champ tag avec des données prédéfinies
Concerne
- Bazar (formulaire)
La réponse
Les tags sont un moyen pratique pour avoir un critère de tri mais il peut être nécessaire de restreindre les termes (vélo ou bicyclette, vélo, velo ou Vélo ?).
Pour cela, on peut construire une base de mots-clés dans une liste et ensuite l'appeler dans son formulaire pour sélectionner les mots-clés :
Pour cela, on peut construire une base de mots-clés dans une liste et ensuite l'appeler dans son formulaire pour sélectionner les mots-clés :
checkboxfiche***id-form***le titre*** *** *** *** ***tags***1***0***
Rendre une image non cliquable
Rendre une image non cliquable
Concerne
- Graphisme, mise en page
- Images
La réponse
Pour rendre une image non cliquable, ajouter la propriété nofullimagelink dans l'action "attach" qui insère l'image :
{{attach file="image.jpg" desc="tralala" size="small" nofullimagelink="1"}}
Lien vers la doc
https://yeswiki.net/?AttacH
rendre une vidéo responsive (en largeur ET hauteur)
rendre une vidéo responsive (en largeur ET hauteur)
Concerne
- Graphisme, mise en page
La réponse
On peut facilement rendre un iframe de vidéo responsive en largeur en mettant 100% dans le widht MAIS il faut alors jouer "à la main" sur le nombre de pixels en hauteur.
On peut aussi utiliser ce code
l'url de la vidéo à utiliser est la partie à repiquer dans l'iframe fourni par la plateforme et qui contient le /embed
On peut aussi utiliser ce code
""<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/xSa0_lyLKjI"></iframe> </div>""
l'url de la vidéo à utiliser est la partie à repiquer dans l'iframe fourni par la plateforme et qui contient le /embed
Lien vers la doc
https://getbootstrap.com/docs/4.0/utilities/embed/
réparer des tables cassées (wiki non accessible)
réparer des tables cassées (wiki non accessible)
Concerne
- Bazar (formulaire)
- Phpmyadmin
La réponse
Si vous recevez un message de ce type à l'affichage de votre wiki
Vous pouvez réparer les tables en passant par phpmyadmin
Query failed: delete from <prefixe>_referrers where time < date_sub(now(), interval '24' day) (Table './dehors/<prefixe>_referrers' is marked as crashed and last (automatic?) repair failed)
Vous pouvez réparer les tables en passant par phpmyadmin
- choissisez la db
- sélectionnez les tables concernées (voir votre <prefixe>)
- dans "avec la sélection" => réparer la table
réparer les wikis qui n'envoient pas les mails ;-(
réparer les wikis qui n'envoient pas les mails ;-(
Concerne
- Codes utiles /raw...
- Hors yeswiki
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
Attention, tous les serveur mail n'accepte pas de jouer ce jeu.
ou
https://support.google.com/accounts/answer/6010255
Autre piste possible, acheter un nom de domaine chez gandi et utiliser le smtp lié
et donc rajouter dans le fichier wakka.config.php les parametres suivants
'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'ssl://<mon serveur smtp>:465', 'contact_smtp_user' => 'user@mail.ext', 'contact_smtp_pass' => '<monpassword>',
Attention, tous les serveur mail n'accepte pas de jouer ce jeu.
avec sendinblue
créez-vous un compte puis allez dans les paramètres (via ce lien) chercher votre clé smtp (limitée à 300 mails par jour)'contact_mail_func' => 'smtp', 'contact_smtp_host' => 'smtp-relay.sendinblue.com:587', 'contact_smtp_user' => 'monmail@pourmoncomptesendinblue.com', 'contact_smtp_pass' => '<ma cle smtp>',
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 icihttps://support.google.com/accounts/answer/6010255
'contact_smtp_host' => 'ssl://smtp.gmail.com:465',
Autre piste possible, acheter un nom de domaine chez gandi et utiliser le smtp lié
Lien vers la doc
http://
rétablir un bon format de table quand on a un nouveau wiki sur une vieille table
rétablir un bon format de table quand on a un nouveau wiki sur une vieille table
Concerne
- Codes utiles /raw...
- Phpmyadmin
La réponse
on passe par phpmyadmin et on applique cette requête sql (en changeant le prefixe)
ALTER TABLE <prefixe>_nature DROP IF EXISTS bn_ce_id_menu, DROP IF EXISTS bn_commentaire, DROP IF EXISTS bn_appropriation, DROP IF EXISTS bn_image_titre, DROP IF EXISTS bn_image_logo, DROP IF EXISTS bn_couleur_calendrier, DROP IF EXISTS bn_picto_calendrier, DROP IF EXISTS bn_type_fiche, DROP IF EXISTS bn_label_class, MODIFY COLUMN bn_ce_i18n VARCHAR(5) NOT NULL DEFAULT '';
Transférer des images d'une page vers une autre
Transférer des images d'une page vers une autre
Concerne
- Images
La réponse
- 1. se rendre sur la page d'origine (ex. :
PageDorigine
) et copier le code l'action{{attach file="Mon_Fichier.txt" ...}}
- 2. se rendre sur la nouvelle page et coller tout ce code
- 3. ajouter en début du nom de fichier le nom de la page suivie de
/
; exemple :{{attach file="PageDorigine/Mon_Fichier.txt" ...}}
pour les vieilles versions cercopithèques
Les images (et autres fichiers) figurant dans les pages de YW se trouvent dans le dossier /files sur le serveur. Au moment où le fichier est téléchargé, son nom est modifié : le NomDePage dans laquelle il se trouve est ajouté devant le nom du fichier.
Pour transférer des fichiers inclus dans une page vers une autre page, il suffit de les renommer en changeant leur NomDePage. Il faut bien sûr avoir accès au serveur en ftp. Par exemple, dans l'illustration ci-dessous, pour transférer les images de la page BrouilloN vers la page BoiteALivres, renommer les fichiers "BrouilloN_IMG_..." en "BoiteALivres_IMG_...". Les images seront supprimées de la page BrouilloN et apparaitront dans la page BoiteALivres.
Cette procédure est particulièrement intéressante quand on veut changer le nom d'une page existante qui contient des fichiers. Dans ce cas, on récupère le code wiki de la page existante et on le colle dans la nouvelle page, sauf que les fichiers restent attachés à l'ancienne page et qu'à la place des images apparaissent des boutons "Télécharger le fichier...". Une fois qu'on a renommé les fichiers, les images deviennent visibles dans la nouvelle page.
Pour transférer des fichiers inclus dans une page vers une autre page, il suffit de les renommer en changeant leur NomDePage. Il faut bien sûr avoir accès au serveur en ftp. Par exemple, dans l'illustration ci-dessous, pour transférer les images de la page BrouilloN vers la page BoiteALivres, renommer les fichiers "BrouilloN_IMG_..." en "BoiteALivres_IMG_...". Les images seront supprimées de la page BrouilloN et apparaitront dans la page BoiteALivres.
Cette procédure est particulièrement intéressante quand on veut changer le nom d'une page existante qui contient des fichiers. Dans ce cas, on récupère le code wiki de la page existante et on le colle dans la nouvelle page, sauf que les fichiers restent attachés à l'ancienne page et qu'à la place des images apparaissent des boutons "Télécharger le fichier...". Une fois qu'on a renommé les fichiers, les images deviennent visibles dans la nouvelle page.
Lien vers la doc
https://yeswiki.net/?AttacH

63
fiches trouvées
Concerne
documentation