Overview

Artifact ID: 8e42d2d751a5398afd1d42ce4f2baf3b0b1c1724
Page Name:Documentation_site web
Date: 2020-12-01 20:16:17
Original User: spipfactory
Mimetype:text/x-markdown
Parent: 36f7f27028213ae4e1fae3f167b65309ee6d38db (diff)
Next 65587bfd8d9f2509f6514fa608cd15a611feaf2f
Content

Page en cours d'écriture par spipfactory

Quand on parle de site web , c'est la partie visible pour les internautes, accessible via votre nom de domaine.

Exemple : : https://garradin.eu/

l'interface public du site Garradin

  1. Wiki intégré
  2. Prise de notes en réunion
  3. Compatible SPIP
  4. Édition collaborative
  5. Protection de pages par mot de passe
C"est dans l'interface Wiki que vous pouvez :
  • personnaliser l'affichage privé / public (Créer une nouvelle page, Éditer, Historique, Supprimer)
  • lister et visualiser les dernières modifications
  • Effectuer une recherche.

l'affichage du wiki se décompose de partie distinct.

  • Le menu du haut qui permet de Créer une nouvelle page, Éditer, Historique, Supprimer
  • Un fil d'arianne pour savoir ou l'on se situe dans l'arborescence
  • un boite "Dans cette rubrique" listant ce qu'elle contient.
  • l'article lui même
  • un pied de page affichant la date de la dernière modification et par qui
Créer une nouvelle page

Créer une nouvelle page

=> Titre de votre nouvelle page obligatoire

=> Valider en cliquant sur "créer une nouvelle page"

=> Vous arrivez sur la page d'édition Celle-ci composer de :

  • Édition avec son menu

  • Informations générales ( Ou vous pouvez modifié)

    • Titre
    • Adresse unique
    • l'endroit ou vous souhaiter inclure votre page (Cette page est une sous-rubrique de...)
    • Date
  • Droits d'accès (permet de définir et de gérer des zones de l’espace public ou privé en accès restreint,C'est l'équivalent du plugin spip "Acces Restreint")

C'est ici que l'on défini si Cette page est visible :

  • Sur le site de l'association cette page apparaîtra sur le site public de l'association, accessible à tous les visiteurs

    • Sur le wiki uniquement seuls les membres ayant accès au wiki pourront la voir
    • Aux membres de ma catégorie seuls les membres de la même catégorie que moi pourront voir cette page
    • Attention Cette page peut être modifiée par :
    • Les membres qui ont accès au wiki en écriture
    • Les membres de ma catégorie

Vous pouvez également :

  • Chiffrer le contenu (facultatif)

  • Voir le Résumé des modifications (facultatif)

  • Cliquer sur le Bouton enregistrement

Intéressons nos plus particulièrement a la partie " Sur le site de l'association"

C'est quand même le but de cette article et les pages apparaîtrons sur le site public de l'association, accessible à tous les visiteurs

les pages dans Garradin sont affiché via des squelettes, les squelettes sont rangés dans un dossier dédié, nommé squelettes-dist/. Le dossier squelettes/ accueillera vos squelettes personnalisés.

