Présentation de l'interface d'édition d'un site avec Osuny

Site Web

L'accès à l'interface d'édition mène à la page "Site Web", qui fait office de page d'accueil. On y retrouve plusieurs éléments :

- En haut de la page se trouve le nom du site, ici "starter-kit", et sur la droite, le lien d'accès à ce ce dernier (on parle d'URL).

- En 1, on trouve le menu de l'interface d'édition du site. Chacun de ces liens sera explicité dans une section de cette documentation. Voici un rapide descriptif de chacun des onglets :

• Site Web : Page actuelle. Permet d'obtenir une vue d'ensemble des derniers contenus du site, mais aussi d'accéder à l'interface technique du site.

• Arborescence : Permet d'accéder à la page de création des contenus statiques du site web.

• Actualités : Permet d'accéder à la page de création des actualités du site web.

• Menus : Permet d'accéder à la page de création des menus du site web.

- En 2, on trouve les dernières actualités créées. Il est possible d'accéder directement à l'onglet "Actualité" en cliquant sur "Voir la liste complète", mais aussi d'en créer de nouvelles en appuyant sur "Créer". On peut également directement modifier ou supprimer une actualité récente depuis cette interface.

- En 3, on trouve les dernières pages créées. Il est possible d'accéder directement à l'onglet "Arborescence" en cliquant sur "Voir la liste complète", mais aussi d'en créer de nouvelles en appuyant sur "Créer". On peut également directement modifier ou supprimer une actualité récente depuis cette interface.

Sur le bas de la page, le bouton "Modifier" permet d'accéder aux paramètres de configuration du site web. Ce bouton est réservé aux publics techniquement avertis. Plus d'informations sur la configuration du site web, sont disponibles sur la page Configurer le lien entre Osuny et son client Git .

Arborescence

La page "Arborescence" contient la hiérarchie des pages de contenu du site. Les pages y sont présentées comme des dossiers.

Un dossier blanc correspond à une page sans sous-pages (comme pour la page "Mairie" dans l'illustration).

Un dossier bleu correspond à une page possédant des sous-pages, on parle aussi de page mère et de pages filles. (Dans l'illustration, la page "À propos" est mère des pages "Mentions légales", "Plan du site" et "Politique de confidentialité").

La page "Arborescence" permet les actions suivantes :

- En 1, créer des pages de contenu en appuyant sur le bouton "Créer".

- En 2, visualiser l'arborescence de pages actuelle.

• Pour "Modifier" / "Supprimer" des pages existantes, on peut cliquer sur les boutons associés. Certaines pages, présentes par défaut dans le site, ne peuvent pas être supprimées. C'est le cas des pages "Accueil", mais aussi des pages "Mentions légales", "Plan du site" et "Politique de confidentialité".

• Passer le pointeur de la souris sur une page permet d'ouvrir le dossier associé pour consulter ses sous-pages.

• On peut modifier la hiérarchie existante de deux façons différentes depuis cette page :

  • Pour changer l'ordre de pages d'un même niveau, sans en modifier la profondeur, il faut cliquer sur une page et la glisser / déposer plus haut ou plus bas, en fonction d'où on souhaite la déplacer.

  • Pour modifier la profondeur d'une page, il faut ouvrir le dossier de la page qui sera sa page supérieure, puis y glisser / déposer la page dont on souhaite modifier la hiérarchie.

Pour en savoir plus sur l'interface de création des pages, vous pouvez consulter l'article Créer une page de contenu avec Osuny .

Actualités

La page "Actualités" contient l'ensemble des actualités du site.

La page "Actualités" permet les actions suivantes :

- En 1, créer des actualités en appuyant sur le bouton "Créer".

- En 2, consulter dans un tableau les actualités existantes. Le tableau des actualités offre les possibilités suivantes :

• Afficher les informations relatives aux actualités (Titre, Image à la une, Auteur.ice, Catégories de l'actualité et Date de publication dans le cas d'une actualité publiées).

• "Modifier" / "Supprimer" une actualité spécifique en cliquant sur les boutons associés.

• Le bouton "Filtrer le tableau" offre des options de tri diverses ainsi qu'un onglet de recherche.

• Il est possible de sélectionner une ou plusieurs actualités à l'aide de la "case à cocher" pour réaliser une publication multiple.

- En 3, la création de catégories d'actualités, afin de renseigner sur ces dernières.

- En 4, consulter le tableau des auteur.ices d'actualités. Ce tableau est notamment utile dans le cas où plusieurs personnes collaborent à la rédaction d'un site web.

Pour en savoir plus sur l'interface de création des actualités, vous pouvez consulter l'article Création d'actualités depuis Osuny.

Menus

L'interface des menus donne accès à deux menus : Menu Principal et Menu Rapide.

- "Menu Principal" permet d'éditer le menu principal du site, il est recommandé d'y renseigner la structure de site que vous souhaitez mettre en place.

- "Menu Rapide" permet de mettre en avant certains contenus sur la page d'accueil de votre site. Nous vous recommandons d'y ajouter les pages les plus utiles ou les plus visitées.

Attention : Ces menus sont liés au fonctionnement interne de votre site web, nous vous recommandons de ne pas modifier leurs paramètres, de ne pas les supprimer et de ne pas créer d'autres menus sous peine de perturber le fonctionnement du site.

Pour éditer le contenu des menus, rendez-vous dans le menu de votre choix encliquant sur le titre du menu désiré. Pour en savoir plus sur l'interface d'édition du contenu d'un menu, vous pouvez consulter l'article Création de menus sous Osuny.

Foire aux questions (FAQ)

Comment éditer le message de la page d'accueil de mon site ?

Depuis l'interface d'Osuny, se rendre dans l'onglet "Arborescence". Chercher la page "Accueil" (disponible en haut de l'arborescence) et cliquer sur le bouton "Modifier".  Renseigner le texte de son choix dans le bloc SEO - Meta Description, puis enregistrer les modifications une fois terminé.

Comment modifier le titre de mon site ?

Cette manipulation s'adresse à des utilisateurs confirmés et nécessite un accès au répertoire Git hébergeant le site. Depuis le répertoire du site, se rendre dans le dossier data et ouvrir le fichier website.yml. Remplacer le nom du site présent sous la balise title:> par le nom de son choix, en respectant l'indentation, puis enregistrer les modifications.

Comment modifier l'ordre des pages et / ou des menus ?

Dans les onglets Arborescence ou Menus/Menu Principal, cliquer et maintenir appuyer sur le dossier de page de son choix, puis le faire glisser dans l’arborescence à l'emplacement désiré. Relâcher le clic lorsque la position souhaitée a été atteinte.

Comment fonctionne l'ajout des images ?

• L'image miniature, utilisée sur la page d'accueil et faisant office de bandeau par défaut ;
• L'image bandeau, utilisé en haut des pages de contenu ou d'actualités, à choisir lors de la création de la page ou de l’actualité ;
• Les blocs de contenu de type "image", qui permettent d'ajouter des images dans le contenu de la page.

Pour les actualités, lorsqu’il n’y a pas d’image de bandeau spécifique, l'image de miniature est utilisée par défaut.

Ainsi, les images utilisées pour la miniature ou le bandeau sont des images illustratives.

Pour les images informatives (ex : les horaires de bus), il est préférable d'utiliser les blocs d'images pour les insérer dans le contenu.