À noter
L'aspect de cette page d'accueil n'est bien sûr pas finalisé. Son contenu non plus. Dans son état présent elle est destinée à montrer le projet de contenu, à donner un aperçu des différentes possibilités de mise en forme, et permettre de premières manips de prise en main de l'outil d'édition… Examiner, lire, modifier le contenu, ajouter des actus, changer des dates et constater l'effet de ses changements, voila ce qu'on va faire ici.
Naviguer
- tester les menus : cliquer sur Privé, revenir à l'accueil en cliquant sur Accueil ou le "logo"
- cliquer à nouveau sur Privé, entrer pour le pseudo et le mot de passe respectivement toctoc et Sesame1234 l'idée est de donner ici un accès limité. Donc ce pseudo ne permet pas la modification du contenu du site, juste l'accès à la zone privée
- pour l'instant peu de choses encore. Il y a de la lecture, une base essentielle pour travailler sur le contenu du site : les 3 types de pages que l'on peut créer dans Grav et le rôle des templates ou modèles. C'est à lire avant de faire les premières manips.
- retourner à l'accueil, changer la largeur de la fenêtre du navigateur, constater comment les éléments s'adaptent
- connectez-vous à cette page depuis un mobile : vous ne verrez pas cette longue introduction mais une section courte. La conception du site est entre autre de réfléchir à la manière de présenter des infos éventuellement plus restreintes sur un écran de petite taille. Ici la section pour mobile est saisie directement dans le modèle, mais on peut aussi faire en sorte que le texte pour mobiles seulement ou tout appareil sauf mobile puise être saisi par le rédacteur.
- cliquer sur le titre de l'une des actus pour accéder aux détails puis revenir à l'accueil
Les actus, de plus près
- ici on voit des couleurs différentes pour les bandeaux d'actu, en fait on a une couleur qui s'applique automatiquement selon la catégorie d'actu choisie parmi les quatre définies. Quand on crée une nouvelle actu on doit choisir sa catégorie. C'est un des moyens de permettre au visiteur régulier d'identifier plus aisément ce qui l'intéresse
- sur le fil d'actu on peut lire sous le titre d'une actu le texte d'introduction, en cliquant sur le titre on accède à la fiche d'actu où on lit le texte complet. On a donc deux textes différents saisis par le rédacteur. Si aucun texte d'intro n'est saisie, on peut décider que ce sont les n premiers caractères du texte principal qui seront affichés dans le fil d'actu
- on voit que pour chaque actu il y a des blocs d'info qui comportent une mise en forme particulière (lieu, date de l'événement, titre, activité…). Cette mise en forme est automatique, le rédacteur n'a pas à s'en occuper, son rôle est de saisir les infos nécessaires dans les champs correspondants. C'est la réalisation de formulaires de saisie sur mesure qui permet en séparant les infos d'obtenir cette automatisation. Pour chaque modèle de page, on peut adapter un formulaire de saisie permettant de bien séparer les infos à saisir. C'est une démarche à bien peser : compliquer inutilement le formulaire de saisie est lourd et agaçant pour le rédacteur
- les actus sont affichées chronologiquement dans l'ordre chronologique, des plus proches dans le temps au plus lointaines dans le futur. Les événements passés ne sont pas affichés, ceux programmés à plus d'un an de la date du jour non plus. Cette fourchette de temps pourrait être modifiée.
- sous le fil d'actu on a la liste simplifiée des événements passés. C'est bien sûr automatiquement par rapport à la date courante que les événements basculent d'une liste à l'autre.
- connectez-vous à cette page depuis un mobile : vous ne verrez pas cette longue introduction mais une section courte. La conception du site est entre autre de réfléchir à la manière de présenter des infos éventuellement plus restreintes sur un écran de petite taille. Ici la section pour mobile est saisie directement dans le modèle, mais on peut aussi faire en sorte que le texte pour mobiles seulement ou tout appareil sauf mobile puise être saisi par le rédacteur.
Manipuler, modifier des actus
- cliquer sur le lien suivant : administration pour accéder à l'interface d'édition du site avec votre pseudo et mot de passe
- dans la colonne de gauche cliquer sur la rubrique Pages
- on peut voir la liste des pages principales du site
- sur la ligne de la page d'accueil il y a un bouton permettant d'afficher ses pages filles, en l'occurrence les actus du fil d'actus
- en cliquant sur l'une d'elle on peut l'éditer. Tous les éléments de la page sont dans le volet contenu sauf la date qui est dans le volet options
- en haut à droite de l'interface d'édition se trouve une barre de boutons donnant toutes les fonctions essentielles à la création et modification des pages
- pour éditer la date manuellement, il faut cocher la case qui se trouve devant et cliquer sur le champ date. Un calendrier permet de définir la date et l'heure dans le bon format.
Créer une nouvelle actu
- cliquer sur le lien suivant : administration pour accéder à l'interface d'édition du site
- dans la colonne de gauche cliquer sur la rubrique Pages
- cliquer sur le bouton ajouter en haut à droite de l'interface
- une fenêtre popup s'ouvre et vous demande de renseigner les données essentielles, dont le titre et l'emplacement de la page. Entrez le titre, laissez le nom du dossier s'inscrire automatiquement selon le titre saisi, cliquez sur le champ page parent et choisissez ici l'accueil qui est titré fil d'actus, choisir le template Actu et la visiobilité Auton, puis cliquer sur le bouton continuer
- dans le volet contenu remplir tous les champs, commencer simplement avec quelques mots ou du faux texte, renseigner la date et l'heure de l'évènement pour avoir un fil d'actu dans l'ordre chronologique
- cliquer sur le bouton enregistrer en haut à droite, tant qu'on ne l'a pas fait au moins une fois la page n'est pas créée. Votre session utilisateur, dans laquelle vous êtes entré avec votre pseudo à une durée limitée, pour des raisons de sécurité, et sa durée est prolongée à chaque fois que vous cliquez sur un bouton ou un lien dans l'administration. Par contre cette durée n'est pas prolongée quand vous saisissez du texte. Il est donc prudent d'enregistrer fréquemment vos modifications.
- pour visualiser l'effet de vos modifications sans quitter l'interface d'édition de la page, enregistrez puis cliquez sur le bouton avec l'icône d'œil dans la barre de boutons en haut à droite. Cliquez ensuite sur la flèche de retour arrière dans la barre de boutons pour revenir en mode édition
- pour visualiser la page que vous éditez en pleine fenêtre il suffit dans un nouvel onglet de pointer vers la page d'accueil du site et d'utiliser les liens. Quand vous êtes en visualisation dans l'interface d'édition comme précédemment, vous avez un bouton qui vous permet de visualiser la page dans un nouvel onglet
- une fois la page créée ou modifier vous pouvez poursuivre vos travaux ou sorti de votre session par le lien logout / se déconnecter en bas de la colonne de gauche de l'interface.
- toute création de page se fait de la même manière, avec une légère variante que nous verrons plus tard