Tutoriel d'utilisation du site PEEP

Transcription

1 Tutoriel d'utilisation du site PEEP

2 Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide et sans trop de soucis. Mura est un CMS en ligne (donc rien n'est stocké sur votre PC). Le modèle du site a été fourni par la PEEP. Le site de la PEEP de Niort est hébergé par les serveurs de la PEEP, donc en cas de soucis, il est possible de contacter leur service informatique. (tél : ) Les différentes actions sous Mura interagira directement avec le modèle fourni.

3 Les différents types de page Une page : Va contenir un article ou des informations. C'est une page qui par défaut va prendre le modèle de page de son parent (il y a une arborescence de page). Home (ou accueil) : Créé une page étant défini comme page d'accueil. Elle contient des éléments supplémentaire tels que les liens vers les réseaux sociaux ainsi que le slogan et le nom de l'association dans le bandeau d en-tête. Dossier : Est une page en elle même, mais va permettre de regrouper et afficher plusieurs pages. Un dossier permet par exemple d'afficher différents articles résumés. Calendrier : Créé un calendrier. Le calendrier est considéré comme une page. Mura va lire les différentes pages filles du calendrier comme étant des événements affichable sur celui-ci. Galerie : Créé une page représentant une galerie de photo. On ne peut qu'ajouter que des photos dans une galerie, en associant une brève description à celle-ci. Ajouter un fichier : Créé un lien vers un fichier téléchargeable. Le modèle fourni s'appliquant sur celui-ci n'étant pas très bien configuré, je vous déconseille de l'utiliser. Ajouter lien : Permet de créer un lien (pareil que pour Ajouter un fichier, il n'est pas recommandé de l'utiliser).

4 Accéder à Mura : Pour accéder à Mura, connectez vous (en tant qu'administrateur du site) : Une nouvelle barre apparaît, qui est celle de Mura. Cette barre permet de faire des modifications sur la page actuelle, ainsi que d'ajouter une sous-page de la page actuelle ou de supprimer cette page. La suppression d'une page ne demande pas de validation, mais un historique des modification permet de récupérer une version antérieure du site. Cliquez sur Site Manager (ou Gestion du Site) : L'on se retrouve sur l'interface Mura, dans le Dashboard (tableau de bord) : Dans le tableau de bord, l'on va retrouver les différents chiffres de visite, ainsi que le nombre de message de contact reçu et les courriels envoyés à partir du site.

5 L'on retrouve dans le menu de Mura différents onglets : - Le Dashboard - Le Site Manager (Gestion du Site) : on va pouvoir modifier, créer ou effacer les pages, ainsi qu'afficher leur arborescence. - Les Modules : les modules sont répartis en plusieurs sous catégories. On retrouve : 1.) Les composants : Permet de créer un contenu réutilisable. Il n'est pas conseillé de les utiliser. 2.) Les catégories : Les catégories sont utilisée pour définir une application à une page. Il en existe des préexistante venant du modèle fourni, et donc en créer de nouvelles n'ont pas de grand intérêt. 3.) Les collections de contenu : Les collections de contenu permettent de lister les contenus (les pages) d'une manière spécifique : par date de publication, par date de mise à jour, etc... Elles sont configurable. 4.) Le gestionnaire de formulaires : Le gestionnaire de formulaire va permettre de créer des formulaires qui seront ajoutés en tant que page du site. Les données sont paramétrable et elles sont stockées lors de l'envoi du formulaire. Un formulaire par défaut a été ajouté avec le modèle fourni par la PEEP. 5.) Une messagerie 6.) Un gestionnaire de liste de diffusion : Le gestionnaire de liste de diffusion fourni par Mura n'est pas fait pour être utilisé sur le modèle fourni par la PEEP, il est donc déconseillé de l'utiliser 7.) Un gestionnaire de fichier : Le gestionnaire de fichier permet de stocker des données (documents, images, etc..) et de les gérer dans l'espace de stockage du site.

6 Présentation du Site Manager Vue d'ensemble du Site Manager. Le Site Manager permet d'afficher l'arborescence du site ainsi que de le modifier. La colonne Affiché permet de dire si un élément sera affichable sur le site ou non. Un élément non affiché ne le sera pas non plus sur le menu. La colonne Objets permet de montrer l'héritage des modèles de page. La colonne Modèle permet de savoir si un modèle de page a été défini, et est modifiable si l'on clique dessus. L'on retrouve après les différentes actions applicable sur un élément : L'édition, l'affichage, l'historique des modifications et l effaçage d'un élément. Affichage du menu de navigation L'ordre d'affichage des pages sur le Site Manager se répercutera sur le menu de navigation du site. Seuls les éléments ayant été désignée comme affichage sur la colonne Nav peuvent être affichées sur le menu de navigation du site. Seuls les fils et les petits-fils d'accueil seront affichés dans le menu. Le ''+'' à coté de chaque page permet d'accéder à un menu permettant soit d'ajouter une sous-page à l'élément choisi, soit de l'afficher son arborescence, soit de le copier lui ou toute son arborescence.

