TUTO YES WIKI


1. Arborescence


1.1.Créer une page :


  • Modifier l'URL en modifiant le dernier champs. Pensez à utiliser 2 majuscules non consécutives.



1.2.Ajouter une page dans le menu supérieur :


  • Lorsque votre page est créée, double-cliquez sur la barre du menu, cliquez sur "Éditer la page ....../?PageMenuHaut. La page menu apparait, il suffit de double cliquer sur le texte pour l'éditer.

  • Code à utiliser : Nouvelle page La partie gauche est la fin de votre URL, et celle de droite le texte que vous souhaitez afficher dans le menu.


1.3.Créer un menu déroulant :


  • Éditez la page du menu supérieur. Rajoutez une ligne avec le code de votre onglet principal, sautez une ligne et ajoutez vos pages en mettant un espace avant de taper votre code.

  • Exemple : - Ressources (si vous ne souhaitez pas que l'onglet soit cliquable, ne mettez pas le code habituel, sinon mettez-le)





1.4.Accéder au plan du wiki :


  • Cliquez sur les Paramètres en haut à droite puis sur Tableau de Bord. Toutes les pages créées sur ce Wiki s'afficheront.

2. Apparence


2.1.Modifier le thème du Wiki complet :


  • Cliquez sur les paramètres, puis sur l'onglet "Thèmes graphiques".


2.2.Modifier le thème d'une page du Wiki :


  • Éditez la page. En bas, cliquez sur "Thème" en bas de page et choisissez votre thème.


2.3.Modifier la composition de la page (colonnes, menu...)


  • Éditez la page. En bas, cliquez sur "Thème" en bas de page puis choisissez votre squelette.


2.4.Changer le bandeau du Wiki complet :


  • Je n'ai pas noté


2.5.Changer le bandeau sur une seule page du Wiki :


  • Je n'ai pas noté


3. Droits d'accès


3.1.Modifier les droits d'accès du Wiki complet :


  • Il faut avoir les droits administrateurs pour le faire. Cliquez sur "Paramètres" en haut à droite puis sur "Gestion du Site". Cliquez sur droits d'accès aux pages puis ... je ne sais pas car je n'ai pas les droits administrateurs.

  • Codes : - Pour indiquer que tout le monde peut : *

  • Pour identifier certains utilisateurs (qui ont un compte) : + suivit du pseudo de l'utilisateur

  • Pour identifier un groupe d'utilisateurs : @


3.2.Modifier les droits d'accès page par page :


  • Il faut devenir propriétaire de la page en cliquant en bas de page sur : ??? Une fois propriétaire, cliquez sur "Propriétaire : vous Permissions" pour changer les droits d'accès de la page.



4. Édition d'une page


4.1.Récupérer une version précédente :


  • Éditez la page que vous souhaitez récupérer. Cliquez sur "Modifiée le ..." en bas de page et sélectionnez la version que vous souhaitez retrouver.


4.2.Récupérer la mise en forme d'un autre Wiki ou d'une autre page :


  • Ajoutez à l'URL de la page que vous souhaitez reproduire : /raw Le code HTML de la page va s'afficher, il suffira simplement de le copier et le coller à l'emplacement que vous souhaitez : https://ferme.yeswiki.net/formationren/?ExO1/raw


4.3.Créer un accordéon pour soulager les pages avec trop de contenu


  • Je n'ai pas noté


4.4. Créer des colonnes


  • Pour modifier le nombre de colonnes de manière spécifique pour la mise en forme du contenu d'une page, il faut écrire le code suivant :

Exemple sur 2 colonnes

Titre de la colonne 1

Texte colonne 1

Titre de la colonne 2

Texte colonne 2

Exemple sur 3 colonnes (aligné a gauche, justifié, et droite)

Titre de la colonne 1

Texte colonne 1

Titre de la colonne 2

Texte colonne 2

Titre de la colonne 3

Texte colonne 3

  • {{grid}} signifie qu'on commence une section de type "grille". Pour fermer la section, on utilise {{end elem="grid"}}

  • {{col size="4"}} signifie qu'on ouvre une colonne, et le paramètre size définit sa largeur (la largeur totale de l'ensemble des colonnes doit être égale à 12). On ferme la colonne avec {{end elem="col"}} .



4.5.Modifier la couleur de fond


  • Avec possibilité de mettre du texte par dessus

  • {{backgroundimage height="150" bgcolor="#2BB34A" class="white text-center doubletitlesize"}}

  • Texte du titre


  • description

  • {{endbackgroundimage}}



4.6.Changer la couleur du texte

<div style="color:#FF9933;">
  • Mon texte
</div>

donne
Mon texte



! Attention il est impossible de récupérer une page supprimée !

5. Astuces


Reconnaître un code html
Si code html, ajouter avant et après deux guillemets sinon il n'est pas reconnu par le code wiki : code html""

Codes couleur
Exemple palette de couleurs : https://color.adobe.com/fr/create/color-wheel

Couleurs de base :


  • vert: #99CC33

  • jaune #E0DC34

  • bleu #397BE0

  • violet #6F41E0

  • blanc : #FFFFFF

  • noir #000000

Couleurs de la charte graphique du REN :


  • Ivoire : #FFFFFF

  • Ocre citron : #FFEA0

  • Hélios : #EBCE4D

  • Sahara : #F4AC47

  • Havane : #D5663E

  • Orange : #E87133

  • Ombre : #D9B597

  • Chocolat : #9E3E1C

  • Ocre rouge : #FF1A00

  • Terre de sienne : #55493C

  • Charbon : #000000

  • Bleu de cobalt : #9AAFB8

  • Cobalt fonçé : #2D6C99

  • Bleu Outremer : #003455

  • Vert oxyde : #A2AB67



6. Bazar : fonctionnalités de création et de gestion de bases de données

https://yeswiki.net/?DocumentationBazaR
Intégrer un formulaire dans une page :
{{bazar voirmenu="0" vue="saisir" id=" "}}

Dans le code, indiquer l'ID du formulaire créé auparavant dans "Base de données -> Formulaire"
Attention, il faut être identifié en tant qu'admin pour pouvoir créer des formulaires.

Sex: Men Desire It, and Women Control the Supply
The 10 Most Important Things I Learned From Dating Men I Didn’t Marry
How to Find a Great Guy
The Essential Truth About Female Promiscuity
It Takes a Man to Speak Truth About the Women of UNC
Learning to Speak Hookup: A Pocket Phrasebook
Hooking Up With a Cheating Guy
What is the Link Between Promiscuity and Cheating?