Ce sont des fichiers HTML qui permettent de choisir les données affichées sur le site. Ils sont semblables aux squelettes de SPIP. ( voir l'article Les squelettes dans Garradin)

Pour modifier l'apparence du site, il est conseillé d'avoir un minimum de connaissances sur la mise en forme de pages web (HTML, CSS) et l'usage de balises spécifiques (dont la syntaxe est similaire aux boucles SPIP).

Les avantages de ce rangement sont évidents : meilleure séparation du code de garradin et de la structure du site, possibilité de changer tout un ensemble de squelettes d’un seul coup, etc.

Les fichiers par défaut (/squelettes_dist) sont les suivants :

entete.html : partie commune en haut de page
pied.html : partie commune en bas de page
sommaire.html : page d'accueil par défaut du site, présentant la liste des 9 derniers articles
article.html : contenu de la page par défaut d'un article
rubrique.html : page listant les articles d'une rubrique
galerie.html : fichier utilisé pour présenter une galerie d'images
documents.html : mise en page de présentation de documents à télécharger
index.html : modèle pour page introuvable
default.css : contenu de la feuille de styles du site pour modifier son apparence
atom.xml : contenu du fichier générateur de flux RSS

Les fichiers qui contrôlent l'apparence sont modifiable depuis : Configuration > Site public : on y a accès pour les modifier depuis l'interface, une fois qu'un fichier a été modifié, il apparaît dans le dossier www/squelettes/ (sa version originale est conservée dans squelettes-dist/).

À savoir, les fichiers qui sont appelés en fonction de l'uri (adresse tapée dans le navigateur, après le domaine du site) :

S'il n'y a rien/que l'uri vaut "/" : les fichier sommaire.html est appelé
Si c'est "/feed/atom/" : le fichier atom.xml est appelé
S'il y a quelque chose puis un / à la fin (ex: site.net/actus/ ) : le fichier rubrique.html est appelé
Sinon, si ça correspond au nom d'un fichier ajouté dans www/squelettes/ : ce fichier est appelé
Sinon, c'est le fichier article.html

(tel que défini dans le fichier include/lib/Garradin/Squelette.php, fonction dispatchURI() )

En sachant que rubrique.html et article.html, par défaut, sont fait pour afficher le contenu public correspondant du wiki.

Les bases de la compréhension de construction des squelettes étant établie, regardons l'affichage public.

Le site est donc construit de la manière suivante :

  • entete.html

  • sommaire.html

  • pied.html

Comme expliqué plus haut dans votre navigateur le nom de domaine appelé c'est le fichier sommaire.html qui est servie. => Alors pourquoi je visionne entete.html et pied.html ?

Regardons le code du fichier sommaire.html

<INCLURE{entete.html}>
    bla bla bla
   <INCLURE{pied.html}>

On constate la présence de <INCLURE .... qui permet l'appel a d'autre squelette.( Bon a savoir).

Okayyyyyyyy et donc ça affiche

sommaire.html

=> le menu du haut avec deux onglets modifiable dans le fichier entete.html

      <ul>
		<li class="current"><a href="#URL_RACINE">Accueil</a></li>
		<li><a href="#URL_ADMIN">Administration</a></li>
	</ul>

=> le Nom de votre association ainsi que l'adresse qui reprend les infos de la page configuration / Informations sur l'association

                <h1><a href="#URL_RACINE">#NOM_ASSO</a></h1>
[<h4>(#ADRESSE_ASSO)</h4>]

=> le pied de page.

1°) Créer un menu. l'affichage sur le site public est réalisé par le fichier entete.html

 <B_menu>
<nav>
	<ul>
	<BOUCLE_menu(RUBRIQUES){parent=0}{par titre}>
		<li><a href="#URL/">#TITRE</a></li>
	</BOUCLE_menu>
	</ul>
</nav>
</B_menu>

lorsqu’on créer des pages celle-ci sont pré-coché pour le wiki , ne pas oublier de cocher les Droits d'accès pour l'affichage public

  • Cette page est visible :

    • Sur le site de l'association

le résultat est l'affichage sur la page public comme un article page A

Il faut donc créer une deuxième page associé a la page que l'on souhaite voir apparaître dans le menu menu

Seul les 9 derniers articles apparaîtrons par date inverse sur la page sommaire de par la boucle suivante avec la condition : {par date}{inverse}{1,9}

           <B_derniers>
<section class="articles">
<BOUCLE_derniers(ARTICLES){par date}{inverse}{1,9}>
	<article>
	<h3><a href="#URL">#TITRE</a></h3>
	<h5>Posté : [(#DATE_CREATION|date_intelligente)]</h5>
	<p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
	</article>
</BOUCLE_derniers>
</section>

</B_derniers>

il faudra répéter l'opération pour obtenir votre menu horizontal. menuh