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.

Attention : ce squelette, créé en 2008, n’est plus maintenu par ses auteurs. Il peut ne pas fonctionner.

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.

Notes

[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 »

Discussion

120 discussions

  • Bonjour
    J’ai installé le skl The Morning After sur le site suivant : Sgsb (La Sauvegarde de la Galette Saucisse Bretonne) et j’ai modifié légèrement l’aspect graphique.
    Tout fonctionne bien...
    Mais j’ai un petit soucis avec les sites référencés (Nouveautés web), le skl affiche bien les éléments « texte » (titre, date, descriptif) par contre il n’affiche pas l’image de l’article syndiqué...

    J’utilise :

    [ (#DESCRIPTIF|extraire_balise(img)|| ?([(#DESCRIPTIF|extraire_balise(img)|image_reduire(400,0)|image_recadre(48,48,center))], #LOGO_SITE_SPIP))
    ]
    Merci d’avance

    Répondre à ce message

  • 1
    seputarjakarta.com

    Bonjour à tous,

    j’ai trouvé que ce squelette est super...

    je n’ai qu’un petit pb d’inserer de fichier en flash (swf) dans la page d’accueil...

    merci

    seputarjakarta.com

    • Bonjour,

      lorsque je clique sur un onglet du menu, contenant des sous rubriques, articles, j’obtiens cette erreur « Perdu ? Retour à la page d’accueil. »

      Alors que mes sous-rubriques sont bien liées à la rubrique parent.

      Cordialement.

    Répondre à ce message

  • Bonjour,

    Je sais bien que ce squelette n’est plus maintenu, mais bon. Pour ceux que ça intéresse : liste des problèmes.

    1- « - 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. »
    C’est faux, ça ne fonctionne pas ou plus. Il faut changer les css ou aller voir ailleurs (j’ai triché en mettant tout dans le dossier du plugin provisoirement, pas envie de tout modifier).

    2- Il y a une page de configuration dans l’interface privée, très sobre : elle est vide donc on ne peut rien configurer par là.

    3- Pour les titres h3 (et probablement d’autre h), il reprend l’horrible mise en forme du squelette dist (petits caractères centrés...) et pas autre chose (j’ai essayé de modifier les css), remarquez avec Skeleditor on peut corriger facilement (merveilleux plugin celui-là).

    4- Et alors pour les appels de notes, vous allez rire (moi j’ai pas trop rigolé en fait) il renvoie à la page d’accueil (dans les deux sens !).

    Bref, il a l’air assez buggé. Je ne sais pas ce que s’est passé.

    Il est utilisable en l’état, certes (le temps de faire autre chose).

    Répondre à ce message

  • 2

    Salut !

    J’ai un utilisateur qui est intéressé par ce squelette mais on est en spip3. Cela ne te dérange pas si je reprends les zip et les injecte sur la zone en faisant le ménage pour avoir un V. SPIP2 et une SPIP3 ?

    • Au contraire, je ne le maintiens plus de mon côté donc très bien si vous reprenez et faites évoluer.

    • Passage

      Bonjour, je suis en spip 3010 et le squelette fonctionne à merveille sur un de mes sites, je remercie au passageValery pour ce beau travail

    Répondre à ce message

  • Bonjour à tous, j’aimerai savoir comment publier l’encart pub pour Firefox

    J’ai regardé les commentaires mais rien ne marche.
    Sous IE ça passe mais pas sous Firefox...

    Quelle est le code et procédure exacte ?

    Merci par avance

    Répondre à ce message

  • 1

    Bonjour,
    j’ai installé spip sur http://www.maep2010.com.ar et souhaite définir combien de « dernier article » ou « derniers articles » je souhaite faire apparaître : quel fichier et quelle ligne du squelette dois-je mofier ?
    merci d’avance
    yubi

    • Pour modifier le nombre d’articles tu changes

      <BOUCLE_articles_recents(ARTICLES) {par date}{inverse}{0,1}{doublons}>

      en

      <BOUCLE_articles_recents(ARTICLES) {par date}{inverse}{0,X}{doublons}>

      X étant le nombre de derniers artciles que tu veux...

    Répondre à ce message

  • Merci pour votre squelette que j’utilise en local en attendant de le mettre sur la toile.Tout marche bien y compris le rajout d’une vidéo sauf deux points noirs :
    1-Pas d’images comme le squelette de démonstration !
    2- impossible d’envoyer un message à l’auteur( à cause d’un problème technique)
    Je ne sais pas si vous avez des solutions et merci par avance !

    Répondre à ce message

  • 2
    Mathis

    Bonjour, je viens de créer un blog en utilisant le squelette Morning-After ; tout est Ok sauf les vignettes de la colonne « billets récents » qui ne sont pas redimensionnées

    Quel fichier je dois modifier pour avoir des vignettes de taille 48x48 ?

    Merci de votre aide

    • Mathis

      J’ai changé de version SPIP (je suis revenu à SPIP 2.0.9) et le problème est résolu...

      Le problème est donc une incompatibilité avec la version SPIP 2.1

    • seputarjakarta.com

      Bonjour,

      J’essaye de vous aider...
      Il faut aller dans sommaire.html

      (#LOGO_ARTICLE||image_reduire[75,75])

      seputarjakarta.com

    Répondre à ce message

  • Faite attention, les forums de :

    http://www.valeryxavierlentz.eu/the_morning_after/spip.php?article3#forum532

    et d autres articles sont gravement infestes de spam

    Répondre à ce message

  • 1

    Salut,

    quelques remarques, la <base href="#URL_SITE_SPIP/" /> à une raison précise ? Il pose problème pour les notes qui sont toutes redirigé vers la page d’accueil en url libres. N’est ce que chez moi ?

    Sinon, j’ai ajouté la possibilité de ne choisir qu’un seul groupe pour les tags, configurable via cfg, est ce ca t’intéresse que je le mette sur la zone ?
    Même chose pour une page 404 de base.

    On pourrait aussi afficher les sous rubriques en fonctions de cfg.

    • bonjour,

      même soucis pour les notes de pied de page, merci de passer l’info si qqn a rencontré une solution...

    Répondre à ce message

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