Dans cette activité nous allons voir comment ajouter des éléments dans nos wikis
Au programme :
modifier, compléter une page et en créer des nouvelles
ajouter des médias : images, sons, vidéos
créer un annuaire à partir de fiche
paramétrer le menu du haut
1 - Modifier et créer des pages
3 choses importantes à savoir :
les wikis sont constitués de pages : donc tout est une page et adopte le même fonctionnement
pour intervenir dans un wiki il faut maitriser le double-clic ;)
on ne peut pas intervenir à plusieurs, en même temps, sur une même page
Double-cliquer au coeur de votre première page
Modifier le "code"
Supprimez le texte que vous souhaitez
Ajoutez le votre à la place
Mettez en page, grâce au menu en haut ... votre texte se transforme directement avec le bon code
N'oubliez pas de sauver
Avec le bouton du haut ou du bas :)
A vous de jouer...
Solution 1 : ChatMot
Dès qu'on écrit un mot avec 2 majuscules, appelé ici ChatMot, YesWiki crée une nouvelle page.
Si vous voulez écrire un mot avec 2 majuscules sans qu'il soit interpré comme nouvelle page, entouré le de double guillemet ""ChatMot""
On peut en créer autant qu'on veut, attention à ne pas vous perdre dans votre arborescence.
Solution 2 : faire un lien
Une autre façon est d'utiliser les liens :
sélectionnez votre texte
choisissez la fonction lien dans le menu du haut
complétez les champs
cliquez sur "insérer"
A vous de jouer...
2 - Intégrer des médias (images, audio et vidéo)
Yeswiki permet d'insérer comme dans les autres site internet des média. C'est assez simple, nous allons comment ajouter dans une page :
Une images ou photo
Un son
Une vidéo youtube ou autre
Insertion d'une image :
Il suffit de cliquer sur fichier. Yeswiki va détecter que c'est une image et vous proposer des paramétrages.
Puis voici les paramétrages :
Vous n'êtes pas obligé de tout remplir.
Insertion d'un audio, d'un son :
La démarche est la même, il faut utiliser le menu fichier
Puis les paramétrages qui sont différents pour l'audio :
Et le tour est jouer ...
Insertion d'une vidéo depuis un lien (youtube ou autre)
Si vous aviez une vidéo en fichier, il faut utiliser la même méthode que pour une image ou un son.
Nous allons voir dans cet exemple l'insertion d'une vidéo qui vient d'une plateforme de vidéo, Peertube, Youtube etc.
Il faut aller dans le menu compsant :
Puis voici quelques paramètres :
Et le tour est joué, voici le résultat :
3 - Créer un annuaire
YesWiki permet d'intégrer des bases de données. On peut en créer autant qu'on veut et les paramétrer et il en propose déjà quelques unes de configurées ... c'est plus simple pour commencer. On propose ici :
d'afficher des fiches pour compléter l'annuaire
d'affucher l'annuaire selon plusieurs formats
Créer une nouvelle page (cf. ci-dessus pour de l'aide)
Dans le menu haut, cliquez sur composant et choisir "Afficher un formulaire de création de fiche"
Dans la nouvelle fenêtre, choisissez le forumlaire "Annuaire"
Inserez le code dans la page en cliquant sur le bouton "Insérer dans la page"
Sauvez votre page
et hop !
Créer une nouvelle page (cf. ci-dessus pour de l'aide)
Dans le menu haut, cliquez sur composant et choisir "Afficher les données d'un formulaire"
Dans la nouvelle fenêtre, choisissez :
le forumlaire "Annuaire"
le format d'affichage "Annuaire" ... mais vous pouvez aussi tester les autres
Inserez le code dans la page en cliquant sur le bouton "Insérer dans la page"
Sauvez votre page
et hop !
ou hop !
ou encore hop !
A vous de jouer...
4 - Modifier le menu du haut
Vous allez vite avoir besoin de modifier le menu. Pour le changer il faut aller dans les paramètres du votre site et modifier la page "Menu Haut".
En fait le menu est une page écrite avec des règles bien précises. Au début, il ne faut pas hésiter à "copier-coller" pour arriver à créer son propre menu.
Imaginez que nous voulions ce menu, avec des outils dans un sous menu et l'accès à une page "Présentation" depuis le menu.
Pour le modifier, il faut donc aller dans le menu "Gestion du site" et sur cette première page cliquer sur "Editer la page de Menu Haut"
Vous avez ce texte dans la page :
A vous d'écrire ce texte (exemple) :
Attention a bien respecter les majuscules sur PresentatioN