ZCM - Squelette modulaire SPIP/ZCore

, par jeanmarie

L’idée de ce squelette est de moderniser ZDist V2 en le rendant HTML5 et en y intégrant différents besoins propres tels un agenda, les micro-datas, des façons d’afficher des images...

Il est (plus que) largement inspiré de Intégraal de rastapopoulos et SPIPr de Nursit.

Liste des variables personnalisables

  1. // ID de l'article contact pour les liens dans le pied de page
  2. define('_ZCM_ID_CONTACTS','1');
  3. // ID de l'article mentions légales pour les liens dans le pied de page
  4. define('_ZCM_ID_MENTIONS_LEGALES','2');
  5. // ID d'un autre article pour les liens dans le pied de page
  6. define('_ZCM_ID_AUTRE_ARTICLE_FOOTER','10');
  7. // Inclure le css de grillade pour les grille (voir doc pdf plus bas)
  8. define('_ZCM_GRILLADE',true);
  9. // Inclure le js et la css du modèle bloc dépliable
  10. define('_ZCM_BLOCS_DEPLIABLES', true);
  11. // Définir la balise par défaut des blocs dépliables (peut être surchargé par "balise=" mais doit être définit)
  12. define('_ZCM_BLOCS_DEPLIABLES_BALISE', 'h2');
  13. // Inclure la css permettant d'avoir des fonds perdus
  14. define('_ZCM_FOND_PERDU', true);
  15. // Définir la taille limite pour avoir, ou non, des fonds perdus
  16. define('_ZCM_FOND_PERDU_LARGEUR', '1000px');

Télécharger

Doc Grillade

Les modèles

Les blocs dépliables (exemple)
<deplier|debut|titre=Le titre du bloc à déplier|balise=p>
Le texte à déplier
<deplier|fin>

Les inclures

Agenda

Permet d’afficher, sous la forme d’une grille (si grillade activée) de vignettes, un agenda des événements.
2 possibilités :
- les événements à venir (paramètre a_venir=oui)
- les événements de la rubrique (paramètre saison=oui)

Doc complète.

Exemple d’insertion
Si on est à la racine du secteur, on est en mode agenda à venir, sin on est dans une sous rubrique, on est en mode tous les événements de la saison.

  1. [(#ID_RUBRIQUE|=={#ID_SECTEUR}|?{
  2. <INCLURE{fond=inclure/liste/agenda,env,ajax,id_secteur=1,affichage_long=oui,a_venir=oui,afficher_filtres=oui,afficher_mois=oui} />
  3. ,
  4. <INCLURE{fond=inclure/liste/agenda,env,ajax,id_rubrique,affichage_long=oui,saison=oui} />
  5. })]

Télécharger

Dates d’un événement

Affiche les dates d’un événement en gérant les différents cas :
- événement unique
- événement sur la durée
- plusieurs événements le même jour
- plusieurs événements sur plusieurs jours

On peut afficher les dates au format court ou long.

Doc complète.

<INCLURE{fond=inclure/dates-evenement,id_article} />

Vignette d’article

Affiche le logo de l’article, sinon un document image lié à l’article (avec gestion du rang), sinon le logo du site. Fonctionne avec le filtre image_responsive.

Doc complète.

<INCLURE{fond=inclure/vignette-article,id_article} />

Les galeries et diaporamas d’images

Le mosaïque simple

Affiche 2 images côte à côte.

<INCLURE{fond=inclure/galerie/mosaique-simple,id_article} />

Paramètres : position_rond (rien, 0 ou 1) : détermine quelle image sera arrondie (fonctionne avec le plugin Insertion avancée d’images)

Le mosaïque variable

Affiche une mosaïque de 4 images de tailles

<INCLURE{fond=inclure/galerie/mosaïque-variable,id_article} />

Le diaporama

Affiche un diaporama Slick avec les images de la rubrique ou de l’article passé en argument.

<INCLURE{fond=inclure/galerie/diaporama,id_article} />

Dépendances

L’idée est de garder un minimum de dépendances dans le plugin.

  1. <necessite nom="medias_responsive_mod" compatibilite="[1.8.0;]" />
  2. <necessite nom="metasplus" compatibilite="[1.2.5;]" />
  3. <utilise nom="responsivenav" compatibilite="[0.1.0;]" />
  4. <utilise nom="slick" compatibilite="[1.2.0;]" />
  5. <necessite nom="Zcore" compatibilite="[2.5.0;]" />

Télécharger

Taille des textes

1em = 16px.
Pour augmenter d’1px, augmenter de 0.625em.

Taille des fonts

Le repo

https://gitlab.com/jmoupah/zcm

To do

  • mosaïque : choisir les tailles des images
  • diaporama : faire fonctionner avec n’importe quel objet (auteur...)
  • modèle dates-spectacle : pouvoir afficher les horaires
  • Modèle vignette rwd : passer en lazyload + img_recardre proportions

Liens

Framework Z - Industrialisation des squelettes
http://spipr.nursit.com/framework-z

Zpip
https://contrib.spip.net/Zpip

Créer des squelettes avec Zcore
https://contrib.spip.net/Creer-des-squelettes-avec-Zcore

Zpip ou Z, Zcore et Thèmes
https://www.spippourlesnuls.fr/?zpip-ou-z-zcore-et-themes,189

SPIPr - SPIP reboot
http://spipr.nursit.com/

Sur la zone

SPIP-r dist
https://zone.spip.org/trac/spip-zone/browser/_squelettes_/spipr-dist

Integraal
https://zone.spip.org/trac/spip-zone/browser/_squelettes_/integraal/