Un total de 5 pages a été trouvé avec le mot clé édition.

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

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

page inutile : voir plutôt DocumentationColonneMenu

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)

É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


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

    Filtrer :   pdf  A améliorer  A relire  Ã©dition  action  brother Printer Support  Call Girls Service in Chennai  code  coucou  Développement  dell printer support  Demandé  documentation  doryphore  droits utilisateurs  extension  facile  fichiers  flo  github  groupes  hp printer support  identification  insertion  intermédiaire  interopérabilité  liens  lms  menus  mise à jour  mise en forme  modification  mots de passe  Newsletter  notifications  obsolète  pages  pages spéciales  php  pieds de page  prob d'interprétation  publication  restauration  rss  securité  sémantique  serveur  spam  sprint  style  template  thèmes  todo  twig  versions  videos  widget