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 publiques 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 : permet d’ajouter des icônes de partage 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.
Discussions par date d’activité
120 discussions
j’utilse spip 2.0.3 et les plugins couteau suisse ( avec juste enlever numero) et nuage
sur firefox (site http://www.fradif.org)
mais bon au final j’ai viré la class avant le #TEXTE et c’est mieux
fichier article.html ligne 43
« [
](#TEXTE|image_reduire500,0)
] »
merci pour votre reponse
trés beau squelette ....
Répondre à ce message
Bonjour a tous
je suis desole de poser cette question, d’habitude je me depatouille seul mais la ....
dans l’affichage des articles ( page article) un joli fond rose se colle derriere le texte de l’article
Mais bon j’aime pas le rose ;-)
et impossible de trouver dans le css ou est declare cette couleur de background (#ffe0c0)
bon je sais c’est une bricole, mais comme je seche depuis 2 heures dessus...
merci de votre aide
@gandhy : Peux-tu préciser le contexte d’utilisation ? Je n’ai jamais constaté ce fond de couleur rose.
Une extension Firefox ? Un plugin particulier ?
Le site est-il visible en ligne ?
Si tu utilises l’extension Firefox Webdevelopper tu as accès à toutes les css appelées par ta page. Si la couleur n’est pas dans le css du site elle doit être par définition dans une autre css, par exemple dans une feuille de style insérée par un plugin ou une extension.
Répondre à ce message
Oups ! L’erreur en question :
* Erreur(s) dans le squelette
o Erreur sur le site, )] #TITRE
Répondre à ce message
Au vu des difficultés rencontrées avec SPIP 2 et notamment le fait qu’il ne fonctionne qu’en Safe_mode off et donc pas sur toutes les plateformes d’hébergement, quelqu’un a-t-il une solution pour faite fonctionner ce squelette sous SPIP 1.9 ?
J’ai cette erreur sous SPIP 1.9.. que je ne sais pas corriger bien évidemment.
Merci
Répondre à ce message
Marie si tu as chargé un logo à partir de ton espace de configuration le nom du site disparait et sera remplacé par le logo, si ce n’est pas le cas c’est peut être au niveau de ton navigateur donne nous le lien de ton site s’il n’est pas en local qu’on puisse regarder ça de plus près.
Répondre à ce message
Bonjour,
Je découvre votre squelette et je l’aime beaucoup moi aussi !
J’ai jute une question : le nom de mon site (en haut à gauche) n’apparaît pas. Etrange non ? que puis-je faire ?
Bien à vous,
ML
J’ai beau essayer !! Je bloque toujours ! C’est rageant !
Répondre à ce message
Bonjour,
Je vous demande de m’excuser par avance pour les questions que je vais vous poser...
Je tourne et retourne ce que vous avez écrit sans comprendre :s
Alors j’ose vous demander :
1- Vous écrivez « Article sélectionné : créer un groupe de mots-clés au nom indifférent et ajoutez-y un mot clé intitulé « featured ». » Si j’ai bien compris le mot clé « featured » est un exemple. Imaginons que j’écrive un article sur les ours, alors je crée un groupe de mots clefs que je nomme « tags » (par exemple) et dans lequel j’inscris le mot clef « ours » Après quoi je place ce mot clef « ours » sur l’ensemble des articles concernés...C’est bien cela ?
2- vous écrivez « 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. » Hummmm là je ne comprends pas...Pourquoi voudrais-je exclure le mot « featured » ? D’autant que je lis : « 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. Le mot »featured« a toutefois été exclus. » Il est donc déjà exclu... ? (pourquoi d’ailleurs...)
3- Vous écrivez « Publicité : décommentez la ligne sur sommaire.html pour l’afficher. Par défaut, il s’agit du logo de spip.net et d’un lien vers ce site. » mais je viens d’installer votre derniere version pour spip 2.0 je ne vois pas la présence de cette pub... ?
Je suis vraiment navrée...j’ai encore d’autres questions :))
Lorsque je référence un site il n’apparaît nul part (j’observe le même phénomène sur votre site) : lorsque je visualise le plan du site, ils sont bien présents mais je ne les trouve pas ailleurs...Est-ce normal ou ai-je mal cherché ?
Enfin, comment faites-vous pour que vos nuages apparaissent de différentes tailles, j’ai essayé l’ensemble des modèles proposés par le plugin mais la taille reste là même...J’ai essayé avec et j’ai cliqué plusieurs fois sur l’un de mes mots clefs mais sans succès, il reste identique aux autres...
Maintenant que je me suis montré bien pénible, je voudrais vous adresser mes félicitations pour ce squelette que je trouve fort agréable et ergonomique dans son ensemble ! Merci !
Bien à vous, Julietta
Merci pour votre intérêt pour ce squelette et pour vos questions.
1- Vous écrivez « Article sélectionné : créer un groupe de mots-clés au nom indifférent et ajoutez-y un mot clé intitulé « featured ». » Si j’ai bien compris le mot clé « featured » est un exemple.
Non le mot clé "featured" est un mot-clé technique, c’est à dire qu’il est utilisé pour indiquer que l’article en quesiton doit apparaître dans l’encadré intitulé "Sélection" dans la colonne de gauche. Il doit donc porter exactement ce nom pour foncitionner.
2- Hummmm là je ne comprends pas...Pourquoi voudrais-je exclure le mot « featured » ? D’autant que je lis : « 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. Le mot »featured« a toutefois été exclus. » Il est donc déjà exclu... ? (pourquoi d’ailleurs...)
Il y a en effet contradition dans l’article. Je le corrige. En fait le mot "featured" étant un mot "technique" (il indique où l’article doit s’afficher en page d’accueil), il n’a pas vocation à figurer dans un nuage de tags qui est supposé correspondre aux thèmes des articles. Le mot technique n’est pas exclu par défaut car il faudrait connaitre son identifiant (son numéro) ce qui n’est pas possible a priori (je n’ai pas réussi à l’exclure dans l’appel du modèle sur la base de son titre).
Il serait plus simple peut être d’ajouter le plugin Sélection d’article ?
3- Vous écrivez « Publicité : décommentez la ligne sur sommaire.html pour l’afficher. Par défaut, il s’agit du logo de spip.net et d’un lien vers ce site. » mais je viens d’installer votre derniere version pour spip 2.0 je ne vois pas la présence de cette pub... ?
Elle est cachée par défaut. Il s’agit de la ligne
<!--<INCLURE{fond=inc-ad_home}>-->
dans sommaire.html (à ouvrir avec le bloc-note par exemple) à remplacer par<INCLURE{fond=inc-ad_home}>
. Ensuite naturellement il faut personnaliser la page inc-ad_home.htmlLorsque je référence un site il n’apparaît nul part (j’observe le même phénomène sur votre site) : lorsque je visualise le plan du site, ils sont bien présents mais je ne les trouve pas ailleurs...Est-ce normal ou ai-je mal cherché ?
J’ai constaté ce problème également : cela fonctionne sur certains de mes sites (http://www.pressefederaliste.eu) mais pas sur d’autres. Je suis perplexe. J’y travaille et je met à jour le squelette si je trouve la solution.
Enfin, comment faites-vous pour que vos nuages apparaissent de différentes tailles, j’ai essayé l’ensemble des modèles proposés par le plugin mais la taille reste là même...J’ai essayé avec et j’ai cliqué plusieurs fois sur l’un de mes mots clefs mais sans succès, il reste identique aux autres...
Avez-vous un lien vers votre site ou travaillez-vous en local ? A priori la taille dépends du nombre d’article lié au mot-clé : si un mot clé est lié à dix articles, il sera plus gros qu’un mot lié à un seul article.
Maintenant que je me suis montré bien pénible, je voudrais vous adresser mes félicitations pour ce squelette que je trouve fort agréable et ergonomique dans son ensemble ! Merci !
Merci bien mais l’essentiel du travail vient de la personne cité en référence dans l’introduction. Je n’ai fait qu’y ajouter quelques boucles SPIP. N’hésitez pas à laisser de nouveau commentaires pour de nouvelles questions et à partager un lien vers votre site si vous y utilisez ce squelette.
Répondre à ce message
bonjour meilleurs voeux à toutes et à tous et encore une fois très bon boulot excellent squelettes. J’aurais voulu savoir si c’est normal que le descriptif des rubriques ne s’affiche pas malgré que je l’ai activé dans la config. Merci.
Répondre à ce message
Très beau boulot, j’adore !
Répondre à ce message
Classe et efficace, finalement tout ce que j’aime ! Merci pour ce squelette !
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 :
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.
Suivre les commentaires : |