Tutoriel pour SPIP

1. Back office SPIP Mode d’emploi www.ccvol.com La gestion dynamique de contenus

2. La gestion de contenu dynamique Le rédacteur accède à l’interface d’administration du site pour alimenter, modifier ou supprimer son contenu en texte et images. Il n’a pas besoin de connaissances techniques particulières Le visiteur consulte le site développé par SPIP à partir des éléments intégrés par le rédacteur. Les opérations se font par l’intermédiaire des navigateurs habituels. Connections à l’interface par login et mot de passe http://www.monsite.com http://www.monsite.com/ecrire

4. Racine du site Architectures et organisation du contenu Rubrique 1 Rubrique 2 Rubrique 3 Rubrique 4 Sous rubrique Sous rubrique Article Article Article Article Article Article Article Article Article Article Sous rubrique Sous rubrique Sous rubrique Sous rubrique Article Article Article Article Article Article Article

6. Accéder à l’interface d’administration Mode d’emploi

10. Présentation de l’interface d’administration de SPIP Découverte

11. Les différents éléments affichés Deux lignes de boutons d’outils principaux Commandes éditoriales Identité Rubriques Articles à valider Articles en cours de rédaction

14. Le menu de l’interface Permet de revenir au site public Comme son nom l’indique, il s’agit de l’aide en ligne. Attention, elle n’est pas locale et suppose donc une connexion à l’Interne Écran de l’interface privée par défaut. Elle présente l’état du site et de ses propres travaux, en cours ou non. On est à la racine, prêt à naviguer Il s’agit d’un forum interne, chaque article en possède un On a ici accès à la liste des auteurs (rédacteurs et administrateurs Parties « Statistiques » et « configuration » réservées aux administrateurs

15. Le menu de l’interface Moteur de recherche interne : remplacer Rechercher avec le mot dont on cherche les occurences. Messagerie personnelle : permet de noter des penses-bêtes dans l’agenda et de communiquer en interne avec les autres membres. Navigation sur l’ensemble du site Si on clique sur la boule de l’icône, on peut déplier toute l’arborescence.. Navigation rapide : affiche vos articles en cours de rédaction, les articles proposés à l’évaluation, les boutons de création de brèves, d’articles... Agenda, permet un affichage journalier, hebdomadaire, mensuel Suivre la vie du site : permet de synchroniser un agenda compatible iCal (Mozilla Calendar de Firefox par exemple), de connaître les adresses de syndication...

16. Modifier son profil utilisateur Mode d’emploi

20. Créer une rubrique ou une sous rubrique Mode d’emploi

24. Rédiger mettre un article en ligne Mode d’emploi

28. Gestion des mots clés Mode d’emploi

31. Liste des mots-clés Réunions du conseil communautaire Nos parcs et terrains Accès et transports Logements anciens Spectacles et animations Actualités et évènements Exemple Pour les rubriques dont la page d’accueil doit afficher un résumé des articles multilingues. Fonction de la rubrique Multilingue Fonction de la rubrique Réservé Mise en page de rubriques ne contenant que les documents à télécharger (ex les réunions du conseil communautaires) Fonction de la rubrique Téléchargements Mise en page de rubriques affichant le descriptif des sous rubriques. Fonction de la rubrique Rubrique avec descriptif des articles et sous rubriques Mise en page des rubriques à accueil simple Fonction de la rubrique Rubrique avec accueil simple Mise en page de rubriques de type « Annuaires de liens » Fonction de la rubrique Annuaires de liens Mise en page de rubriques de type « agenda » (affichage de la liste des évènements contenus dans les articles de la rubrique) Fonction de la rubrique Agenda Mise en page de rubriques de type actualités Fonction de la rubrique Actualités + archives Effet Attribution Nom Enfance et éducation Exemple Affiche l’article sur la page d’accueil de sa rubrique Fonction de la page Page d’accueil de rubrique Effet Attribution Nom

32. Liste des mots-clés Affiche un résumé de l’article dans la partie « zoom » de la page d’accueil Options de la page Zoom_accueil Affiche un résumé de l’article dans la partie « zoom » de la page d’accueil de la rubrique principale Options de la page Zoom_secteur Vie économique Ordures ménagères Accueil du site Accueil du site Accueil du site Exemple Affiche un résumé de l’article dans la partie « zoom » de la page d’accueil de la rubrique Options de la page Zoom_rubrique Affiche un résumé de l’article dans la partie « témoignage » de la page d’accueil de la rubrique Options de la page Témoignage Affiche l’article avec le visionneuse d’image Options de la page Page portfolio Options de la page Page avec menu déroulant Affiche l’article dans la partie « Editorial » de la page d’accueil du site Options de la page Edito accueil Affiche un résumé de l’article sur la page d’accueil du site dans la partie « en bref » Options de la page Brève accueil Affiche l’article en page d’accueil du site Options de la page Article accueil Effet Attribution Nom

33. Mettre un article en page Mode d’emploi

39. Créer des liens Mode d’emploi

42. Mode d’emploi Intégrer des images et des documents

45. Insérer une image dans un article 1. Accédez à l’article dans le quel vous souhaitez insérez l’image 2. Cliquez sur « choisir le fichier » et sélectionner sur votre disque dur l’image à insérez. Cliquez sur « choisir » 3. Cliquez sur « télécharger » 4. Copier/coller un de ces codes à l’endroit souhaité de votre texte en fonction de la position désirée de l’image : à gauche, centrée ou à droite du texte. 5. Ajouter un titre et un descriptif si besoin et n’oubliez pas d’enregistrer. (les codes « img » se transformeront alors en codes « doc ») Si vous souhaitez supprimer l’image ou la remplacer par une autre, cliquez sur « supprimer cette image » et supprimer également le code du texte .

46. Insérer un logo d’article 1. Accédez à l’article dans le quel vous souhaitez insérez un logo 2. Cliquez sur le cadre relatif au logo de l’article et suivez exactement la m ême procédure que pour insérer une image. Le logo s'insère automatiquement à l’endroit prévu sur la page de votre site 3. Une fois le logo téléchargé, vous pouvez le supprimer en dépliant le cadre avec le petit triangle noir et en cliquant sur « supprimer » 4. Spip offre la possibilité d’intégrer une deuxième image pour créer un effet de « survol » au passage de la souris. Procédez de la m ême facon que pour le logo simple. Attention ! Si vous supprimer la première image de logo, le logo de survol sera également supprimé. Le logo est une image associée à l’article ou à la rubrique. C’est souvent un élément d’identification du contenu et peut servir d’image de lien pour la navigation. C’est pourquoi il n’est possible d’insérer qu’un seul logo par article ou par rubrique.

47. Insérer un document dans un article 1. Accédez à l’article dans le quel vous souhaitez insérez le document 2. Cliquez sur « choisir le fichier », sélectionnez le fichier sur votre disque dur, cliquez sur « choisir », puis sur « télécharger » . 3. Le document est présenté avec une vignette automatique correspondant à son type. Le document est inséré de façon à ce que le visiteur puisse cliquez sur sa vignette pour le télécharger. Vous pouvez aussi lui affecter une vignette personnalisée. 4. Faites un copier/coller du code dans la partie de l’article choisie. (idem insertion image) Vous pouvez joindre un document à un article , soit en pièce jointe , soit directement inséré dans le corps de l’article avec une vignette de prévisualisation . 5. Pour mettre votre document à télécharger hors du texte (en marge), modifiez le code du document : <docX|enmarge>. Ex : <doc7|enmarge>. Pour inclure une vignette personnalisée . Pour supprimer le document . 6. Remplissez les champs « titre » et « descriptif » si besoin avant d’enregistrer votre article

51. Utiliser l’agenda Mode d’emploi