SPIP-Contrib

SPIP-Contrib

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

246 Plugins, 178 contribs sur SPIP-Zone, 146 visiteurs en ce moment

Accueil du site > Squelettes > Squelettes éditoriaux > EGT > EGT squelette plugin pour SPIP 2

EGT squelette plugin pour SPIP 2

10 mai 2009 – par damazone – 21 commentaires

16 votes

EGT est un squelette « classique 3 colonnes » qui peut convenir à plusieurs types de contenus. L’idée générale était de faire un squelette qui permette l’ajout de blocs d’infos dans une ou plusieurs colonnes à l’aide de mots clés.

Ce squelette utilise un menu dépliable qui affiche les titres d’articles.

Nom du Squelette : EGT

-  Version du squelette : 0.6
-  Auteurs : damazone, sBa (Squelette egt v0.2 pour 1.9)
-  Licence : GPL
-  Compatibilité SPIP : nécessite SPIP 2 minimum
-  Site exemple : Site de Genres Pluriels
-  Télécharger : Squelette egt pour Spip 2 - 171,3 ko
-  Sources : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/egt/
-  svn : svn ://zone.spip.org/spip-zone/_squelettes_/egt/

Sommaire

-  Principales fonctionnalités et spécificités
-  Comportement vis-à-vis d’autres plugins
-  Gestion du multilinguisme
-  Ce que le squelette n’a pas (ToDo)
-  Testé sur ces navigateurs
-  Installation et mise à jour
-  Personnalisation par mots-clé

Principales fonctionnalités et spécificités

-  Validité XHTML 1.0 transitional.

-  Squelette accessible ou essayant de l’être...

-  Menu dépliable affichant les titres d’articles (menu classique possible).

-  Affichage des forums, brèves, pétitions, annuaire de site.

-  Utilisation du formulaire_ecrire_auteur à la place de #EMAIL pour éviter le spam.

-  Affichage de la date de modification des articles.

-  Utilisation de la balise #CHEMIN (déplacement facilité du répertoire contenant les fichiers liés au squelette).

-  Balise #INSERT_HEAD présente dans le inc-header appelé sur toutes les pages du squelette.

-  Une seule feuille de style (egt.css), feuille de style pour l’impression des articles.

-  Intègre la déclaration css du plugin barre typo enrichie stable 1.9.1.

-  Numérotation des articles et des rubriques possible pour définir l’ordre d’affichage sur le site public.

-  Page d’erreur 404.

-  Filtre de redimensionnement des images (dans les textes des articles, dans l’affichage des colonnes latérales).

-  Portfolio des documents présentant une galerie d’images si les documents attachés sont de type image (png, jpg, gif...) repris du squelette-dist de spip2

-  Installation automatisée des mots-clé grâce à une page de configuration intégrée à l’espace privé.

-  chemin de navigation montrant à tout moment où l’on se trouve dans l’arborescence du squelette

-  le bandeau supérieur, le chemin de navigation, la colonne de gauche, un header, un pied de page sont appelés sur toutes les pages du squelette.

-  la colonne de droite est différente selon que l’on se trouve sur le sommaire du site, dans une rubrique ou un article.

-  intègre une noisette de statistiques (les statistiques doivent être activées) et du nombre de visiteurs connectés grâce au mot-clé « Afficher statistiques »

-  intègre une barre de menu horizontal accessskey grâce au mot-clé « Afficher acceskey » pour pouvoir accéder aux parties du site grâce à des touches de raccourci

-  intègre une barre de menu horizontal topnav grâce au mot-clé « Afficher topnav »

-  rassemble des exemples d’images pour les titres des blocs du sommaire dans le répertoire IMG_exemples/

-  prise en compte des documents joints dans les articles et dans les rubriques

Comportement vis-à-vis d’autres plugins

-  détecte le plugin crayon permettant d’éditer les champs de style texte directement depuis l’espace public

-  détecte le plugin agenda, affiche dans une noisette dans la colonne de droite le mini-calendrier et l’agenda complet, possibilité de s’abonner au fil rss des événements

-  détecte le plugin boutons texte agrandi ou pleine page ; des boutons s’affichent dans l’entête du site

-  détecte le plugin spip-listes ; un lien dans le menu horizontal de l’entête permet d’afficher le formulaire d’abonnement ; affiche une page avec les courriers qui ont déjà été envoyés

