SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 184 visiteurs en ce moment

Accueil > Documentation > Tutoriels pour webmasters > La page sommaire pour les débutants

La page sommaire pour les débutants

9 octobre 2017 – par naga44

5 votes

Vous n’êtes pas codeur ?
Vous souhaitez que votre page d’accueil intègre des éléments en plus de ceux qui s’y trouvent ?
Cet article est pour vous !

Introduction

Un sommaire comporte souvent les mêmes éléments d’un site à un autre.

Sur SPIP, pas de souci pour afficher le contenu souhaité pour qui connaît les boucles et les balises !

Seulement, voilà, on peut souhaiter faire un site sans pour autant connaître le code. Apprendre c’est bien et je vous le recommande, mais on n’a pas toujours le temps...

Voici ce que j’ai appris au fur et à mesure de mes cueillettes à droite et à gauche.

sommaire.html

Pour afficher un contenu sur le sommaire, il faut modifier le fichier sommaire.html.

Celui affiché se trouve :

  • Soit dans le dossier du squelette, installé lui-même dans le dossier plugin si on a installé un squelette (qui contient un visuel et des fonctionnalités, sauf pour Zpip et SPIPr-dist qui séparent les deux).
  • Soit dans le dossier squelettes-dist pour le SPIP de base

On peut utiliser l’outil ?var_mode=inclure pour retrouver ce squelette.

Dans les deux cas, on copie celui-ci et on met la copie dans le dossier squelettes qu’il faut créer au même niveau que les dossiers ecrire, squelettes-dist, plugins-dist s’il n’existe pas encore.

En modifiant ce fichier sommaire.html, il prend la priorité sur celui d’origine. Mettre les fichiers modifiés dans le répertoire squelettes est le moyen propre de modifier le code. En effet, si on fait une mise à jour des plugins, les modifications ne sont plus à refaire.

Les structures classiques

Dans les pages sommaires, on retrouve souvent ce genre de structure :

  • Un descriptif du site / les rubriques
  • Un descriptif du site / les derniers articles
  • Un descriptif du site / un diaporama / les derniers articles
  • Un descriptif du site / un diaporama / les rubriques
  • Un descriptif du site / les rubriques et un article si une rubrique ne contient qu’un article

Une présentation du site

Le descriptif du site est un code souvent déjà présent dans sommaire.html.

  1. <div id="descriptif_site_spip"> #DESCRIPTIF_SITE_SPIP</div>

#DESCRIPTIF_SITE_SPIP est la description située dans la partie administration (/ecrire) dans l’onglet configuration / identité du site et dans la partie Identité du site : descriptif rapide.

<div id="descriptif_site_spip"> est le visuel définit dans un autre fichier, mais je n’aborderais pas les éléments visuels ici.
Mettre les rubriques les rubriques

Les rubriques

