The Morning After

Squelettes prêts à l’emploi, pour site de type weblog. The Morning After est un squelette adapté d’un thème Wordpress partagé sous licence MIT.

Introduction

Le thème d’origine est téléchargeable sur Google code. Son auteur est Arun Kale [1].

Il se base sur le framework CSS Blueprint ce qui assure un bon niveau de compatibilité entre les navigateurs. Le doctype est XHTML 1.0 Transitional.

La licence du thème d’origine est MIT [2] Mise à jour :

L’adaptation a été réalisée pour SPIP 2.0 et SPIP 3.0. Quelques légères adaptations devraient le rendre compatible avec les versions antérieures.

Un site de démonstration est disponible ici : Squelette The Morning After.

Caractéristiques

Le paquet comprends les squelettes suivants :

-  sommaire
-  rubrique
-  article
-  auteur
-  mot
-  plan
-  recherche
-  archives (tous les billets du site avec pagination)

Pour l’essentiel, les boucles présentes dans les squelettes sont reprises de celles de la dist. L’article propose donc par exemple l’affichage des documents joints, du portfolio, etc.

La page d’accueil comporte :

-  le dernier article
-  un article sélectionné par mot-clé
-  les dernières brèves
-  la liste des derniers articles
-  un encart publicitaire optionnel
-  un nuage de mots clé (nécéssite le plugin Nuage)
-  les derniers commentaires

Le dernier article est affiché au format 470px × 175px. Les images plus grandes seront mises à ce format. L’effet est donc optimal si on utilise de grandes images horizontales pour illustrer les posts.

Le multilinguisme n’est pas géré mais le squelette peut être utilisé en français ou en anglais, les deux fichiers de langue étant fournis.

Les plugins

Les squelettes The Morning After pour SPIP sont compatibles avec plusieurs plugins.

Les balises nécessaires à leur utilisation sont présentes dans les squelettes. Ceux-ci peuvent toutefois être utilisé sans activer le moindre plugin grâce à l’utilisation de la nouvelle balise #PLUGIN de SPIP 2.0.

Les plugins utilisables sont les suivants :

-  Crayons : édition rapide depuis les pages publi­ques du site.
-  Nuage : afficher les mots-clés en faisant varier la taille de la police (page d’accueil, dans la seconde colonne). Aucun groupe de mot clé n’a été défini.
-  Social tags : per­met d’ajou­ter des icô­nes de par­tage de liens vers les sites tels que Digg, Facebook, Delicious.... (page article).
-  CFG (SPIP 2.0) : Permet de configurer le squelette (la “baseline” pour la version stable et le style graphique du site (version de dev. à venir) ).

Je préconise par ailleurs l’utilisation des plugins les plus utiles
habituels
.

Installation et configuration

L’installation consiste simplement à installer le plugin du squelette “The Morning After” (ou déposer le répertoire squelettes à la racine du site par FTP).

Le squelette sera alors immédiatement actif.

Pour en profiter pleinement, vous devez toutefois activer brèves et mots clés dans la configuration de SPIP, ainsi qu’une méthode de fabrication des vignettes dans les fonctions avancées.

-  Article sélectionné : créer un groupe de mots-clés au nom indifférent et ajoutez-y un mot clé intitulé “featured”.
-  Nuage de tags : ajoutez et activez le plugin “Nuage” (disponible dans la liste SPIP-Contrib dans l’espace privé). Pour exclure le mot “featured”, par vous devrez modifier le squelette sommaire.html [3].
-  Publicité : décommentez la ligne <INCLURE{fond=inc-ad_home}> sur sommaire.html pour l’afficher. Par défaut, il s’agit du logo de spip.net et d’un lien vers ce site.

Personnalisation

La personnalisation implique de savoir préparer une image pour le web. Trois images sont nécessaires pour personnaliser le site :

-  squelettes/images/bg/home_banner.png pour la page d’accueil
-  squelettes/images/bg/archive_banner.png pour les rubriques et la page archives
-  squelettes/images/bg/single_banner.png pour les articles.

Vous pouvez aussi utiliser la même image partout avec trois noms différents.

