La page sommaire pour les débutants

Vous n’aimez pas encore coder ?
Vous souhaitez que votre page d’accueil intègre des éléments en plus de celles et 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.

<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 :

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

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

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

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

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

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 :

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

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 !

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom