De la même manière que le site possède sa structure grace au Template, les Articles possède la leur.

  * Un article est constitué de une ou plusieurs sections (la roue violette)

  * Une section est constituée de une ou plusieurs lignes (la roue bleue)

  * Une ligne est constituée de une ou plusieurs colonnes (bouton bleu/gris)

  * Une colonne est constituée de un ou plusieurs AddOn ou Elément ou Plugin (la roue verte)

Ce sont les AddOn qui constitue le contenu proprement dit, section, ligne, colonne, constituent en quelque sorte le Template de l'Article.

On trouve des AddOn de Texte, d'image, d'accordéon, de vidéo, ... pour les plus simples. On trouve des addons plus sophistiqués comme OpenStreeMap, des menus complexe, ...

Nous les détaillerons dans la gestion des articles.

Tout ces items sont configurables afin d'obtenir le meilleur rendu possible et la meilleure navigation pour satisfaire les visiteurs.

Comme son nom l'indique, l'éditeur d'article permet d'éditer celui-ci afin de le créer/modifier/sauvegarder/publier, ...

L'éditeur est présenté ci-dessous.

Explication des différentes fonctions accessibles

Bouton Sauvegarder : lorsque vous avez fait "suffisamment de modifications appuyez sur ce bouton. Un message survient en bas à droite vous indiquant que tout c'est passé correctement. Si un message d'erreur apparaît étudiez le pour résoudre le problème.

A revoir Les deux flèches permettent d'annuler un opération OU de la refaire. Attention la fonction Défaire/Refaire "part" de la dernière fois que vous avez sauvegardé. Ce qui s'est passer avant la dernière sauvegarde ne peut pas être annulé.

Liste déroulante permettant de choisir l'appareil sur lequel le site sera visualisé.

Vue de la fenêtre de la liste déroulante

Dans leur configuration Portrait ET Paysage.

Grace à cette liste on peut voir et adapter les réglages pour que le site soit agréable à regarder. Il y a "héritage" des réglages (configuration des Add-on) dans le sens descendant de la liste. Ex : une tablette hérite des réglages d'un PC portable. Cependant un réglage pour une Tablette n'a pas d'incidence sur un PC portable. L'héritage ne fonctionne que du père à l'enfant.

Liste déroulante permettant de choisir parmi les outils suivants :

Vue de la fenêtre de la liste déroulante

  * Gestionnaire de médias : permet de gérer l'ensemble des médias utilisés sur le site : fichier csv, doc, gif, ico, jpg, jpeg, pdf, png, txt, xls, svg, mp4, webp

  * Editeur de photos : permet de faire de la retouche d'images (photos) : retailler, découper, améliorer, ...

  * Bibliothèque de polices : permet de gérer les bibliothèques de polices utilisées sur le site, en ajouter, en supprimer.

  * Editeur de Code : Réservé aux spécialistes, permet d'ajouter des paramètres non prévu dans les fenêtres de configuration.

Liste déroulante permettant de choisir des fonctions liées à l'Article :

Vue de la fenêtre de la liste déroulante :

Paramètres de l'article :

Vue de la fenêtre Page/Parametres :

Paramètres de l'article :

