PARTICIPER AU SITE DE LA CAGETTE





Niveau 2 : Personnaliser une page ou une fiche



Il existe un pense bête qui est matérialisé par un point d'interrogation dans le menu édition d'une page ainsi que dans les champs texte des fiches

il regroupe les principales fonctions faciles qu'on peut faire sur une page.

Le plus simple est de copier le code qui vous intéresse, de le coller dans votre page et de le modifier selon vos besoins

Je vous laisse découvrir...

image DevSite1_pointinterrogation_20190702172959_20190702153140.png (37.4kB)

Vous pouvez copier ces bouts de codes sur les pages du site mais également sur les fiches : événements, actualités, wanted, Comités...

Pour intégrer du code dans une fiche, il faut coller le code dans un champ texte du formulaire..
les champs textes d'une fiche fonctionne exactement pareil que le menu édition d'une page.


Personnaliser ma Fiche

L'espace texte d'une fiche peut servir à intégrer un petit bout de code : un iframe, un tableau, une action, un graph, un lien....



Lorsque vous modifiez votre fiche, vous pouvez ajouter des bouts de code dans les champs texte. Vous pouvez retrouver des exemples de codes à rajouter sur votre fiche dans la boite à outil Yeswiki matérialisé par un point d’interrogation ( Cf D- Boite à outil Yeswiki)

1- Lorsque vous êtes en train de modifier votre fiche, Cliquez sur le point d'interrogation marron ( Pense bête Yeswiki) qui se trouve en haut du champ texte
image Capture.jpg (8.6kB)

2- Copier le code correspondant au tableau comme l'exemple ci-dessous
image Capture2.jpg (13.3kB)

3- Colle le code du tableau dans le champ texte de votre fiche.
image espcaetcte.png (56.7kB)

4- Il faut maintenant remplacer les textes de l'exemple par les textes que vous souhaitez.

5- Si vous rajoutez des petites barres verticales, cela rajoutera des colonnes, le plus simple reste de copier-coller les barres autant de fois que nécessaire.

6- L'espacement entre le texte et les barres définira la position du texte dans la colonne : aligné à gauche / centré / aligné à droite


7- Exemple de rendu

16:00 Début des festivités
16:00 - 18:00 Foire aux comités partenaires producteurs
18:00 - 19:00 Théâtre Forum
19:30 Repas (payant)
21:15 Concert So Fresh
23:00 Cosmyte
00:30 Fin des festivités



Un iframe permet de faire apparaitre le contenu d'une autre page internet sur sa fiche. c'est comme un encadré dans lequel apparait une autre page internet. Cela permet de montrer tout de suite un élément sans avoir à passer par lien.



Lorsque vous modifiez votre fiche, vous pouvez ajouter des bouts de code dans les champs texte. Vous pouvez retrouver des exemples de codes à rajouter sur votre fiche dans la boite à outil Yeswiki matérialisé par un point d’interrogation ( Cf D- Boite à outil Yeswiki)

image espcaetcte.png (56.7kB)

Dans le cas d'un iframe, vous pouvez copier le code ci-dessous et le coller dans le champ texte de votre fiche

""<iframe width=100% height="500" src="LIEN DE LA PAGE A AFFICHER" frameborder="0" allowfullscreen></iframe>""


Puis l'adapter à vos besoins :

Width= % : Correspond à l'espace occupé par l'iframe sur la largeur de la page, 100 étant le maximum
height=" " : Correspond à l'espace occupé par l'iframe sur la hauteur de la page
frameborder=" " : afficher un cadre à l'iframe ou pas de cadre / 1=oui 0=non

Ne pas oubliez de mettre/laisser les 2 guillemets au début et à la fin

Exemple d'un iframe :








Créer un lien représenté par un mot ou un groupe de mot

  • Copiez (Ctrl+C) l'adresse de la page vers laquelle le lien doit rediriger
  • Sélectionnez les mots qui représenteront le lien ( 1 )
  • Cliquez sur Lien ( 2 )
  • Coller ( Ctrl+V) l'adresse de la page

image faire_un_lien.png (48.1kB)