Le logo du site SPIP importé par l’onglet Configuration de l’espace privé s’affichera aux dimensions maximales de 535x90px.

Pour personnaliser la publicité (format 250 X 250 px), modifiez le fichier inc-ad_home.html

Enfin, vous pouvez ajouter une feuille de style perso.css surcharger la feuille de style du site et ajouter par exemple des couleurs.

Les évolutions possibles du squelette

Le squelette est disponible sur SPIP-zone. Vous pouvez donc participer à son évolution : http://zone.spip.org/trac/spip-zone... et/ou svn://zone.spip.org/spip-zone/_squelettes_/the_morning_after

Cette version 1 est une adaptation la plus fidèle possible du thème Wordpress d’origine. Dans ce contexte les améliorations suivantes peuvent être apportées [4]:

-  pouvoir utiliser le plugin CFG (lequel deviendra alors sans doute nécessaire) ;
-  configuration du groupe de mot clé à afficher dans Nuage (avec CFG)
-  ajout d’un champs de saisie d’une accroche (baseline) pour afficher sous le nom du site (actuellement : reprend #DESCRIPTION ;
-  activation et personnalisation de la publicité par le backoffice.

Les évolutions possibles sont les suivantes pour une version 2:

-  ajout d’une blogroll (liste de sites référencés) ;
-  utilisation des microformats dans le code (X)HTML; (ok pour auteurs)
-  création de variantes de pages (pour l’instant seule la page auteur a une variante)(nécessite le plugin “compositions”)
-  Modification de l’apparence graphique du site (couleurs, typographie et images de fond)(via le plugin CFG )
-  ajout du formulaire de contact auteur;
-  affichage de l’article si la rubrique n’en compte qu’un seul.(ok, mais nécessite le plugin “compositions”)

N’hésitez pas à indiquer dans les commentaires si vous utilisez ces squelettes et les améliorations éventuelles qui pourraient être utiles.

Footnotes

[1Mise à jour : depuis l’adaptation sous SPIP, l’auteur a changé l’emplacement de téléchargement du thème qui est désormais http://themasterplan.in/tma. La licence de la nouvelle version du thème est différente également.

[2Selon Wikipedia : cette licence «est une licence de logiciel libre et Open Source. Elle donne à toute personne recevant le logiciel le droit illimité de l’utiliser, le copier, le modifier, le fusionner, le publier, le distribuer, le vendre et de changer sa licence. La seule obligation est de mettre le nom des auteurs avec la notice de copyright.

Elle est très proche de la nouvelle licence BSD, seule la dernière clause diffère. Elle est compatible avec la GNU General Public License.»

Le jeu de squelette comporte le fichier README d’origine avec une copie de la licence. L’auteur demande de conserver la mention de copyright dans le footer, au moins sous forme de commentaire. Un lien vers son site et vers le site spip.net sont aussi présents dans le footer.

[3Pour préciser par exemple le gourpe de mots clés utilisés pour vos tags avec la syntaxe [(#MODELE{nuage}{id=4})] si vos tags sont dans la rubrique 4.

[4les évolutions rayées sont disponibles dans le paquet “en travaux”

Portfolio

updated on 2 October 2019

Discussion

120 discussions

  • Bonjour,

    J’essaie de travailler sur ce squelette... Il est vraiment, vraiment très propre et très beau.

    J’ai un souci avec Acces restreint 3.0 + SipBB Version : 0.5.3.1 [30205]. Lorsque je me déconnecte, tout disparaît (accès à la racine) mais les messages du Forum sont encore sur la page. Tout le reste a disparu sauf le bandeau bien entendu.

    Que faire ?

    Merci encore

    Robert Caron

    Reply to this message

  • Mickaël

    @ Ashaszin : merci pour ta réponse !

    Mais j’ai maintenant une autre question :-).

    Je précise : je suis sous SPIP 2.0.3, squelette en version stable.

    Sur la page d’accueil, j’ai donc les deux derniers articles, plus les articles en sélection.

    Mon petit soucis, c’est que j’ai le chapeau et le début de ces derniers qui est mis en cache, et donc plus visible. Comment puis-je solutionner ça, sachant que je suis allé dans le couteau suisse mais que ça n’a pas changé grand-chose...

    Adresse du site : http://www.villagesdeville.com/

    Merci d’avance !

    Reply to this message

  • 7
    Mickaël

    Bonjour à tous

    J’ai un petit souci pour le formulaire de contact auteur. Lorsque je clique sur “Ecrire à l’auteur”, ça ne fait rien.

    Je pense que cela vient d’un pb dans le zip, car le répertoire “scripts” ne contient rien, et apparemment, ça fait appel à une fonction JS. Quelqu’un a une idée ?

    Merci d’avance !

    Mickaël

    • Jean-Marc

      Bonjour,
      je débute sous SPIP
      je viens d’installer Morning after dans le répertoire racine mais rien ne se produit.
      j’ai du me planter quelque part.
      Ou dois je implanter le répertoire Morning after ?
      Merci Jean-Marc

    • Valéry

      Le répertoire où se trouvent les fichiers téléchargés doit être installé à la racine mais être intitulé “squelettes” pour qu’il soit reconnu.

      Voici la documentation : Où placer les fichiers de squelettes ?

    • ashaszin

      Bonjour Mickaël,
      En quelle version de SPIP es tu ? Une mise a jour de SPIP réglerait ton souci, je pense.

      Le bout de javascript cible la classe “.formulaire_ecrire_auteur” du #FORMULAIRE_ECRIRE_AUTEUR, or cette classe n’est apparue que recemment (en 2.0.8 ?). Avant le ciblage se faisait sur l’id

      Sinon, pour l’instant, le répertoire scripts ne contient rien, c’est normal. Le bout de javascript concerné se trouve directement sur la page (dans le

      , juste après la balise #INSERT_HEAD), car il n’est utilisé qu’à cet endroit.
    • Jean-Marc

      Bonsoir,
      je viens d’installer Morning After.
      C’est OK, cependant les brèves n’apparaissent pas
      que dois-je faire?
      MERCI
      Jean-Marc

    • Jean-Marc

      bonsoir VALERY,
      j’ai oublié de te remercier pour l’info.
      Morning After fonctionne.

      MERCI
      Jean-Marc

    • Jean-Marc

      bonsoir,

      je débute sur SPIP.

      Comment intégrer des images sur la page d’accueil.

      MERCI

      Jean-Marc

    • Valéry

      Morning After 1.0 est l’adaptation fidèle d’un thème Wordpress où le
      concept de brève n’existe pas. Je t’invite à utiliser la version dite
      “En travaux” où plus de fonctionnalités de SPIP ont été intégrées

    Reply to this message

  • 1

    Salut à tous et à toutes,

    Juste un petit mot pour dire que j’adore ce squelette et que j’apprécie particulièrement la simplicité avec laquelle on peut opérer des modifications afin de l’adapter à ces besoins. Il est facile de sélectionner des articles pour les mettre en “Une” du site mais aussi en “Une” de la rubrique, facile aussi de supprimer des fonctions que l’on utilise pas et d’en ajouter d’autre. Mon site (http://www.amiens80.fr) est le premier que je fais sous SPIP grâce à ce squelette mais ne sera sans doute pas le dernier !

    Merci encore !

    Ch@rles.

    • Jean-Marc

      Bonjour, je débute sous SPIP;
      je viens d’installer Morning after dans le répertoire racine de mon site.
      Rien ne se produit.
      J’ai du me planter.
      ou dois-je installer le répertoire de Morning after
      MERCI
      Jean-Marc

    Reply to this message

  • Bonjour, Lors d’une recherche dans le moteur de recherche spip, si celle-ci ne retourne aucun résultat, rien ne s’affiche sur la page ce qui décale toutes les noisettes de mon squelette (the morning after). Comment faire afficher un message du type “Désolé, aucun article ne correspond à votre recherche” ? Merci !

    Ch@rles (www.amiens80.fr)

    Reply to this message

  • Bonjour,

    J’utilise le squelette The Morning After, merci pour ce travail.

    Ma question concerne le forum, quand je clique sur répondre à cet article, en bas de du forumlaire de réponse, j’ai les noms de rubriques qui s’affichent en dessous et je voudrais les supprimer car j’utilise une barre de navigation horizontale et je ne sais ou se trouve le fichier

    http://www.monsite.com/spip.php?page=forum&id_article=xxxx

    J’ai cheché dans inc forum, forum dans squelettes-dist, je suis bloqué.

    Merci pour votre aide.

    Reply to this message

  • 2

    Bonjour,

    c’est un très joli travail ... le premier zip n’est pas complet c’est dommage.

    J’ai cependant une suggestion, serait-il possible d’implémenter le plugin “sélection d’articles” à la place d’utiliser le mot clé “featured” ?

    • Bonjour jsb,

      Pour avoir une version “à jour”, il vaut mieux récupérer le squelette directement sur la zone, via subversion.
      Voir : http://zone.spip.org/trac/spip-zone/wiki/CommentUtiliserSvn

      Mais c’est vrai que là, actuellement la version de dev est “propre”, on pourrait en faire un zip, je vais essayer de voir ça avec vxl.

      Si tu as quelques compétences, n’hésite pas à utiliser spip-zone pour faire évoluer le squelette ! C’est le principe :)

      Concernant le système avec mot-clef “featured”, je n’en suis pas très “fan”, mais cette solution a l’avantage de ne pas faire dépendre le squelette d’un plugin en particulier.

      Je vais voir du coté du plugin que tu cites (et que je ne connais pas), pour voir s’il est possible de rendre le squelette compatible avec “sélection d’articles” sans que ce soit une obligation d’installer ce plugin (comme dans la version actuelle et le plugins CFG, social tags et compositions).

    • Pour le SVN pas de souci j’ai l’habitude.

      J’ai commencé à faire quelques améliorations :
      -  correction de bogues dans breve.html
      -  intégration du plugin “sélection d’articles” et suppression de featured

      J’ai prévu d’autres trucs spécifique à mon projet, mais on doit pouvoir faire cohabiter les deux.

      http://mp-st-cloud.ac-versailles.fr/

    Reply to this message

  • Un autre detail de validaton de la page article :
    remplacer :

    <div id="logo" class="column first">
       [<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">(#LOGO_SITE_SPIP||image_reduire{535,90}|sinon{
             <div class="title">
              <div><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">#NOM_SITE_SPIP</a></div>
            </div>

    par :

    <div class="title">
       <div>
           [<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">(#LOGO_SITE_SPIP||image_reduire{535,90}|sinon{#NOM_SITE_SPIP})</a>]
        </div>
     </div>

    ( interdit de mettre un div dans un a )

    PS: encore une fois merci a tetue, cerdic et fil pour me guider sur #spip ;)
    PS2 : Vive l IRC irc://chat.freenode.net#spip !

    Reply to this message

  • Bonjour,

    Tout d abord merci mille fois pour le portage de TMA sous spip, je l avai teste sur d autres CMS et spip ( ou au moins moi ;) avait a mon humble avis vraiment besoin de ce theme qui change un peu du squelette standard.

    Ensuite, apres avoir parametre mon spip pour afficher ses urls en style arbo ( parametrage dans /ecrire/?exec=config_fonctions ), le squelette ne fonctionnai plus

    Pour rendre le squelette compatible avec ce type d urls bien utiles pour le referencement le fix est assez simple ( merci cerdic et #spip pour m avoir mis sur la bonne piste pour le fix )

    Il suffit de rajouter dans le

    des pages rubriques et articles : <base href="#URL_SITE_SPIP/" />

    Et tout remarche, sans que cela ne semble caser quoi que ce soit au squelette.

    Pour plus d infos , voir :
    http://www.spip-contrib.net/-URL-propres-en-arborescence-

    Reply to this message

  • merci pour le tuyau, je n’ai mis que la ligne concernant les sous -titre et voilà le résultat et je ne comprends pas pourquoi 1: Erreur : filtre « :url_reponse_forum » non défini _principale
    2 Erreur : filtre « :url_reponse_forum » non défini _principale

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom