Jean-Paul Dècle
SPIP Personnaliser et administrer un site Web
Sommaire PrĂŠsentation Les boucles Les balises Les filtres La gestion des dates Les formulaires Les styles Le traitement des images
3
jpdecle@hotmail.com
Utilisation de SPIP L’espace privé
21
L’espace privé L'accès à l'espace privé se fait depuis le sous-répertoire ecrire: Exemple: http://www.votre_domaine/spip/ecrire •
A Suivre: permet de suivre l’activité du site: textes en attente de validation, documents publiés, etc.
•
Edition du site: permet de visualiser la structure di site
•
Informations personnelles: utilisez cet espace pour définir vos informations personnelles: statut d’auteur, adresse mail, nom ou pseudo, nom et adresse de votre site
•
Administration du site: permet d’accéder aux fonctions d’administration du site
•
Aide en ligne
•
Visiter le site: présente le site que verra l’internaute
•
Configuration du site: permet d’accéder aux fonctions du webmestre
•
Statistiques du site: affiche le nombre de visites et d’autres statistiques de fréquentation
•
Sauvegarde du site: exporte les fichiers du site dans un répertoire de sauvegarde
•
Interface simplifiée/Interface complète
•
Grand écran
•
Langue
•
Couleur de l’interface
jpdecle@hotmail.com
SPIP: les squelettes URL des squelettes
Accès à la page d'accueil du site: http://wwww.votre_domaine ou http://wwww.votre_domaine/spip.php?page=sommaire ou http://wwww.votre_domaine/?page=sommaire
Accès à une page personnalisée (stockée dans le sous-répertoire squelettes): http://www.votre_domaine/?page=exemple
26
Les principaux squelettes standard de SPIP
jpdecle@hotmail.com
SPIP: les balises
Les balises correspondent aux éléments qui seront affichés dans le squelette graphique.
Certaines balises sont communes à plusieurs boucles: #TITRE, #DATE,…
Certaines balises sont spécifiques à certaines boucles: #SOUSTITRE, #LOGO_AUTEUR, #FICHIER,…
Certaines balises sont indépendantes des boucles (balises calculées): #NOM_SITE_SPIP, #EMAIL_WEBMASTER,…
Certaines balises retournent des informations sur le nombre d'éléments traités: #TOTAL_BOUCLE, #GRAND_TOTAL,…
34
Commentaire Certaines balises sont disponibles en dehors des boucles. Leur contenu est défini lors de la configuration de votre site: • #URL_SITE_SPIP est l’adresse du site. Elle ne comprend pas le / final, ainsi vous pouvez créer un lien du type #URL_SITE_SPIP/sommaire.php3; • #NOM_SITE_SPIP est le nom du site tel qu'il est défini dans la partie Configuration de l'espace privé. • #EMAIL_WEBMASTER est l’adresse du webmestre. Par défaut, SPIP prend l’adresse de celui qui a installé le site (le premier administrateur); • #CHARSET est le jeu de caractères utilisé par le site. Sa valeur par défaut est iso-8859-1 (iso-latin); • #PUCE affiche une puce ; La balise #PUCE est associée par défaut au fichier dist\puce.gif • #FORMULAIRE_ADMIN permet d’afficher les boutons d’administration (Recalculer cette page | Modifier cet article), à un emplacement précis dans la page.
jpdecle@hotmail.com
SPIP: les balises
35
jpdecle@hotmail.com
Les critères de date
Le critère age permet de programmer la publication d’articles ou de brèves dont la date est située dans le futur;
L’option Publier les articles post-datés doit avoir été sélectionnée lors de la configuration du site:
54
Âge par rapport à une date fixée •Le critère age est calculé par rapport à la date d’aujourd’hui: {age<30} correspond aux articles publiés depuis moins d’un mois par rapport à aujourd’hui. •Le critère age_relatif compare la date d’un article ou d’une brève à une date courante ; Exemple : <BOUCLE_article_principal(ARTICLES){id_article}> <h1>#TITRE</h1> <BOUCLE_suivant(ARTICLES){id_rubrique}{age_relatif<=0}{exclus}{par date}{0,1}> Article suivant: #TITRE </BOUCLE_suivant> </BOUCLE_article_principal> BOUCLE_suivant affiche un seul article de la même rubrique, classé par date, dont la date de publication est inférieure ou égale à la date de l’article principal.
jpdecle@hotmail.com
SPIP: les balises de la boucle ARTICLES
62
Les balises calculées par SPIP Les éléments suivants sont calculés par SPIP. (Ils ne peuvent pas être utilisés comme critère de classement.) •#NOTES les notes de bas de page (calculées à partir de l’analyse du texte). •#INTRODUCTION : si l’article contient un descriptif, c’est celui-ci qui est utilisé ici ; sinon, SPIP affiche les 600 premiers caractères du début de l’article (chapeau puis texte). •#LESAUTEURS les auteurs de cet article. (permet d’éviter de créer une boucle AUTEURS pour obtenir le même résultat). •#URL_ARTICLE: URL de la page de l’article. •#FORMULAIRE_FORUM fabrique l’interface permettant de poster un message répondant à cet article. •#FORMULAIRE_SIGNATURE fabrique l’interface permettant de signer la pétition associée à cet article. •#PARAMETRES_FORUM fabrique la liste des variables exploitées par l’interface du formulaire permettant de répondre à cet article. Exemple : [<A HREF="forum.php3?(#PARAMETRES_FORUM)">Répondre à cet article</A>]
jpdecle@hotmail.com
SPIP: le multilinguisme Activation du multilinguisme
Depuis l’espace privé
Langue principale du site/Multilinguisme/Fichiers de langue
99
Activer les options de multilinguisme Langue principale du site permet de définir •le format par défaut des dates sur le site public ; •la nature du moteur typographique que SPIP doit utiliser pour le rendu des textes ; •la langue utilisée dans les formulaires du site public ; •la langue présentée par défaut dans l'espace privé. Jeu de caractères du site: •permet de choisir le jeu de caractères du site •par défaut: iso-8859-1 Multilinguisme Cette option permet de gérer des articles en plusieurs langues, avec une navigation complexe. Un menu de sélection de langue est ajouté sur les articles et/ou sur les rubriques, en fonction de l'organisation du site. Fichiers de langue •Permettent d'insérer des raccourcis dans les squelettes du site public; Ces raccourcis seront automatiquement traduits dans les différentes langues pour lesquelles il existe un fichier de langue.
jpdecle@hotmail.com
SPIP: administrer et personnaliser un site web jpdecle@hotmail.com
Le multilinguisme: démo ETAPE 1 Espace privé 1 Choisir la langue par défaut du site:
2 Créer un nouvel article (par exemple en anglais) 3 Sélectionner la langue de l'article
Démo: le multilinguisme 1/3
SPIP: administrer et personnaliser un site web jpdecle@hotmail.com
ETAPE 2 Squelette personnalisé sommaire.html 1 Copier le fichier dist/sommaire.html dans squelettes/sommaire.html 2 Modifier la boucle ARTICLES pour sélectionner uniquement les articles en français <BOUCLE_articles_recents(ARTICLES){lang=#LANG}{par date}{inverse} {0,2} {doublons}> … <BOUCLE_articles(ARTICLES) {lang=#LANG} {par date}{inverse} {doublons} {pagination}>
Démo: le multilinguisme 2/3
SPIP: administrer et personnaliser un site web jpdecle@hotmail.com
ETAPE 3 3 Afficher la page d'accueil du site (sommaire.html) 4 Sélectionner un article pour lequel une version anglaise existe:
5 Dans la page article, sélectionner English pour voir la version anglaise de l'article:
La version anglaise de l'article apparaît:
Démo: le multilinguisme 3/3
Créer une mailing-list (2)
L’adresse de la mailing-list se règle dans la page Configuration du site > Interactivité > encadré Envoi de mails automatique :
128
Créer une mailing-list Dans la partie Suivi de l’activité éditoriale: 1. Sélectionnez Envoyer les annonces à l’adresse... 2. Indiquez l’adresse email de votre liste de diffusion. De cette façon, chaque événement du site (article proposé, article publié...) sera immédiatement envoyé à cette adresse et expédié à tous les abonnés de cette liste de diffusion. 3. Indiquez dans l’encadré qui suit l’adresse (URL) de la page d’information de cette liste. Cette adresse sera alors signalée à tous les rédacteurs dans la page Suivre la vie du site comme la page où ils pourront s’abonner à la liste de diffusion. Si la mailing-list ne propose pas de page Web d’information, vous pouvez indiquer l’adresse email spécifique permettant de s’y abonner (souvent dans un format du type : spip@rezo.net?subject=subscribe).
jpdecle@hotmail.com
Spip: administrer et personnaliser un site web Annexe1
Les boucles BOUCLE RUBRIQUES: les critères <BOUCLE_maboucle(RUBRIQUES) {critère}> Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne courante Sélectionne {id_enfant} Sélectionne {id_document} {lang_select=non} Sélectionne
{id_rubrique} {id_secteur} {id_parent} {id_parent=0} {racine} {meme_parent}
une rubrique les rubriques d'un secteur les rubriques filles qui ont ce parent seulement les rubriques à la racine du site seulement les rubriques à la racine du site la rubrique ayant le même parent que la rubrique la rubrique parente la rubrique à laquelle est attaché un document toutes les rubriques quelle que soit la langue courante
BOUCLE ARTICLES: les critères <BOUCLE_maboucle(ARTICLES) {critère}> {id_article} {id_auteur} {id_rubrique} {id_secteur} {id_document} {traduction} {lang_select=non} {origine_traduction}
Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne Sélectionne
un article les articles d'un auteur les articles d'une rubrique les articles d'un secteur l'article auquel est attaché un document l'article et ses traductions tous les articles quelle que soit la langue courante l'article original parmi les traductions
BOUCLE AUTEURS: les critères <BOUCLE_maboucle(AUTEURS) {critère}> Sélectionne les auteurs d'un article Sélectionne un auteur Limite l'affichage aux auteurs ayant la langue courante
{id_article} {id_auteur} {lang_select}
BOUCLE BREVES: les critères <BOUCLE_maboucle(BREVES) {critère}> {id_breve} {id_rubrique} {lang_select=non}
Sélectionne une brêve Sélectionne les brêves d'une rubrique Sélectionne toutes les brêves
Annexe 1: Page 1/16
Atelier 5 Site Le Kiosque Page d'accueil 1. Sous le bandeau Le Kiosque, placez les 3 dispositifs de recherche suivants:
2. Inclure un encart de flux RSS sur 2 colonnes: • Colonne de gauche: Derniers parus • Colonne de droite: un fil RSS externe Les flux sont limités à 5 articles. 3. Uniformisez les logos des auteurs pour les afficher en teinte sépia.
Page article 4. Ajouter un forum public sous le texte de l'article: le lien Répondre à cet article présentera un formulaire permettant aux visiteurs de poster des commentaires sur l'article. 5. Installer le plugin nuage permettant d'afficher un nuage de mots-clés:
Page auteur 6. Sous chaque logo des articles, afficher le nombre de lecteurs.
Plan du site 7. Personnaliser la page plan.html sur le modèle suivant:
Page agenda 8. Affichez l'agenda dans l'espace public (squelette agenda.html). 9. Proposez une mise en forme adaptée pour la présentation de l'agenda.
Page 1 sur 1
Jean-Paul Dècle jpdecle@hotmail.com Téléphone: 06 80 427 409 Web: http://www.exsilicio.fr
http://www.linkedin.com/in/jpdecle