-  détecte le plugin splickrbox et possiblité d’afficher dans la colonne de droite un album à la une grâce au mot-clé album une

-  compatible avec les plugins accès restreint, agenda, barre typo, boutons d’administration, cfg, couteau suisse, crayons, dump download, enluminures typo, no spam, saveauto, spip-listes, splickrbox, thickbox et bien d’autres...

Gestion du multilinguisme

Dans l’espace privé de spip, il faut d’abord penser à configurer correctement la gestion des langues (configuration > gestion des langues) :

  • Dans l’onglet "Langue principale du site", choisir la langue principale (dans mon cas le français),
  • Dans l’onglet "Multilinguisme", choisir les langues nécessaires (il peux y en avoir plus que 2 !),
  • Toujours dans l’onglet "Multilinguisme", configurer les options comme suit :
    • Activer le menu de langue sur les articles ? Oui
    • Activer le menu de langue sur les rubriques ? Oui
    • Gérer les liens de traduction ? Oui

-  Si plusieurs langues sont actives, un menu de choix de langue en url s’affiche dans le bandeau supérieur de la page du sommaire (adaptation du menu de langues façon spip.net) ;

-  Le menu de rubriques n’affichera que les rubriques dans la langue choisie.

-  La liste des articles récents ne montre pas de doublons lorsqu’il existe plusieurs versions de l’article dans des langues différentes, uniquement les articles dans la langue choisie s’affichent.

-  S’il n’existe pas d’article équivalent dans la langue choisie, alors le sommaire montre l’article dans l’autre langue (voir la contribution Afficher les articles dans un sommaire multilingue).

