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
Laisse tomber ma dernière question de débile :(
Une autre, il y a quelque chose de prévu pour l’ajout d’un agenda ?
Merci
Répondre à ce message
comment peut-on réduire la taille des brèves dans breves.html ?
Ca fait trop long sur la page d’accueil...
Merci
Répondre à ce message
Bonjour Valery,
J’ai testé et j’ai toutes les breves qui apparaissent en entier :) cool ! Par contre si je clique sur le titre de la brève (example : http://www.televore.com/spip.php?breve1236) , j’obtiens une page blanche, c’est normal ? Je comptais mettre l’introduction dans le sommaire et pouvoir cliquer sur le lien pour la suite (J’ai vidé mon cache et effacé tous les autres squelettes du site)
Merci encore pour ton aide.
A+
Le televore (.com)
Le problème sur ton site doit venir d’ailleurs : j’ai installé la dernière version sur le site de démonstration et tout fonctionne au niveau des brèves. En revanche je ne vois pas l’origine de ton problème (j’ai pour ma part sur ton site une fenetre qui s’ouvre et propose de télécharger spip.php ce qui me semble assez malvenu).
Répondre à ce message
Je suis impressionné par ta rapidité :) Merci beaucoup !!! Je vais tester asap. :)
Bon week-end
A+
Le televore(.Com)
Répondre à ce message
Bonjour et merci pour le squelette que j’ai adopté.
J’aurais la meme demande d’amélioration que celle faite par le webmaster de lisieres :
http://lisieres.free.fr/?Squelette-The-Morning-After-pour
« je pense comprendre ce que tu veux dire : il s’agirait de créer une page supplémentaire à laquelle on accèderait depuis la page d’accueil (sommaire.html) ; j’ai personnellement créé une page supplémentaire en m’inspirant de la page archives que j’ai nommée ’plus_de_breves.html’ et à laquelle on accède directement par un lien placée sous la brève de la page d’accueil (Voir ici). »
Le squelette ne comporte pas le fichier « breve.html » livré par défaut dans spip.
J’utilise beaucoup les brèves, mais d’ici à ce que je recrée une page breve.html pour le morning after (je ne suis pas aussi doué que toi et mes premières tentatives étaient ratées...), comme workaround je mets le titre de la brève (ainsi que le lien) dans le texte de la brève afin qu’elle apparaisse sur le site car ces informations n’apparaissent pas par défaut. (J’ai réussi à changer l’affichage de l’introduction des brèves par défaut afin de faire apparaitre toute la brève)
Merci de prendre en considération cette demande :)
Le televore(.com)
webmaster de www.televore.com
Bonjour,
En téléchargeant la version dite « En travaux » d’ici quelques heures, vous devriez disposer du squelette Brèves que j’ai ajouté.
J’ai en outre externalisé de la page la liste des brèves dans un « inclure » afin de permettre l’ajout d’une pagination en ajax ce qui correspond au besoin d’afficher les anciennes brèves.
Valéry
Répondre à ce message
Je me réponds...
J’ai poussé le truc plus loin..
J’ai mis le site en test là
http://test.socialconseil.fr/
Ce qui étonant c’est que ça ne le fait pas avec tout les logos...
Le premier de la colonne centrale marche bien, le deuxième, le quatrième et le cinquième non...
Peut-être le format initial du logo ??
Merci pour tout !
André
J’ai l’impression que le problème que tu signales vient du fait que les articles en questions commencent par un intertitre.
Or les titres du squelettes ne sont pas prévus pour s’afficher sur la même ligne qu’un autre élément (ils sont dotés d’un clear:both en css).
Tu peux essayer de modifier la feuille de style pour ajouter h3.spip clear:none ; à la fin. L’affichage des images devrait fonctionner ainsi. À tester.
E X A C T !
c’est ce code là
h3.spip {clear:none;}
M E R C I !!!
André
Tengo el mismo problema.¿El archivo que se debe cambiar esta en squelette_the_morning_after_1_1\squelette_the_morning_after_1_1/stile ?
Estaba instalada una versión anterior a spip 2.0. Si quieren ver el problema esta en sanmiguellds.com.ar
Gracias por el esqueleto.
Respondo a una pregunta mia que decia « Tengo el mismo problema.¿El archivo que se debe cambiar esta en squelette_the_morning_after_1_1\squelette_the_morning_after_1_1/stile ? Estaba instalada una versión anterior a spip 2.0. Si quieren ver el problema esta en sanmiguellds.com.ar »
Solución : ir al espacio privado-configuración del sitio- funiciones avanzadas y seleccionar GD2 y Generar automáticamente las miniaturas de las imágenes.
Con eso logre que las imagenes de los últimos articulos se vieran bien.
Saludos
Répondre à ce message
Pour info j’ai créé un groupe consacré au squelette sur spip.org : http://spip.org/group/tma
Pour y poster vous devez vous y inscrire puis ajouter !tma dans vos messages.
N.B. : spip.org est le Twitter-like de la communauté SPIP.
Répondre à ce message
Bonjour,
j’ai fait la migration de mon site infosimmo à la V2 de Spip en choisissant The Morning After, même si je sais que ma version va ressembler à beaucoup d’autres mais avec un peu de personnalisation, on devrait tous pouvoir se différencier. La base est bonne, il faut donc la travailler.
- Je raconte la migration vers Spip 2.0 ici.
- Pour ceux qui veulent voir directement le résultat, c’est par ici : Information sur le crédit immobilier.
Merci de ce retour d’expérience. Belle adaptation.
Merci surtout à Toi d’avoir adapté ce squelette du monde de Wordpress rendant Spip plus « hype » ;-).
Il y a des dizaines de thèmes sous licence libre autorisant ce type d’adaptation. Il y en a pour un weekend de travail. Allez-y :-)
Répondre à ce message
Bonjour,
Bien sûr félicitations !
Le tord de ce genre de travail c’est que comme il est trop bien, tout le monde le veux, et ils se banalise.. ;=))
Mais quand même Merci pour tout… !!!!!
J’ai un soucis avec les logos d’articles…
Je pars d’un site sous spip 1.9, que j’ai fait migrer sous spip2, pas de soucis, tout a bien marché...
Avec la dist, j’ai bien les logos en place quand j’ouvre l’article…
Avec ton squelette, les logos se trouvent à droite de l’article mais non entourés de texte…
Par contre, si je crée un nouvel article, il n’y a pas de soucis…
Même si je détruis le logo d’un ancien article et que j’en mets un autre j’ai le même problème…
Merci pour toute suggestion…
André
Répondre à ce message
Bonjour Isa
Je viens de voir que tu avais réussi à inclure la description du site sous le logo. Quel est ton secret ;-) ?
Merci d’avance
Bonjour,
je me pose exactement la même question ! Comment fait-on pour écrire quelque chose sous le logo ? j’attends la résolution de cette énigme avec impatience...
Il faut installer le plugin CFG et ensuite aller dans l’admin et activer celui-ci ce qui donnera la possibilité d’éditer ce sous titre
Génial, merci pour cette réponse rapide ! J’ai bien suivi les instructions, mais... le résultat n’est pas tout à fait à la hauteur de mes espérances : la ligne est cachée par la bannière ! voir : www.jazzbamako.com
Comment se fait-ce ? J’ai pourtant scrupuleusement respecté les dimensions de la bannière, et du logo (me semblait-il !)
J’en profites pour vous remercier pour ce squelette que je trouve vraiment excellent, de loin le plus sympa que je connaisse sous spip. Merci !
Oups. Il suffisait juste de réduire la taille du logo. Tout s’affiche parfaitement !
Bonjour Mickaël,
Pour afficher la description il faut installer le plugin CFG et ensuite l’activer et cela te donne un champ de configuration supplémentaire.
Désolée de n’avoir pas répondu plus tôt
Isa
Bravo très sympa ton site, j’ai une petite question comment as-tu fait les retours de ligne dans ta description du site ?
Chez moi cela fait des espaces
A+Isa
Merci Isa
Pour sauter des lignes, ou aller à la ligne, il faut l’indiquer avec des balises html dans ton texte, c’est tout simple :
br entre <> pour aller à la ligne
br entre <> deux fois pour sauter une ligne
(je ne peux pas « écrire » telles quelles les balises, sinon ça saute des lignes dans mon message ! J’espère que c’est clair quand-même ?)
Le raccourci typographique de SPIP pour le retour à la ligne est le trait de soulignement :
Ceci devrait générer le code html
<br />
qui correspond au saut de ligne.Toutefois la plupart du temps il reste préférable d’utiliser un nouveau paragraphe (qui se fait dans SPIP simplement en sautant une ligne).
Vous trouverez sur ce site un excellent article sur le sujet : Les raccourcis typographiques en standard avec SPIP.
OK, j’ai effectivement mis des br, mais je pensais qu’il n’était pas indiqué d’en mettre selon les recommandations spip !
Merci pour ta réponse
Isa
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 : |