Le fait que le descriptif du site soit souvent déjà présent nous permet de placer la rubrique à la suite :

  1. <BOUCLE_rubriquesommaire(RUBRIQUES) {par num titre}>
  2. [(#LOGO_RUBRIQUE{#URL_RUBRIQUE}|image_reduire{150,*})]
  3. <a href="#URL_RUBRIQUE">#TITRE</a>
  4. [(#INTRODUCTION|couper{200})]
  5. </BOUCLE_rubriquesommaire>

Télécharger

On a tout d’abord

<BOUCLE_rubriquesommaire(RUBRIQUES) {id_rubrique} {par num titre}> signifie

On boucle (fait le tour) rubriquesommaire (on donne le nom qu’on veut, rubriquesommaire est assez explicite) sur des éléments de types (RUBRIQUES).

Et enfin {par num titre} car souvent quand les rubriques sur le sommaire sont souvent ordonnées de manières choisies.

En l’occurrence ici on nomme le titre : 10. Nom_du_titre_de_rubrique et un numéro, avec un espace avant le titre ne s’affiche pas et permet d’ordonner comme on le veut.

Il existe plein d’autres options autres que num_titre (ordre alphabétique, de date de parution…) que l’on retrouve ici http://www.spip.net/fr_article900.html

Puis

[(#LOGO_RUBRIQUE{#URL_RUBRIQUE}|image_reduire{150,*})]

#LOGO_RUBRIQUE est explicite et est cliquable pour aller sur le lien de la rubrique #URL_RUBRIQUE}|.

image_reduire{150,*} réduit la largeur à 150 pixels, le ratio de l’image étant gardé.

Suivi de <a href="#URL_RUBRIQUE">#TITRE</a>
qui est un lien vers la rubrique en cliquant sur le titre.

Enfin

on a [(#INTRODUCTION|couper{200})]

Introduction mettra le descriptif de l’article si celui-ci est activé dans la partie administration (/ecrire) dans l’onglet configuration / contenu du site et dans la partie les articles : on coche descriptif.

Si il n’y a pas de descriptif, cela indiquera le début de l’article.

|couper{200} affiche les 200 premiers mots et permet une certaines homogénéités.

</BOUCLE_rubriquesommaire> sert à fermer la boucle.

Les exclusions

Si on ne veut pas toutes les rubriques…

  • On ne veut que la rubrique 2, on mettra ajoute alors {id_rubrique=2} au lieu de {id_rubrique}
  • On toutes les rubriques sauf la 2 , on mettra ajoute alors {id_rubrique=!2} au lieu de {id_rubrique}
  • On toutes les rubriques sauf la 2 et la 4 , on mettra ajoute alors {id_rubrique !IN 2,4} au lieu de {id_rubrique}
  • Si on souhaite exclure par mot-clés. On active les mots-clés dans la partie administration (/ecrire) dans l’onglet configuration / contenu du site et dans la partie Les mots-clés : on coche utiliser les mots-clés. Puis on créé le mot-clé exclu dans Édition / mots-clés.
    on mettra alors {id_rubrique}{titre_mot=!exclu} au lieu de {id_rubrique}
  • Au contraire si on veut uniquement que certaines rubriques, on crée un mot-clé selection.
    on mettra alors {id_rubrique}{titre_mot=selection} au lieu de {id_rubrique}

Les derniers articles

  1. <BOUCLE_articlesommaire(ARTICLES) {par date}{inverse}>
  2. [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{150,*})]
  3. <a href="#URL_ARTICLE">#TITRE</a>
  4. [(#INTRODUCTION|couper{200})]
  5. </BOUCLE_articlesommaire>

Télécharger

On a

<BOUCLE_articlesommaire(ARTICLES) {par date}{inverse}> qui signifie :

Voir l’explication dans la partie rubrique, car reprend les mêmes principes.

{par date}{inverse} demande d’afficher dans le sens contraire au chronologique, soit les derniers articles en premier

Le reste est identique aux explications indiquées dans les rubriques, y compris pour les exclusions en changeant {id_rubrique} par {id_article}

Les rubriques et un article si une rubrique ne contient qu’un article

  1. <BOUCLE_rubriquesommaire(RUBRIQUES) {titre_mot=!exclurubrique}{par num titre}>
  2. [(#LOGO_RUBRIQUE{#URL_RUBRIQUE}|image_reduire{150,*})]
  3. <a href="#URL_RUBRIQUE">#TITRE</a>
  4. [(#INTRODUCTION|couper{200})]
  5. </BOUCLE_rubriquesommaire>

Télécharger

en créant un mot-clé « exclurubrique » et en indiquant à sa création « Les mots-clés de ce groupe peuvent être associés : Rubriques. On le met sur la rubrique qui n’a qu’un article.

Suivi de :

  1. <BOUCLE_articlesommaire(ARTICLES) {titre_mot=articleseul}{par date}{inverse}>
  2. [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{150,*})]
  3. <a href="#URL_ARTICLE">#TITRE</a>
  4. [(#INTRODUCTION|couper{200})]
  5. </BOUCLE_articlesommaire>

Télécharger

en créant un mot-clé « articleseul » et en indiquant à sa création « Les mots-clés de ce groupe peuvent être associés : Articles. On le met sur l’article qui est seul dans la rubrique.

Précision sur [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{150,*})]

Le seul élément qui change par rapport à l’explication dans la partie rubrique est #LOGO_ARTICLE_RUBRIQUE si il y a un logo à l’article, cela l’affiche, sinon il affichera celui de la rubrique.

Un diaporama

Personnellement, j’aime bien le plugin nivo-slider
http://contrib.spip.net/Nivo-Slider-3747

Sauf que je remplace :

[(#MODELE{nivoslider_doc}{id='4|2|5|7|9'}{controlNav=false}{captionOpacity=0})]

par

[(#MODELE{nivoslider_doc}{titre_mot=diaporama}{controlNav=false}{captionOpacity=0})]

En créant un mot clé diaporama.

SPIP pour tous ?

Vu qu’on est un peu dans le sujet, je me permet cette conclusion.

Je me trompe peut être, merci de me dire ce que vous en pensez à travers le forum.

Personnellement, je pense que SPIP serait plus accessible pour les novices si :

1- Le diaporama était intégré à la base.
2- Si on avait dans l’administration des éléments à cocher pour les article / rubrique / sommaire…

Exemple pour le sommaire :

Configurer votre sommaire

o Insérer la description du site

o Insérer un diaporama (en savoir plus sur les mots clés diaporama)

o Insérer les rubriques

option numéros des rubriques à exclure : (en savoir plus sur les mots clés diaporama)

option si une rubrique ne contient qu’un article afficher l’article

option à cocher ; par date, par num titre…

o Insérer les articles

option numéros des rubriques à exclure :

option à cocher ; par date, par num titre…

=> Avec comme le plugin menu, l’emplacement des éléments à changer avec des flèches.

Bref, un générateur de boucle et balise :)

3-Un générateur WYSIWYG de CSS. Ce qui signifie changer les éléments à travers des icônes genre titre 1, corps de texte… et voir le résultat en direct.

Du coup, plus de FTP et de codes pour les débutants.

Je pense que cela aiderait pas mal à sa notoriété.

Facile à dire pour les propositions, surtout que je serais incapable de faire ça. Mais il y a des gens très compétents sur SPIP.

D’ailleurs, merci à tous ceux qui ont contribuer à faire cet outil génial !

Dernière modification de cette page le 9 octobre 2017

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin Vidéo(s)

    23 novembre 2010 – 684 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • GIS 4

    11 août 2012 – 1419 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • SPIP Zen Garden

    12 novembre 2009 – 173 commentaires

    Le plugin Zen Garden, ou Jardin Zen, vous permet de gérer une galerie de thèmes pour votre site, et de changer très facilement de thèmes parmi les thèmes disponibles. Pré-requis Le jardin Zen nécessite d’utiliser un squelette comme le squelette Zpip (...)

  • SPIP 3, Agenda et FullCalendar

    6 août 2012 – 313 commentaires

    Depuis SPIP 3, l’affichage d’un agenda sous forme de calendrier par jour/semaine/mois à changé. Les filtres |agenda_memo et apparentés sont désormais obsolètes. Il en est de même pour les filtres agendafull_memo et apparentés du plugin Agenda. (...)

  • Agenda Fullcalendar facile

    29 octobre 2016 – 51 commentaires

    Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)