Gestion des sites Internet du groupe Stem Notice d utilisation

Transcription

1 Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer le Carrousel de la page d accueil 20 Gérer la mise en forme des titres et du texte (gras, italique...) 22 1/24

2 Présentation SPIP est un Système de Publication pour l Internet. Avec le même logiciel qui sert à visiter un site (Netscape, Microsoft Explorer, Mozilla, Opera...), SPIP permet de tenir un site à jour, grâce à une interface très simple d utilisation structurée comme un magazine : c est-à-dire avec des rubriques, sous-rubriques (et ainsi de suite), dans lesquelles sont insérés des articles. Connexion à la plateforme de gestion La connexion à la plateforme de gestion de votre site Internet, se fait via l url (par exemple Un login (identifiant de connexion) et un mot de passe vous seront alors demandés. 2/24

3 Gestion et modification du contenu Rubriques racine (menu de navigation du site) Rubrique correspondant à la page d accueil du site (Carrousel, blocs de droite) Une fois connecté à la plateforme de gestion, vous aurez accès au rubricage complet de votre site, c est à dire l arborescence du contenu de votre site, organisé en dossiers et sous dossiers (appelés rubriques) contenant des articles (le texte tel qu il sera vu par les internautes). Les rubriques présentes à la racine de la plateforme de gestion étant les rubriques que nous retrouverons dans le menu principal de votre site Internet. 3/24

4 Pour modifier le titre d une rubrique, cliquez sur le titre de la rubrique correspondante. Vous arriverez alors sur le panneau de prévisualisation de la rubrique. Identifiant de la rubrique et lien permettant de voir la rubrique sur le site Titre de la rubrique Modifier la rubrique Logo de la rubrique Articles contenus dans la rubrique 4/24

5 Exemple concret de modification d une rubrique Vous souhaitez modifier le titre du menu «Stem propreté», rendez-vous dans la rubrique correspondante, «Stem propreté» dans la plateforme de gestion. Cliquez sur «Modifier cette rubrique». Vous aurez alors la possibilité d en modifier le titre. N oubliez pas d enregistrer vos modifications pour qu elles soient prises en compte. Titre de la rubrique Bouton d enregistrement des modifications 5/24

6 Modification d un article Vous souhaitez modifier le titre et le texte de l article «Présentation» présent dans la rubrique «Stem propreté». Titre de l article Chapeau de l article Logo de l article Texte de l article 6/24

7 Cliquez sur la rubrique «Stem propreté» dans la plateforme de gestion puis sur l article «Présentation». Vous arriverez alors sur le panneau de prévisualisation de l article. Identifiant de l article Titre de l article Bouton de modification de l article Chapeau de l article Etat de publication de l article Logo de l article Texte de l article 7/24

8 Pour modifier l article, cliquez sur «Modifier cet article». N oubliez pas d enregistrer pour que les modifications soient prises en compte. Vous pouvez également vous rendre directement sur un article dans la plateforme de gestion à partir de du site public en cliquant sur le bouton «article XX» en haut à droite de la fenêtre du navigateur. Lien direct vers cet article dans la plateforme de gestion Recalculer la page pour «rafraîchir» les modifications apportées à l article 8/24

9 Vous avez également la possibilité de modifier titre et texte de l article directement depuis la partie publique de votre site à l aide des «Crayons». Une fois connecté à la plateforme de gestion de votre site Internet, retournez sur le site public. Double cliquez sur le texte ou le titre d un article, le contenu passe alors en mode d édition. Faites vos modifications et validez votre choix à l aide du bouton «vert OK» en bas à droite de la fenêtre d édition. Annulez vos modifications à l aide du bouton «Croix blanche sur fond rouge». Rappel : Vous pouvez également vous rendre directement sur un article dans la plateforme de gestion à partir de du site public en cliquant sur le bouton «article XX» en haut à droite de la fenêtre du navigateur. Après chaque modification effectuée sur une page du site, il est important de recalculer la page à l aide du bouton présent en haut de cette page. Cette «réactualisation» aura pour effet de forcer la page à prendre en compte les modifications. Cette étape n est toutefois pas obligatoire, elle sera sinon effectuée automatiquement toutes les 24h. 9/24

10 Rajouter une page au site Internet - Ajouter un article Bouton permettant d ajouter un article dans la rubrique Comme vu précédemment, les pages du site Internet sont composées par les «Articles» visibles depuis l administration. Afin de créer une nouvelle page dans une section de votre site, il convient donc d y créer un nouvel article. Depuis le backoffice, rendez-vous dans la rubrique dans laquelle vous souhaitez rajouter du contenu. Depuis cette page, cliquez sur «Ecrire un nouvel article» dans la rubrique correspondante. 10/24

11 Vous pourrez alors, comme dans l exemple précédent, renseigner le titre, le chapeau et le texte de l article. N oubliez pas d enregistrer vos modifications. 11/24

12 Une fois enregistré, vous vous trouverez sur l écran de prévisualisation de l article. C est ici que vous pourrez lui ajouter une image d illustration. C est cette image qui sera affichée sur le site public dans le bandeau au dessus du titre. Cette image est appelée «Logo d article», pour l ajouter, survoler «Logo de l article», une sous boîte vous permettra de choisir un fichier image. 12/24

13 Gestion des documents La plateforme de gestion de votre site Internet vous offre la possibilité, lors de la modification d un article, d y lier un document (pdf...) ou une image (jpg, png, gif...) en vue de l afficher dans l article sur le site public. Il faut bien différencier image et document qui ne s intégreront pas de la même façon sur le site public. Illustrer votre article en y intégrant une image L encart «Ajouter une image ou un document» en haut à gauche du panneau de modification d un article permet de choisir un fichier image et de le télécharger. L image apparaîtra alors en dessous de l encart. Une fois liée, il vous est alors possible d intégrer cette image à l intérrieur du texte de votre article à l aide de la balise <imgxx>. «XX» correspondant à l identifiant de l image. Un rappel de cette balise est présent dans l encart du fichier lié à l article. Choisir un fichier Télécharger le fichier choisi Fichier image ou document lié à l article Balise permettant d intégrer l image dans le texte de l article. Dans cet exemple «img» suivi de l identifiant du document 13/24

14 Une fois intégrée, l image figure dans le texte de l article sur le site public. 14/24

15 Mettre à disposition des documents au téléchargement dans un article Comme pour une image, l encart «Ajouter une image ou un document» en haut à gauche du panneau de modification d un article permet de choisir son document et de le télécharger. Le document apparaîtra alors en dessous de l encart. Modifier le document 15/24

16 Il vous faudra renseigner le titre du document qui apparaîtra avec son logo sur le site public. Pour définir un titre à un document, cliquez sur «Modifier» dans l encart du document lié. Une fenêtre vous permettra de définir le «Titre» du document. N oubliez pas d enregistrer vos modifications à l aide du bouton correspondant en bas à droite de la fenêtre. Titre du document apparaissant sur le site public 16/24

17 Une fois lié, le document sera automatiquement disponible au téléchargement après le texte de l article sur le site public. 17/24

18 Les articles possèdent des statuts. Ces statuts conditionnent l état d un article. Seuls les articles «Publiés en ligne» seront visibles depuis le site public. Ainsi, il est possible de préparer la rédaction d un article sans qu il ne soit affiché sur le site. Une fois finalisé, il suffit simplement de basculer son statut vers «Publié en ligne» afin qu il apparaisse pour les internautes. Afin de retirer la lecture d un article aux internautes, il suffit d effectuer l opération inverse, passer le statut à «En cours de rédaction». Enfin, il vous est également possible de «mettre à la poubelle» un article, il sera définitivement supprimé. Les autres statuts ne sont pas utilisés. 18/24

19 Chaque article et rubrique crées dans ma plateforme de gestion du site Internet possèdent un identifiant unique, il s agit d un numéro. L identifiant d un article ou d une rubrique se fait dans la fenêtre de prévisualisation. L identifiant apparaît dans l encart en haut à gauche de la fenêtre. Identifiant de l article 19/24

20 Gérer le Carrousel de la page d accueil Sur la page d accueil du site Internet, un Carrousel vous permet de sélectionner plusieurs articles 20/24

21 Supprimer l article du Carrousel Définir l ordre des articles dans le Carrousel Ajouter un article dans le Carrousel en saisissant son identifiant Afin de gérer ce carrousel (lui ajouter ou enlever du contenu) rendez-vous dans la rubrique Home > Carrousel depuis l administration du site Internet. Une zone de sélection d article est présente. Elle vous permet de sélectionner les contenus qui seront remontés dans le carrousel. Il vous est alors possible : - de gérer l ordre d affichage des contenus. L article le plus haut sera le premier. - d ajouter ou retirer des articles du carrousel. La sélection est basée sur les numéros d articles. Afin d identifier le numéro d un article, reportez-vous au chapitre «Repérez l identifiant d un article / rubrique» - Pour supprimer un article, cliquez sur la flèche rouge à droite du titre de l article - Pour choisir l ordre d affichage des articles sélectionnés dans le Carrousel, cliquez sur les flèches blanches sur fond vert jusqu à ce que l article soit à la position voulue. 21/24

22 Gérer la mise en forme des titres et du texte (gras, italique...) {Mon texte en italique} Du texte entouré d une accolade produira du texte en italique sur le site public {{Mon texte en gras}} Du texte entouré de deux accolades produira du texte en gras sur le site public {{{Mon intertitre}}} Du texte entouré de trois accolades produira du texte en intertitre (bleu) sur le site public [titre du lien->mon lien] Cette syntaxe produira un lien sur le site public ex : [cliquez ici-> Mon paragraphe Mon deuxième paragraphes Afin de produire un paragraphe, laissez une ligne vide entre deux phrases. Mon texte _ mon texte à la ligne Un saut de ligne est différent d un saut de paragraphe. Il s obtient en allant à la ligne (sans laisser de ligne vide), de débuter cette ligne par un tiret bas (_) suivi d un espace puis de votre texte. Il vous est également possible d appuyer sur les touches Alt+Retour à la ligne, la syntaxe sera automatiquement mise en place. -* une liste -* de plusieurs éléments -* dernier item de la liste Cette syntaxe produira une liste à puce Une barre présente en haut de la zone de texte dans le backoffice permet d automatiser ces mises en forme en sélectionnant le texte à mettre en forme et en utilisant le bouton correspondant. 22/24

23 Mise en forme côté administration / résultat côté public Intertitre Paragraphe Texte en gras Liste à puce 23/24

24 Intertitre Texte en gras Saut de ligne Liste à puces 24/24