-  Le squelette montre les traductions de l’article (#MODELE{article_traductions}) ;

-  Le squelette utilise des fichiers de langue actuellement FR, NL, EN, ES, PT

Ce que le squelette n’a pas (ToDo)

-  Pas de squelette d’affichage des mots clés

-  Page auteur à compléter

-  Feuille de style à améliorer

-  Pouvoir redéfinir les blocs

-  Pouvoir utiliser une palette de couleurs

-  Utiliser le plugin cfg pour la configuration de egt

-  Prévoir des groupe de mots-clé par langue

-  Traduire la documentation

Testé sur ces navigateurs

Aperçu des tests sur les navigateurs web
Validé ?PlateformeNavigateurVersion
oui Windows Firefox > 3
oui Windows Internet Explorer > 6
oui Windows Opera > 9
oui Windows Safari  ?
 ? Mac Internet Explorer  ?
oui Mac Firefox > 3
oui Mac Safari  ?
 ? Mac Opera  ?
oui Linux Debian Web Browser > 2.22.3
oui Linux IceWeasel > 3.06
 ? Unix/Linux Konqueror  ?
 ? Unix/Linux Opera  ?

Installation et mise à jour

Le squelette EGT est un plugin et s’installe selon la procédure standard d’installation d’un plugin.

  1. Si les dossiers /plugins/auto/ n’existent pas, les créer au besoin à la racine de SPIP.
  2. Dans l’interface privé de SPIP, aller à : Configuration > Gestion des plugins : Ajouter des plugins - Installation automatique
  3. Cliquer sur : http://www.spip-contrib.net/... et Valider.
  4. Dans la liste des plugins à installer qui s’affichent au bas, repérer et sélectionner egt.
  5. Valider (la dernière version du squelette sera téléchargée dans /plugins/auto/)
  6. OU, copier et coller l’adresse suivante : http://files.spip.org/spip-zone/egt.zip et Valider.
  7. Après le téléchargement, dans la Liste des plugins du haut, cocher Squelette egt et Valider pour activer.
  8. Dans Configuration, Vider le cache du répertoire de SPIP et des images calculées.
  9. Créez les mots-clé via le menu de configuration egt Configurer egt
  10. Ensuite cliquez sur le bouton Valider dans la page de configuration egt

Le site est alors utilisable.

Mise à jour

Pour une mise à jour automatique,

  1. Pensez à effectuer une copie de sauvegarde de vos styles personnalisés.
  2. Répéter les opérations de 4 à 10.

Personnalisation par mots-clé

Pour être personnalisé, le squelette EGT fonctionne avec des mots clés. Un lien dans la description du plugin (ou dans le menu configuration de SPIP) permet de créer automatiquement les 16 mots-clé en un seul clic ainsi que le groupe auquel ils appartiennent (« egt_squelette »)...

Le bandeau supérieur est le logo du site (dans configuration du site, 741px de large conseillé). Profitez-en pour remplir le champ descriptif du site, c’est celui-ci qui s’affichera, normalement, dans les moteurs de recherche.

EGT se personnalise grâce aux mots clés du groupe « EGT_squelette » (nom pouvant être modifié).

Description des mots-clé egt
mot-cléDescription
afficher infos bandeau Si ce mot clé n’a pas de texte explicatif, le nom du site s’affichera, sinon le texte de ce mot clé s’affichera vers la gauche du bandeau. On peut ajouter un logo à ce mot clé pour qu’il s’affiche sur la droite du bandeau. On pourra affiner en modifiant la feuille de style egt.css dans la partie [Header]
afficher aide site Ce mot clé a été prévu pour afficher des documents pour les rédacteurs du site quand ils sont à l’écran de connexion. Pour ajouter le texte (#TEXTE) d’un article sur cette page (colonne gauche) affectez ce mot clé à cet article. On peut ajouter un logo au mot clé qui s’affiche une fois au dessus. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher article dans colonne centrale Permet d’afficher le texte d’un article (#TEXTE), le chapeau (#CHAPO) et son titre (#TITRE) dans la partie supérieure centrale de la page d’accueil. Si l’on met un logo à ce mot clé, il s’affichera une fois dans la partie supérieure. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher article actu Si ce mot clé est sélectionné pour un site référencé et syndiqué, les titres des articles s’afficheront dans une liste ’actualités’. Le nom du site s’affiche en dessous du titre de l’article référencé. Par défaut ce sont les articles choisis au hasard (parmi les sites qui ont ce mot clé) qui ont moins de 45 jours. Vous pouvez modifier ce paramètre dans le squelette inc-articles-actu.html. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher logo breves Permet d’afficher un logo pour signaler les brèves (logo du mot clé). S’il y a des brèves et que le mot-clé ne possède pas de logo, un titre s’affichera au format de texte. Les titres des brèves s’affichent au début de la colonne droite. Au survol du logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher logo participer Permet d’afficher un logo pour signaler le formulaire "participation", il faut que cette option soit active dans le menu de configuration de Spip (configuration/interactivité). S’affiche dans la colonne gauche, après la sélection de titres d’articles des sites syndiqués. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher logo rechercher Permet d’afficher un logo pour signaler le formulaire "recherche" (colonne gauche). Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher nom site S’affiche sur la colonne gauche, après le formulaire de recherche. Permet d’afficher un logo pour signaler une liste des sites référencés qui ont le mot clé "afficher nom site". Au survol de ce logo, une étiquette flotante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher site syndique et articles Si ce mot clé est sélectionné pour un site référencé et syndiqué, les 4 derniers titres de ce site s’afficheront dans la colonne droite (après texte ou titre à retenir). Par défaut ce sont les 4 derniers articles triés par date. Vous pouvez modifier ce paramètre dans le squelette inc-sites-syndiques.html. On peut ajouter un logo à ce mot clé pour signaler cette partie du site. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher texte a retenir Si ce mot clé est sélectionné pour un article, son texte (#TEXTE) s’affichera dans la colonne droite (après les brèves). Un logo type ’a retenir’ peut être ajouté à ce mot clé, mais c’est le logo du mot clé "titre a retenir" qui aura priorité si celui-ci existe. Au survol de ce logo, une étiquette flotante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
afficher titre a retenir Si ce mot clé est sélectionné pour un article, son titre (#TITRE) s’affichera dans la colonne droite. Un logo type ’A retenir’ peut être ajouté à ce mot clé, il ne s’affichera qu’une fois même s’il plusieurs articles ont ce mot clé. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
exclure de dernieres parutions Si ce mot clé est sélectionné pour un article, il ne s’affichera pas dans la liste des derniers articles publiés sur la page d’accueil. Le nombre des derniers articles qui s’affichent par défaut est de 5, ce paramètre lié à la balise #PAGINATION est modifiable dans le fichier sommaire.html (boucle ). Pour plus d’infos voir l’article concernant la balise #PAGINATION sur Spip.net.On peut ajouter un logo à ce mot clé (type ’dernières parutions’) pour qu’il s’affiche sur la page d’accueil. Au survol de ce logo, une étiquette flottante s’affiche avec le contenu du texte explicatif (#TEXTE) de ce mot clé.
exclure du menu Si ce mot clé est sélectionné pour un article ou une rubrique, il ne s’affichera pas dans le menu.
ne pas afficher formulaire site Si l’option « Gérer un annuaire de sites Web » (menu configuration de Spip / contenu / Référencement de sites et syndication ) est active le formulaire de site s’affiche dans la page rubrique sauf si ce mot clé a été sélectionné (pour la rubrique). Alors le formulaire ne s’affichera pas.
album une Permet d’afficher un article à la une sur le site ; si le plugin splickrbox est activé, les images apparaissent alors dans un cadre dynamique
espace membres Permet de choisir une rubrique réservée aux membres
afficher statistiques Permet d’afficher une noisette de statistiques (les statistiques doivent être activées) et le nombre de visiteurs connectés
afficher accesskey Permet d’afficher un menu horizontal avec des accesskey
afficher topnav Appliqué à un article ou une rubrique, permet de l’afficher dans un menu horizontal de l’entête du site

Télécharger le plugin

Zip - 171.3 ko
egt.zip
Squelette egt pour SPIP 2.0

Compatible avec SPIP 2.0

Voir en ligne : Genres Pluriels

Retour en haut de la page

21 Messages de forum

Voir toute la discussion

Pages 1 | 2 | 3

  • Répondre à ce message

    1er octobre 2009 00:09, par osteokin

    Merci, j’avais trouvé cette solution en poussant à 1024px la div page et en laissant une partie blanche à droite sur l’image (la bannière) car pour cette largeur c’est sous firefox que la bannière devient trop courte. Dernier petit tracas avant publication (dimanche) : comment faire apparaitre à la fin des articles actu du sommaire : "répondre à cette article" ? comme quand on consulte les articles à partir du menu J’ai réussi à faire figurer l’article complet mais pour le forum-réponse je sèche Merci d’avance pour ce dernier coup de main Le site actuel : http://www.lechesnay-a-gauche.org/ Sous spip 1.92 passera en 2.0x et EGT 0.4 si tous va bien pour le transfert ! Cordialement osteokin

  • Répondre à ce message

    30 septembre 2009 20:37, par damazone

    Après avoir effectué quelques tests, apparemment les largeurs du div conteneur ne sont pas les mêmes en firefox et en ie.

    Mettez une largeur du div page à 1017px pour avoir la largeur du conteneur à 950px avec ie.

    Cordialement.

  • Répondre à ce message

    27 septembre 2009 22:33, par damazone

    Difficile de vous aider sans accès à votre site.

    Une image de 950px de large... N’est-ce pas dû au padding droit de l’entête ?

    Il faudrait peut-être enlever le padding droit sur le div entete :

    padding: 10px 0px 0px 0px;

  • Répondre à ce message

    24 septembre 2009 22:13, par OSTEOKIN

    Bonsoir merci encore pour votre aide, j’ai résolu le pb n°2 (une image trop grande insérée dans un des textes actus) Pour la bannière qui est un .png de 950x113px ok pour mozilla mais toujours rétrécissement en dessous pour IE7 (captures jointes, le site st en local) j’espère que vous aurez une solution, le remplacement de l’ancien site (spip1.9, squelette standard devrait se faire début octobre) Cordialement Oteokin

  • Répondre à ce message

    23 septembre 2009 11:41, par damazone

    Bonjour,

    Pour que l’on voit le résultat, pourriez-vous donner l’url de votre site.

    1- une image logo (entête) > a 880px réduit en largeur tout ce qui en dessous (topnav, recherche et conteneur)

    > Peut-être réduire ou augmenter la taille de l’entête ?

    2- les 5 derniers articles sont décalés vers le bas au niveau du bas colonne gauche et droite (en jouant sur les marges j’ai juste réussi a le centrer)

    > essayez de réduire la largeur du bloc centre

    3- les marges entre acckey et entête (logo) sont très grandes Merci de votre aide (...)

    > Les styles sont personnalisables dans le fichier perso.css que vous devez créer dans le répertoire css. Voir l’article Personnaliser les styles de egt.

    Cordialement,

  • Répondre à ce message

    23 septembre 2009 00:18, par Osteokin

    Bonsoir Un dernier petit coup de main avant la mise en ligne Tout va bien sous mozilla mais, eh oui sou IE7 c’est terrible ! 1- une image logo (entête) > a 880px réduit en largeur tout ce qui en dessous (topnav, recherche et conteneur) 2- les 5 derniers articles sont décalés vers le bas au niveau du bas colonne gauche et droite (en jouant sur les marges j’ai juste réussi a le centrer) 3- les marges entre acckey et entête (logo) sont très grandes Merci de votre aide Cordialement

  • Répondre à ce message

    14 septembre 2009 12:43, par damazone

    Bonjour,

    Le squelette EGT détecte automatiquement le plugin agenda. Le squelette EGT ne dispose pas de mot-clé particulier par rapport aux événements.

    Quand le plugin agenda est activé, le squelette EGT affiche dans la colonne de droite du sommaire un mini-calendrier et les 2 derniers événements associés à des articles publiés. Dans la barre horizontale de l’entête, le squelette EGT affiche aussi un lien "Agenda" vers une page reprenant la liste des événements.

    Il faut donc installer et activer le plugin Agenda et ensuite créer des événements sur les articles (et non des brèves).

    Cordialement.

  • Répondre à ce message

    13 septembre 2009 22:00, par osteokin

    Merci beaucoup de votre réponse, c’est parfait. J’ose une dernière requête (celle d’un béotien qui ne pratique Spip et EGT que depuis mi août) : je n’arrive pas à afficher l’agenda des évènements au dessus des brèves ; j’ai choisi deux brèves et un article (après avoir coché la case dans propriété du mot mot cles AGENDA et les avoir associés a ce mot clés, j’ai retiré le document de splickrbox ; Rien à faire Merci encore pour votre aide

  • Répondre à ce message

    13 septembre 2009 16:02, par damazone

    Bonjour,

    Dans le fichier inc/inc-menu.html, remplacer la ligne 37

                                                                    <BOUCLE_rubriques(RUBRIQUES){id_parent}>

    par celle-ci :

                                                                    <BOUCLE_rubriques(RUBRIQUES){par titre}{id_parent}>

    La correction sera prévue dans la prochaine version du squelette egt.

    Cordialement.

  • Répondre à ce message

    12 septembre 2009 12:10

    Bonjour et merci pour ce squelette Je n’arrive pas à organiser (classer) les sous rubriques dans le menu Dans le secteur privé de les ai numérotées comme pour les rubriques racines je suppose que la solution est dans inc-menu mais comment ? A noter ; Quand je modifie ’par titre en par num titre" dans p>

Pages 1 | 2 | 3

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • Plugin Pages uniques

    11 décembre 2008 – 75 commentaires

    Allez, avouez... il ne vous est jamais arrivé d’avoir besoin d’articles qui ne sont rattachés à aucun rubriquage particulier ? Des articles uniques, n’ayant ni de thème, ni de rapport avec aucun autre ? Ou encore des articles pour lesquels vous avez (...)

  • Le plugin Accès Restreint

    29 septembre 2006 – 518 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public et privé en accès restreint. Les zones ainsi définies ne sont alors accessibles qu’aux visiteurs authentifiés et (...)

  • Les thèmes de Sarka-SPIP 3

    26 décembre 2009 – 14 commentaires

    Cet article a pour but de présenter brièvement la liste des thèmes propres à Sarka-SPIP au travers d’une galerie de vignettes. La galerie Vous pouvez télécharger le thème que vous désirez en cliquant sur sa vignette. Prochainement, une description de (...)

  • Formulaire de participation à un événement

    23 janvier – 17 commentaires

    Cet article tente de rassembler des informations au sujet de l’affichage d’un formulaire de participation aux événements gérés par le plugin Agenda développé par Cédric Morin. La version 2 du plugin Agenda permet d’afficher dans l’espace public des (...)

  • Le Squelette Zpip

    11 novembre 2009 – 119 commentaires

    Zpip [1] est un squelette réutilisable, modulaire et disposant d’une galerie de thèmes. Il est issu d’une fusion des projets Zesty et SPIP-Zen. Installer Zpip Pour installer Zpip et jouer avec sans plus attendre, il suffit de suivre le guide (...)