Vue de la fenêtre Page/Parametres

    ** Onglet Général :

         *** Titre : Titre de l'article, éviter l'accentuation,

         *** Alias : A supprimer dans tous les cas (redéfini par le système),

         *** Image : Image liée à l'article (présente ou non) utile lorsque l'article est présenté sous forme de blog,

         *** Texte d'introduction : Idem image,

         *** Catégorie : Catégorie d'appartenance à l'intérieur des l'application. On ne peut pas enregistrer l'article dans une autre application. Pour ce faire il faut revenir au    tableau de bord de GridBox,

         *** Tags : Tags de l'article. Se sont des informations (un mot par tag) qui caractérisent l'article ou le situe ou ... Ceci permet avec des Add-on de présenter par exemple tous les articles qui on le tag "club" ou le tag "raquette". C'est en fait un moyen de trier ou de filtrer des articles. Les tags ne sont pas obligatoires,

         *** Suffixe de classe : Réservé spécialiste.

    ** Onglet Publication :

         *** Accès : Défini qui (qui possède ces droits d'accès) à accès en VISUALISATION à l'article c'est à dire quel membre de quels groupe possédant quels droits,

         *** Publier maintenant : En fait on donne ici la date de début de la publication (grâce à un calendrier),

         *** Fin de publication : On donne ici la date de fin de publication ou rien si l'article est publié indéfiniment,

         *** Auteurs : Noms du ou des auteurs de l'article,

         *** Langue : Réservé aux sites multilingues.

    ** SEO : Réservé spécialiste.

Ajouter au menu :

Vue de la fenêtre Page/Ajouter au Menu :

Permet de créer un lien d'accès à l'article dans le menu choisi sans passer par la gestion des liens de joomla!. Attention la fonction est minimum et ne permet pas de faire tout ce que propose les liens de joomla!. Dans la fenêtre qui s'ouvre il faut donner :

    ** Le titre du lien : titre qui apparaîtra sur le site dans le menu choisi

    ** Le Menu : menu dans lequel le lien doit apparaître

    ** Le lien père : c'est le lien sous lequel ce lien apparaîtra, le choix "élément racine" place le lien au premier niveau du menu il n'a alors pas de père.

Nouvelle Page :

Vue de la fenêtre Page/Nouvelle Page :

Permet de créer un nouvel article dans l'application et la catégorie en cours. Dans la fenêtre qui s'ouvre il faut donner :

    ** Le titre de l'article : C'est le titre classique de l'article

    ** Le Template : C'est le template à utiliser pour visualiser cet article.

Note : l'article est donc crée dans l'application en cours (celle qui correspondant à l'article à partir duquel on a crée ce nouvel article). L'affectation à une catégorie s'effectue à partir des paramètres de l'article comme nous l'avons vu plus haut.

Page :

Vue de la fenêtre Page/Pages :

Permet d'accéder à n'importe quel article du site pour le passer en mode édition. Dans la fenêtre qui s'ouvre il suffir de se déplacer dans l'arborescence des Applications et des Catégories (ainsi que des Pages simples) et de cliquer sur l'article désiré. L'article sélectionné s'ouvre dans un nouvel onglet du navigateur.

Bouton Thème : Permet d'accéder à la configuration du thème c'est à dire les parties Typographie, Couleurs et fond du Template .

Note : Il est important de bien comprendre que la configuration du thème est relative au Template utilisé dans l'article en édition.

en conséquence et autrement dit chaque Template à son jeu de typo couleur et fond.

Vue de la fenêtre "Thème" :

Bouton Site :  Permet d'accéder à la configuration du Site.

* Onglet Général :

         ** Basique: On peut changer la FavIcon le reste est pour le spécialiste,

         ** Scripts : Uniquement pour spécialiste,

         ** SEO : Uniquement pour spécialiste,

         ** Gestionnaire de médias :

             *** Chemin du répertoire images : ne surtout pas toucher

             *** Types de fichiers autorisés : liste des types de fichiers, séparés par des virgules,  que l'on peut téléverser sur le site. ATTENTION ce n'est pas parceque le fichier .titi est téléversable qu'il est possible de le restituer sur le site par un add-on. Exemple, pour l'instant, seuls les fichiers mp4 pour la vidéo peuvent être utilisés car l'add-on qui les restitue (video) ne connait que les mp4.

* Onglet Affichage disposition :

         ** Basique : Uniquement pour spécialiste,

         ** Points d'arret : Uniquement pour spécialiste.

* Performance : Uniquement pour spécialiste.

Barre d'outils d'édition :  Permet de réaliser des modifications "standards" sur le Texte de l'article. Bien entendu et comme souvent, il faut sélectionner le texte AVANT de lui appliquer une nouvelle action (passer en gras par exemple).

De gauche à droite on trouve :

  * une liste déroulante pour choisir le type de texte (titre ou paragraphe (normal)).

  * un bouton pour choisir la couleur du texte (un exemple),

  * un bouton pour choisir l'italique

  * un bouton pour choisir le soulignement

  * un bouton pour choisir l'alignement à gauche

  * un bouton pour choisir l'alignement centré

  * un bouton pour choisir l'alignement à droite

  * un bouton pour choisir l'alignement justifié

  * deux boutons pour choisir d’augmenter ou de réduire le retrait d'un paragraphe

  * un bouton pour choisir d'insérer un lien

  * un bouton pour choisir d'annuler le lien précédemment sélecté

  * un bouton pour choisir de placer une ancre (point d'ancrage afin de s'y rendre par un menu ou autre)

  * un bouton pour choisir une liste numérotée

  * un bouton pour choisir une liste à puces (ronds)

  * un bouton pour choisir d'insérer une image

  * un bouton pour choisir d'insérer une vidéo

  * un bouton pour choisir d'insérer un nouvel add-on ou plugin (galerie, accordéon, ...).

Interrupteur de fonctions avancées :  Permet d'accéder aux fonctions avancées de l'éditeur afin notamment de gérer les sections, lignes et colonnes.

Voir ci-dessus la partie Page/Paramètres/Général

Voir ci-dessus la partie Page/Paramètres/Publication

Voir ci-dessus la partie Page/Paramètres/SEO

Voir ci-dessus la partie Page/Paramètres/SEO/Partage

Zone de saisie d'information relative au choix 10, 11, 12, 13. Le ROND photo permet de charger la photo d'introduction.

Zone de saisie d'information relative au choix 10, 11, 12, 13.

Bouton ouverture bibliothèque de sections : Permet d'ouvrir la fenêtre latérale de la bibliothèque standard (fournie avec GridBox) contenant des sections préconfigurées. Elles sont classées par thème.
Pour les utiliser, il suffit de les faire glisser dans l'article en édition à l'endroit désiré.

Cliquer dans la zone de l'article pour fermer cette fenêtre.

Bouton ouverture bibliothèque utilisateurs : Permet d'ouvrir la fenêtre latérale de la bibliothèque utilisateur contenant des sections et des add-on sauvegardés par l'utilisateur à des fins de modèles pour une futur utilisation.
Pour les utiliser, il suffit de les faire glisser dans l'article en édition à l'endroit désiré.

Cliquer dans la zone de l'article pour fermer cette fenêtre.

Note : nous détaillerons dans un autre article comment peupler (remplir) cette bibliothèque.

Bouton de masquage/Démasquage : Permet de masquer ou de démasquer les sections, lignes, colonnes, add-on qui ont été masqués, pour certains appareils, dans leur fenêtre de configuration.

Bouton de raccourcis clavier : Permet d'ouvrir une fenêtre d'information concernant les raccourcis clavier.

Fermer cette fenêtre en cliquant hors de celle-ci.

Bouton d'accès au tableau de bord de GridBox : Permet d'ouvrir, dans un autre onglet la vue du tableau de bord de GridBox.

C'est depuis ce tableau de bord que nous avons accès aux fonctions avancées du logiciel.

Ce tableau fera l'objet d'un article détaillé.