7 Les paramètres des différentes pages Les différentes types de pages n'ont pas les même paramètres et ces paramètres sont utilisés différemment selon le type de page. (Tout cela à cause du modèle fourni par la PEEP) L'on va voir en détail les différents paramètres et leurs utilisations. Paramètres d'une page d'accueil Ceci s'affiche lors de l'édition d'une page d'accueil. On va retrouver différents onglets permettant la mise en forme de la page ainsi que l'affichage de son contenu. On va lister les différents paramètres et leur utilité : Onglet Basique : Dans l'onglet Basique, on retrouve les éléments de base d'une page. On va retrouver le type de la page, son titre (dans l'arborescence des pages), une image pour la page (utilisé différemment selon le type de page), le résumé du contenu de la page (pour l'affichage d'un résumé de chaque article par exemple) et le contenu de la page. Onglet SEO : Dans l'onglet SEO, on va retrouver : le titre de navigation (le nom de la page dans l'arborescence de page), le titre URL (le nom de la page dans la barre d'adresse), le titre HTML (le nom de l'onglet et le titre de la fenêtre du navigateur), une description de la page et des mots-clés (aide les moteurs de recherche à nous trouver en général). Onglet Mobile : Permet de définir si la page sera affichable soit sur PC, soit sur mobile, soit sur les deux. Onglet Modèle & Objets : Cet onglet permet de définir la mise en forme du contenu de la page. Par défaut, nous utilisons one_column.cfm, permettant l'affichage du contenu sur une seule colonne. L'on peut aussi utiliser accueil.cfm pour l'utilisation d'un carrousel, mais l'on en à pas

8 l'utilité. Les règles d'héritage permet de définir si les fils auront la même mise en forme de la page que la page actuelle. Les objets de contenus permettent d'importer différents éléments à une page : un calendrier, un composant créé précédemment, une liste de contenu, etc.. Onglet Catégorisation : Permet de ''mettre en avant'' la page dans une catégorie, permettant ainsi de faire des actions différentes (tel que l'affichage d'un article ou non) sur une page. Fait pour les utilisateurs expérimentés. Marqueurs : Contenu Associé : Attributs étendus : On va retrouver ici des données associées à le bandeau d en-tête du site (le nom mis en dessous du logo PEEP, et le slogan à sa gauche), ainsi que la création de liens vers les réseaux sociaux (ces liens ne sont pas affichés si ils ne sont pas rempli) Cet onglet n'est a remplir qu'une seule fois, et sera valable pour l'ensemble du site. Avancé : Publication : L'onglet publication permet d'ajouter des données concernant un article, tels que : les crédits(la personne qui a créé la page), l'ajout dans le menu, l'ouverture de la page dans une nouvelle fenêtre, l'exclusion la page de la recherche dans le site, la date de publication (utilisé lors de l'affichage des différents articles), l'ajout d'une note pour la page. Une page par défaut contiendra exactement les mêmes onglets sans l'onglet ''Attributs étendus''. Un dossier contiendra les mêmes onglets qu'une page par défaut, mais à un onglet supplémentaire : Onglet Option du Listing : Cet onglet va permettre de lister les différents fils du dossier selon les paramètres définis. La taille de l'image par défaut est médium. (voir la page Actualité pour avoir une idée). Les éléments selectionnés dans la liste en dessous permettent de définir ce que va être affiché dans la liste. L'ordre des éléments à un impact sur l'ordre d'affichage. Par défaut : Le dernier paramètre est l'enregistrement par page, càd le nombre d'élément maximal affichable dans la liste par page. Voir le tutoriel d'utilisation du site PEEP pour plus de détails

9 Des choses à savoir Les pages Informations, Mentions légales, Contactez-nous et Recherche sont des page fournies par défaut. Ces pages ont des caractéristiques spécifique (Informations et ses fils sont que sur le pied de page, et Recherche est un outil de recherche pour le site). Il est déconseillé de les effacer. On peut toujours les récupérer avec l'historique des modifications (ou historique des versions). La barre Mura (sur le site en lui même) La barre Mura est utile pour effectuer des modifications sans utiliser le Site Manager. On peut effectuer une modification complète (affichage de tous les paramètres de la page) ou une modification rapide (modification uniquement du contenu d'une page directement sur le site). Cette barre permet aussi l'ajout/suppression d'une page, ainsi que l'historique de modification de celle-ci. Lors d'une modification rapide (par exemple), l'on peut sauvegarder les changements grâce au nouveau bouton qui est apparu. Exemple d'utilisation : Ajout rapide d'un article Allez dans la page Actualités. Cherchez et cliquez dans la barre Mura l'option Ajouter (Add). Ajouter une page. Ajoutez les différents paramètres (contenu, titre, image si il y a). Ajoutez la date de sortie dans l'onglet publication Publiez. L'image doit être au préalable redimensionnée pour convenir à la page. Un outil s'ouvre lorsqu'on ajoute une image à la page. La mise en page par défaut l'exige, mais l'on peut toujours esquiver ce problème en ajoutant l'image directement au contenu. L'ultime solution dans le cas d'un problème est d'aller directement voir dans le Site Manager.