SlideShare a Scribd company logo
1 of 53
Back office SPIP Mode d’emploi www.ccvol.com La gestion dynamique de contenus
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
Extranet* Espace de travail partagé Site  « Grand public » Espace «utilisateurs» ,[object Object],[object Object],[object Object],[object Object],[object Object],Espace Administration  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Espace Internet libre   Consultation sur internet  à accès restreint Interface d’administration Une seule interface web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Organisation générale du site
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
La gestion de contenu dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object],http://www.spip.net/fr_article464.html
Accéder à l’interface d’administration Mode d’emploi
Se connecter à l’administration ,[object Object],[object Object],[object Object]
Se connecter à l’administration ,[object Object],[object Object]
Se connecter à l’administration ,[object Object],[object Object]
Présentation de l’interface d’administration de SPIP Découverte
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
L’interface d’administration ,[object Object],[object Object],Vous pouvez créer une Rubrique ou un article depuis n’importe quelle page en utilisant le menu.
L’interface d’administration ,[object Object],[object Object],Les sous rubriques Les articles Les rubriques
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
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...
Modifier son profil utilisateur Mode d’emploi
Modifier son profil utilisateur  ,[object Object],Informations personnelles
[object Object],Modifier son profil utilisateur
[object Object],[object Object],Modifier son profil utilisateur
Créer une rubrique ou une sous rubrique Mode d’emploi
[object Object],Créer une rubrique Cliquez sur  « Créer une rubrique »
[object Object],Créer une rubrique Remplissez les champs (au moins le titre) Indiquez si la rubrique se rattache à la racine du site ou si elle est une sous rubrique d’une rubrique déjà existante. Enregistrez
[object Object],Créer une rubrique Pour modifier la rubrique Pour supprimer la rubrique (Si cette dernière possède des d’articles ou des sous rubriques, supprimez ou déplacez ces derniers avant de la supprimer)
Rédiger mettre un article en ligne Mode d’emploi
[object Object],[object Object],Proposer un article Cliquez sur  « Ecrire un nouvel article »
[object Object],[object Object],Proposer un article Préciser la rubrique  (partie du site ou sera publié votre article) Vous pouvez  déplacer un article  en lui affectant  une autre rubrique de votre choix Sous-titre (si besoin) Titre (obligatoire) Descriptif (si besoin) Chapeau Raccourcis typographiques  (mise en forme de votre texte) Texte
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Proposer un article Numéro de l’article
Gestion des mots clés Mode d’emploi
[object Object],[object Object],[object Object],Qu’est-ce qu’un mot-clé?
[object Object],[object Object],[object Object],Affecter un mot-clé à un article ,[object Object],Liste des mots-clé associé à l’article.
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
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
Mettre un article  en page Mode d’emploi
[object Object],[object Object],Mise en forme d’un article Italique Gras Mise en évidence Exposant Petites capitales Interligne 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],Gestion des ancres Note de  bas de page Glossaire  Wikipédia Lien Tableau Mode pré visualisation Caractères  spéciaux Recherche Accès galerie images
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Mise en forme des paragraphes
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Mise en forme des paragraphes
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Mise en forme des paragraphes
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Mise en forme des paragraphes transport Dupont communication Martin fonction nom Titre du tableau
Créer des liens Mode d’emploi
[object Object],[object Object],[object Object],[object Object],Insérer des liens 1. Surligner le texte devant servir de lien EX :   Alternat.net 2. Cliquez sur le bouton « lien » 3. Inscrivez l’adresse complète 4. Cliquez sur OK [Alternat.net->http://www.alternat.net] Devient Alternat.net 1. Donner un titre  (qui appara î tra en bas de l’article sous la forme d’un lien)   2. Inscrivez l’adresse complète  (Url d’un site ou numéro d’article ou de rubrique de votre site : ex : art37, rub3,…)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Insérer des liens
Mode d’emploi Intégrer des images et des documents
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Formats et caractéristiques des images
[object Object],[object Object],[object Object],[object Object],Formats et caractéristiques des images
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 .
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.
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
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Insérer un document vidéo ou audio
[object Object],[object Object],[object Object],[object Object],Tableau des formats
[object Object],[object Object],[object Object],[object Object],Tableau des formats (suite)
Utiliser l’agenda Mode d’emploi
[object Object],[object Object],[object Object],Entrer un événement dans l’agenda
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Entrer un événement dans l’agenda

More Related Content

What's hot

Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de coursmichel.titeux
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPressAbdoulaye Dieng
 
Présentation Joomla!
Présentation Joomla!Présentation Joomla!
Présentation Joomla!nomadz
 
Tutoriel Netvibes: premiere prise en main
Tutoriel Netvibes:  premiere prise en mainTutoriel Netvibes:  premiere prise en main
Tutoriel Netvibes: premiere prise en mainpascal aventurier
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenueFrançois Huynh
 
WordPress Bases e-learning
WordPress Bases e-learningWordPress Bases e-learning
WordPress Bases e-learningAntonio Soto
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à BlidaGd6d
 
Netvibes tutorial
Netvibes tutorialNetvibes tutorial
Netvibes tutorialdrak974
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMSAurélien Denis
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri villePeggy Le Déaut ☂️
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Claude BUENO
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Jamel Eddine Zarga
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPressURFIST de Rennes
 

What's hot (20)

Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
 
Atelier Netvibes
Atelier NetvibesAtelier Netvibes
Atelier Netvibes
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
 
Présentation Joomla!
Présentation Joomla!Présentation Joomla!
Présentation Joomla!
 
Joomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3ellesJoomla 4-les-nouveautes par Com3elles
Joomla 4-les-nouveautes par Com3elles
 
Tutoriel Netvibes: premiere prise en main
Tutoriel Netvibes:  premiere prise en mainTutoriel Netvibes:  premiere prise en main
Tutoriel Netvibes: premiere prise en main
 
Netvibes
NetvibesNetvibes
Netvibes
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
Initiation à WordPress
Initiation à WordPressInitiation à WordPress
Initiation à WordPress
 
WordPress Bases e-learning
WordPress Bases e-learningWordPress Bases e-learning
WordPress Bases e-learning
 
Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
 
Tutoriel Netvibes
Tutoriel NetvibesTutoriel Netvibes
Tutoriel Netvibes
 
Netvibes tutorial
Netvibes tutorialNetvibes tutorial
Netvibes tutorial
 
Tuto.initiation2.word.press
Tuto.initiation2.word.pressTuto.initiation2.word.press
Tuto.initiation2.word.press
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPress
 

Similar to Tutoriel SPIP

Similar to Tutoriel SPIP (20)

Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
EDweb2.0
EDweb2.0EDweb2.0
EDweb2.0
 
Edweb2.0
Edweb2.0Edweb2.0
Edweb2.0
 
Netvibes
NetvibesNetvibes
Netvibes
 
SPIP
SPIPSPIP
SPIP
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMM
 
Iut 26 novembre 2010 (1)
Iut 26 novembre 2010 (1)Iut 26 novembre 2010 (1)
Iut 26 novembre 2010 (1)
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
Les Blogs
Les BlogsLes Blogs
Les Blogs
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
Blog
BlogBlog
Blog
 
Fiche Formation SPIP
Fiche Formation SPIPFiche Formation SPIP
Fiche Formation SPIP
 
XWiki Manuel Utilisateur
XWiki Manuel UtilisateurXWiki Manuel Utilisateur
XWiki Manuel Utilisateur
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Formation cloud site-referencement-twitter
Formation cloud site-referencement-twitterFormation cloud site-referencement-twitter
Formation cloud site-referencement-twitter
 

More from Cyberco

Diapo forum osez_la_création_juin_2015
Diapo forum osez_la_création_juin_2015Diapo forum osez_la_création_juin_2015
Diapo forum osez_la_création_juin_2015Cyberco
 
Musee de la resistance bretonne
Musee de la resistance bretonneMusee de la resistance bretonne
Musee de la resistance bretonneCyberco
 
Culture des réseaux sociaux
Culture des réseaux sociauxCulture des réseaux sociaux
Culture des réseaux sociauxCyberco
 
Fibre optique et fourreaux CC val oust et lanvaux
Fibre optique et fourreaux CC val oust et lanvauxFibre optique et fourreaux CC val oust et lanvaux
Fibre optique et fourreaux CC val oust et lanvauxCyberco
 
Les ados et internet
Les ados et internetLes ados et internet
Les ados et internetCyberco
 
La Notion De Seuil
La Notion De SeuilLa Notion De Seuil
La Notion De SeuilCyberco
 
Territoire 2.0
Territoire 2.0Territoire 2.0
Territoire 2.0Cyberco
 
Passerelle De St Laurent Sur Oust
Passerelle De St Laurent Sur OustPasserelle De St Laurent Sur Oust
Passerelle De St Laurent Sur OustCyberco
 
Trans Morbihanaise 2008
Trans Morbihanaise 2008Trans Morbihanaise 2008
Trans Morbihanaise 2008Cyberco
 

More from Cyberco (10)

Diapo forum osez_la_création_juin_2015
Diapo forum osez_la_création_juin_2015Diapo forum osez_la_création_juin_2015
Diapo forum osez_la_création_juin_2015
 
Musee de la resistance bretonne
Musee de la resistance bretonneMusee de la resistance bretonne
Musee de la resistance bretonne
 
Culture des réseaux sociaux
Culture des réseaux sociauxCulture des réseaux sociaux
Culture des réseaux sociaux
 
Fibre optique et fourreaux CC val oust et lanvaux
Fibre optique et fourreaux CC val oust et lanvauxFibre optique et fourreaux CC val oust et lanvaux
Fibre optique et fourreaux CC val oust et lanvaux
 
Les ados et internet
Les ados et internetLes ados et internet
Les ados et internet
 
Bp 2010
Bp 2010Bp 2010
Bp 2010
 
La Notion De Seuil
La Notion De SeuilLa Notion De Seuil
La Notion De Seuil
 
Territoire 2.0
Territoire 2.0Territoire 2.0
Territoire 2.0
 
Passerelle De St Laurent Sur Oust
Passerelle De St Laurent Sur OustPasserelle De St Laurent Sur Oust
Passerelle De St Laurent Sur Oust
 
Trans Morbihanaise 2008
Trans Morbihanaise 2008Trans Morbihanaise 2008
Trans Morbihanaise 2008
 

Recently uploaded

Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Pedago Lu
 
Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?sashaflor182
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptxTxaruka
 
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesEL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesSOLIANAEvelyne
 
Présentation sur les Risques Électriques et Leur Prévention en Algérie
Présentation sur les Risques Électriques et Leur Prévention en AlgériePrésentation sur les Risques Électriques et Leur Prévention en Algérie
Présentation sur les Risques Électriques et Leur Prévention en AlgérieSeifTech
 
Système National de Santé au- Maroc-(2017)."pdf"
Système National de Santé au- Maroc-(2017)."pdf"Système National de Santé au- Maroc-(2017)."pdf"
Système National de Santé au- Maroc-(2017)."pdf"tachakourtzineb
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsTechnologia Formation
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptxTxaruka
 
Festival de Cannes 2024. pptx
Festival    de   Cannes      2024.  pptxFestival    de   Cannes      2024.  pptx
Festival de Cannes 2024. pptxTxaruka
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024frizzole
 
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Technologia Formation
 

Recently uploaded (12)

Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
 
Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?Comment enseigner la langue française en Colombie?
Comment enseigner la langue française en Colombie?
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les ÉcolesEL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
EL KATRY Reem: Proposition de Programme Artistique et Exposition pour les Écoles
 
Présentation sur les Risques Électriques et Leur Prévention en Algérie
Présentation sur les Risques Électriques et Leur Prévention en AlgériePrésentation sur les Risques Électriques et Leur Prévention en Algérie
Présentation sur les Risques Électriques et Leur Prévention en Algérie
 
Système National de Santé au- Maroc-(2017)."pdf"
Système National de Santé au- Maroc-(2017)."pdf"Système National de Santé au- Maroc-(2017)."pdf"
Système National de Santé au- Maroc-(2017)."pdf"
 
Webinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctionsWebinaire Technologia | DAX : nouvelles fonctions
Webinaire Technologia | DAX : nouvelles fonctions
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
Festival de Cannes 2024. pptx
Festival    de   Cannes      2024.  pptxFestival    de   Cannes      2024.  pptx
Festival de Cannes 2024. pptx
 
Traitement des eaux usées par lagunage a macrophytes.pptx
Traitement des eaux usées par lagunage a macrophytes.pptxTraitement des eaux usées par lagunage a macrophytes.pptx
Traitement des eaux usées par lagunage a macrophytes.pptx
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
Présentation Webinaire Cohésion - Concevoir et mettre en place une CMDB, comm...
 

Tutoriel 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
  • 3.
  • 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
  • 5.
  • 6. Accéder à l’interface d’administration Mode d’emploi
  • 7.
  • 8.
  • 9.
  • 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
  • 12.
  • 13.
  • 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
  • 17.
  • 18.
  • 19.
  • 20. Créer une rubrique ou une sous rubrique Mode d’emploi
  • 21.
  • 22.
  • 23.
  • 24. Rédiger mettre un article en ligne Mode d’emploi
  • 25.
  • 26.
  • 27.
  • 28. Gestion des mots clés Mode d’emploi
  • 29.
  • 30.
  • 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
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Créer des liens Mode d’emploi
  • 40.
  • 41.
  • 42. Mode d’emploi Intégrer des images et des documents
  • 43.
  • 44.
  • 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
  • 48.
  • 49.
  • 50.
  • 52.
  • 53.