Journée d étude SPIP : Système de Publication pour Internet 12 novembre 2005 au Campus Numérique Francophone de Cotonou Association pour le Développement des Activités Documentaires au Bénin Participant Nom : Prénom :.. Contenu o Mise en place d un site SPIP o Alimentation d un site SPIP o Petits plus Livret sous licence GPL, utilisable, manipulable, transformable, améliorable à souhait. Srces : doc officielle de SPIP et du livret de AMLL. Nov. 2005, Simon Florentin Adjatan / sadjatan@free.fr, http://sadjatan.free.fr Cell : +229 95345444
Présentation de l'outil SPIP est un Système de Publication pour l Internet. Kesako? Il s agit d un ensemble de fichiers, installés sur votre compte Web, qui vous permettent de bénéficier d un certain nombre d automatismes : gérer un site à plusieurs, mettre en page vos articles sans avoir à taper de HTML, modifier très facilement la structure de votre site... avec le même logiciel qui sert à visiter un site (Netscape, Microsoft Internet Explorer, Mozilla, Opera...), SPIP permet de fabriquer et de tenir un site à jour, grâce à une interface très simple d utilisation. D autres systèmes de publication existent ; chacun présente ses spécificités. Un des plus connus actuellement est phpnuke ; il impose une structure assez rigide pour le site, sous forme de portail muni de courts articles. SPIP est plus souple, et orienté vers la création d un site structuré comme un magazine : c est-à-dire avec des rubriques, sous-rubriques (et ainsi de suite), dans lesquelles sont insérés des articles et des brèves qui peuvent être complétés de forums de discussions. Comment fonctionne SPIP? o La structure du site et les données sont stockées dans une base de données MySQL. o Des fichiers PHP permettent de lire et d écrire dans cette base de données. o Des pages HTML «modèles» appelées squelettes contiennent des variables qui seront remplacées par des données que les fichiers PHP lisent dans la base MySQL. o Des fichiers CSS gèrent l apparence du site (couleur, polices, etc.). Pour installer SPIP (en local ou en ligne) l on a donc besoin d un serveur PHP et d une base de données MySQL. En local, sous Windows, EasyPHP va nous permettre d installer tous les composants nécessaires en une seule manipulation : le serveur Web (PHP), la base de données (MySQL), les outils de gestion (PhPMyadmin). Installer EasyPHP o Récupérer la dernière version d EasyPHP (soit sur le site officiel de EasyPHP www.easyphp.org, ou à partir d un CD d installation). o Double cliquer sur le fichier exécutable easyphp_xxx.exe o Choisir le répertoire de destination et cliquer sur le bouton «Suivant» jusqu à l installation complète o Un raccourci vers EasyPHP est créé dans le répertoire «Démarrer/Programmes/EasyPHP» o Lancer EasyPHP : une icône se place dans la barre des tâches à coté de l horloge o Lancer votre navigateur préféré et saisissez l adresse suivante : http://localhost/ ou http://127.0.0.1/ o Si tout s est bien passé, vous devriez accéder à la page d accueil de votre serveur Web local. o La racine du serveur Web se trouve à cette adresse sur votre ordinateur : C:\Program Files\EasyPHPxx\www 2
Installer SPIP o Récupérer la dernière version de SPIP (soit sur le site officiel de SPIP www.spip.net/fr, ou à partir d un CD d installation). o Décompresser l archive sur le disque puis copier les fichiers dans un répertoire MonSite que l on aura préalablement créé dans www. o Lancer le web local et cliquer sur MonSite ; l on obtient l écran suivant : o Cliquer dans la barre d adresse et taper à la fin de l url ecrire de sorte à obtenir ceci : http://localhost/monsite/ecrire/ puis valider o Configuration de la langue du site et de la connexion MySQL (par défaut l adresse de la base est "localhost", le login "root" et le mot de passe "". o Choisir la base de données puis entrer les données personnelles ensuite c est fini! Connexion à la partie administration du site Pour accéder à la partie administrative du site, entrer dans la barre d'adresse du navigateur l'adresse du site, suivie de : «/écrire/». Par exemple 3
(http://localhost/monsite/ecrire/) puis s identifier. Passer immédiatement en interface complète. Les différents boutons de la partie Administration A suivre Accueil par défaut. Montre l ensemble des rubriques, articles en cours de rédaction du site et vos infos personnelles Edition du site Création et rédaction des rubriques, des articles, des auteurs et des mots clefs Configuration Gestion des langues, maintenance du site, vider le cache Autres boutons : o Aide en ligne, accès à l'aide en ligne du site. o Visiter le site, donne accès au site public. Droits d accès Les administrateurs ont tous les droits ci-dessous. Par contre les rédacteurs disposent seulement de ceux en gras. - Vider le cache - Effacer les données d'indexation. - Maintenance du site. - Sauvegarder/restaurer la base - Sauvegarder le contenu de la base Restaurer le contenu de la base Réparer la base de données Effacer la base Effacer la base de données Gestion des langues. Configuration du site. Evolution du site. Statistique de visites Evolution Liens entrant du jour. Répartition des visites Edition du site. Rubriques Articles Auteurs vos propres informations 4
Mots-clés Créer, modifier, supprimer une rubrique Ajouter une rubrique à la racine du site : Cliquer sur «créer une rubrique». «Champ Titre» : donner un titre à cette nouvelle rubrique ( pour forcer l ordre, numéroter ). «Champ Descriptif rapide», facultatif. «Champ Texte explicatif», facultatif bouton «Valider» Ajouter un logo Pour modifier la rubrique, cliquer sur le bouton «Modifier cette rubrique». Idem pour supprimer. NB : Une rubrique n'apparaît sur le site (public) qu'une fois qu'elle contient un article «publié en ligne». L'on ne peut détruire une rubrique que si elle ne contient aucun article. Créer un article A l'intérieur d'une rubrique, cliquer sur le bouton «écrire un nouvel article». Les champs (minimum à remplir) Le champ «Titre» : titre de votre article. S assurer que l article va bien être créé dans la bonne rubrique. Le champ «Texte» recevra lui le contenu de l article, soit par saisie, ou par copier coller. Appliquer les mises en forme au texte. Valider afin de voir l aperçu de l article puis valider ou proposer à la publication l article. Ajouter/insérer, modifier, supprimer une image dans un article. - cliquer sur «Modifier cet article» - insérer l images sur le même principe que l'insertion d'une pièce jointe. Les raccourcis typographiques Pour faciliter la mise en page des documents publiés avec SPIP, le système propose un certain nombre de «raccourcis SPIP» destinés : - à simplifier l utilisation par des utilisateurs ne connaissant pas le HTML ; - à faciliter le traitement automatique de la mise en page. Typographie française automatique SPIP respecte automatiquement les principales règles d espacement de la typographie française ainsi des espaces insécables sont ajoutées devant les caractères «:», «;», «!», «?» -, et place des espaces insécables avant et après les guillemets «à la française». (Note : cette fonctionnalité n est activée que sur les sites dont la langue principale est le français.) Créer des paragraphes Pour créer des paragraphes, il suffit de laisser une ligne vide, un peu comme on sépare les paragraphes dans un email (on «saute» une ligne). Le fait de simplement «revenir à la ligne» (retour-chariot) sans séparer les deux 5
paragraphes par une ligne vide ne suffit pas pour provoquer un changement de paragraphe (cela ne provoque même pas un retour à la ligne). Vous pouvez laisser plusieurs lignes vides à la suite sans que cela modifie la présentation. Fabriquer des listes ou des énumérations On peut fabriquer des listes dans SPIP de la même manière que dans un email : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret («-»). Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l on «saute» une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l énumération. Par exemple, -Qu'est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi? -Et qu'est-ce que ça peut faire que je sois de mauvaise foi puisque c'est pour la bonne cause. (Jacques Prévert) sera affiché ainsi : Qu est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi? Et qu est-ce que ça peut faire que je sois de mauvaise foi puisque c est pour la bonne cause. (Jacques Prévert) Gras et italique On indique simplement du texte en italique en le plaçant entre des accolades simples : «...du texte {en italique} en...». On indique du texte en gras en le plaçant entre des accolades doubles : «...du texte {{en gras}} en...». Intertitres Les intertitres sont des titres à l intérieur d un texte permettant d en indiquer la structure. Dans SPIP, on les indique très simplement en les plaçant entre des accolades triples : «{{{Un titre de partie}}}» affichera le texte en gras et centré : Un titre de partie Trait de séparation horizontal Il est très simple d insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu une succession d au moins quatre tirets. Les liens hypertextes On fabriquera facilement un lien hypertexte avec le code suivant : SPIP est une initiative du [minirézo->http://www.minirezo.net/]. devient : SPIP est une initiative du minirézo. (Mnémotechnique : le tiret suivi d un chevron dessine une sorte de flèche qui indique que le texte du lien (avant la flèche) «pointe vers» une adresse.) L adresse du lien peut être une adresse absolue (commençant, comme ici, par http://), une adresse relative (vers une autre page du même site), un lien vers un document utilisant un protocole de l internet (ftp://...), une adresse email («[- >minirezo@rezo.net]»)... Application spécifique : vous pouvez afficher en toutes lettres un lien cliquable sous la forme d une adresse URL, en n indiquant rien avant la «flèche». Par exemple : [->http://www.adadb.bj.refer.org] affiche : http://www.adadb.bj.refer.org 6
Notez que, dans le cas des URL très longues, l affichage est tronqué (pour éviter de dégrader votre interface graphique), mais le lien hypertexte pointe vers la bonne adresse. Notes de bas de page Une note de bas de page est, habituellement, signalée par un numéro placé à l intérieur du texte, numéro repris en bas de page et proposant un complément d information. Dans SPIP, cette fonctionnalité (assez lourde à gérer manuellement en HTML) est automatisée : les notes sont numérotées par SPIP, qui gère également des liens hypertextes à l intérieur du document pour passer directement de l appel de note au texte de la note correspondante, et vice-versa. Une note de bas de page est indiquée, dans SPIP, entre doubles crochets : «Une note[[voici un complément d'information.]] de bas de page.» sera affiché sous la forme : «Une note [1] de bas de page.» Citer un extrait (de forum) Il est souvent pratique, dans un forum de discussion, de citer un extrait du message auquel on est en train de répondre. Pour homogénéiser la présentation de telles citations, SPIP propose le raccourci <quote>...</quote>. Par exemple : <quote>c drôlement bien, SPIP.</quote> Kikou, je suis bien d'accord :-) donne : C est drôlement bien, SPIP. Kikou, je suis bien d accord :-) Tableaux Pour réaliser des tableaux très simples dans SPIP, il suffit de faire des lignes dont les «cases» sont séparées par le symbole (pipe, un trait vertical), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau. Par exemple, le tableau : Nom Prénom Age Marso Ben 23 ans Capitaine non connu Philant Philippe 46 ans Cadoc Bébé 4 mois se code ainsi : {{Nom}} {{Prénom}} {{Age}} Marso Ben 23 ans Capitaine non connu Philant Philippe 46 ans Cadoc Bébé 4 mois Remarquez que toutes les entrées de la première ligne sont placées en gras. SPIP identifie ainsi qu il s agit d une page d'en tête, et lui attribue une présentation différente des autres lignes (fond de couleur différente). La présence d une telle ligne n est pas obligatoire. Gestion affinée des listes et des énumérations On peut faire des énumérations imbriquées en ajoutant des étoiles après le tiret 7
d énumération. Enfin, on peut faire des listes numérotées en utilisant le # à la place de l étoile. Afficher du code informatique Certains utilisateurs de SPIP veulent parfois afficher du code informatique dans leurs pages. Les raccourcis <code>...</code> et <cadre>...</cadre> sont là pour ça. Créer, supprimer un rédacteur / administrateur. Un «administrateur» aura la charge de créer ou supprimer d'autres «administrateurs» ou «rédacteur». Pour ce faire, dans la partie «edition du site», cliquez sur le bouton «auteurs». Vous accédez à une page qui affiche tous les auteurs déjà existants. Pour créer un nouvel auteur, cliquez sur le bouton ad hoc dans l'encadré «raccourcis». Complétez avec les bonnes informations les différents champs qui vous sont proposés, ne surtout pas se tromper lors du choix du statut de ce nouvel auteur, sinon l'opération sera à recommencer. Fournissez à ce nouvel auteur sont «login» (identifiant de connexion) et son mot de passe. Pour aller plus loin - Télecharger SPIP : http://www.spip.net/fr_download - La doc SPIP en ligne : http://www.spip.net/fr - Télécharger Easyphp : http://easyphp.org/telechargements.php3 - Trucs et astuces, squelettes, forum, entraide : http://www.spipcontrib.net/sommaire.php3 8