{{pdf}}
{{pdf}}
Attention, cette action sera bientôt disponible sur Doryphore, .... patience pour la tester ;-)
Comportements
Permet d'afficher un pdf présent sur le site
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 |
url | url d'un fichier pdf présent sur le même serveur |
ratio | vide par défaut, correspond à "portrait" ; valeurs possibles "portrait" - "paysage" - "carre" |
largeurmax | vide par défaut, mettre un nombre pour définir une largeur maximale sans unité |
hauteurmax | vide par défaut, mettre un nombre pour définir une hauteur sans unité |
class | vide par défaut, class du conteneur valeurs possible: "pull-right","pull-left" |
Exemple
{{pdf url="https://yeswiki.net/?DocumentationActionPDF/download&file=Test.pdf"}}
Version avancée
{{pdf url="https://yeswiki.net/?DocumentationActionPDF/download&file=Test.pdf" ratio="paysage" largeurmax="200" hauteurmax="100" class="pull-right"}}
{{video}}
{{video}}
Attention, cette action sera bientôt disponible sur Doryphore, .... patience pour la tester ;-)
Comportements
Permet d'intégrer une vidéo en provenance de Youtube, Vimeo ou Peertube
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 |
serveur | serveur hébergeant la video ; valeurs possibles : "youtube", "peertube", "vimeo" |
id | identifiant de la vidéo sur le serveur |
peertubeinstance | Instance PeerTube utilisée ; Par exemple, "https://framatube.org/", vide par défaut |
ratio | vide par défaut, correspond à 16/9; "4par3" correspond à 4/3 |
largeurmax | vide par défaut, mettre un nombre pour définir une largeur maximale sans unité |
hauteurmax | vide par défaut, mettre un nombre pour définir une hauteur sans unité |
class | vide par défaut, class du conteneur valeurs possible: "pull-right","pull-left" |
Exemple
{{video serveur="youtube" id="sPvNuGn3Hic"}}
Version avancée
{{video serveur="peertube" id="2d4c0cb7-3336-4b1f-934b-dcccb2ebe4a0" ratio="4par3" largeurmax="200" hauteurmax="100" class="pull-right"}}
Extension LMS
Extension LMS
Attention — Ceci est une extension de YesWiki. Elle ne fait pas partie du cœur officiellement maintenu de YesWiki.
Permet d'utiliser YesWiki comme une plateforme d'apprentissage (LMS : Learning Management System).
Installation
- Copiez l'extension dans votre dossier tools ou installez-la depuis la page
GererMisesAJour
- Une fois l'installation automatique terminée sans erreur, taper
/update
Exemple :
https://www.example.com/?GererMisesAJour/update
Utilisation
- Rendez-vous sur la page
Bazar
- Ajoutez des activités LMS en ajoutant des fiches au formulaire ID = 5001.
- Ajoutez ensuite des modules LMS en ajoutant des fiches au formulaire ID = 5002.
- Ajoutez ensuite un parcours LMS en ajoutant un fiche au formulaire ID = 5003.
- Notez l'url de ce parcours. Vous pouvez l'indiquer sur votre liste de parcours.
La documentation technique à jour est disponible ici.
Gérer les personnalisations de thème en CSS
Gérer les personnalisations de thème en CSS
La solution : PageCSS
(uniquement à partir de Doryphore)
La mise en forme de YesWiki est gérée par un thème qu'il est possible de modifier comme l'explique la page Changer de thème graphique.
Toutefois, certaines modifications pour votre site demandent des personnalisations.
Vous pouvez les définir en CSS directement dans une page de votre wiki en y insérant par exemple le code suivant pour afficher le texte de tous les liens en rouge :
""<style> a { color : red ; } </style>""
Toutefois, pour que ceci fonctionne, il faut l'intégrer dans une page qui est affichée tout le temps comme PageFooter. Mais ceci rend compliqué la lecture de cette page.
La solution : copier tout votre code CSS directement dans PageCSS. Cette page sera chargée automatiquement en début de votre page comme feuille de style en cascade CSS.
Voici ce qu'il faudrait y mettre pour notre exemple :
a { color : red ; }