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
Bonjour Isa,
Pour afficher un article en sélection, il faut créer un groupe de mot clé dans lequel il te faut créer le mot clé « featured ». Ensuite ce mot est à affecter à l’article qui doit apparaître sur la page d’accueil.
En espérant que cela réponde à ta demande.
Me revoilà, j’ai déplacé mon site sur un nouveau serveur, et j’ai un problème, en effet quand je crée une nouvelle rubrique avec logo et ensuite un nouvel article avec son logo, je n’ai pas d’affichage sous BILLETS RECENT ?
Tout le reste fonctionne ?
y at’il un nombre maximum qui s’affiche, j’en ai 5 ?
A+Isa
C’est bon, j’ai trouvé le problème venait de l’image je crois...
A par cela avez vous une combine simple pour changer l’ordre des rubriques et de leur contenu (articles etc...) ?
Car sur les forums spip y a de tout et je ne sais pas quelle est la marche à suivre la plus simple ?
Merci encore pour vos réponses
Isa
Pour ceux que ça intéresse pour changer d’hébergeur, cet à dire déménager le site c’est la solution N2 soit :
a) sauvgarder la base dans un fichier xml
b) rapatrier tout les dossier par ftp
B) Réinstaller la même version de spip chez le nouvel hébergeur
C) Remettre tout les dossier Morning after chez le nouvel hébergeur
D) Restaurer la base
Cette marche à suivre et expliquée en détail à l’adresse suivante :
http://www.spip.net/fr_article3141.html
Isa
Répondre à ce message
Ne pas tenir compte de :
"Petit coup de main, comment faire apparaître un article en « sélection » comme sur le site de démo ?", il me fallait continuer à créer des articles sur le site pour avancer ;-)
J’ai le même problème comment faire pour afficher un article en séléction ?
l’adresse de mon site en test :http://www.idreyfus.ch/spip/
J’ai aussi une question concernant la mise en forme de mon formulaire contact quel est la feuille de style css a modifier, ou est elle, ou alors faut il en faire une et ensuite ou la placer ?
Désolée je suis peut être un peu trop débutante
A part ça je trouve votre squelette superbe merci
Merci
Isa
Répondre à ce message
Bonjour à tous,
Félicitations à l’auteur, aux porteurs et aux acteurs du monde libre en général ;-)
J’utilise la dernière version du squelette (SVN) pour le site d’une association visible depuis www.sportezvousbien.org et j’en suis très content !
Petite suggestion : Seul le dernier article est visible sur la page d’accueil, pourquoi ne pas modifier l’affichage du dernier article créé, par le dernier article modifié ?
Petit coup de main, comment faire apparaître un article en « sélection » comme sur le site de démo ?
Merci encore.
A ciao.
Dans la boucle
<BOUCLE_latest_post(ARTICLES)..., dans le fichier sommaire.html du squelette, il te suffit de remplacer le critère{par date}par{par date_modif}.Voir : http://www.spip.net/fr_article902.html#BOUCLE-ARTICLES- et http://www.spip.net/fr_article1971.html
Bonne personnalisation !
Répondre à ce message
Bonjour,
certains liens restent en anglais autour des articles lorsqu’on coche cette langue dans la partie ’Multilinguisme’, impossible de revenir en arrière, les langues principales ajoutées ne sont plus décochables ; impossible en outre depuis de vider le cache des images, l’erreur suivante apparaît (Fatal error : unlink(../local//cache-vignettes/L470xH314/.ok) [function.unlink] : No such file or directory in /mnt/167/sda/6/f/lisieres/ecrire/inc/flock.php on line 207). Je suis preneur d’une solution si elle ne consiste pas à effacer la base et à tout réinstaller.
Répondre à ce message
J’avais installé la version 1, je l’ai remplacé par la 1_1, ça ne change rien, je n’ai rien dans la colonne de droite (menu de navigation « catégories »)
Comment, sur le site de démo, est-il possible de faire apparaître certains articles dans le menu de navigation « catégories » (la guerre des mondes : le 1er, le second) alors que pour les autres catégories on n’a que le titre ?
Merci
Répondre à ce message
Tout d’abord, félicitations et merci pour ce squelette.
Je viens de l’installer sur une version 2.03 de Spip ; le rendu est prometteur mais j’ai un soucis avec le menu de navigation qui n’apparait pas... Par avance, merci
Il y a bien des contenus publiés dans les rubriques a priori ? Sinon là je ne vois pas. Quelle est la version du squelette utilisée ?
Répondre à ce message
Bonjour à tous les utilisateurs de ’The Morning after’
J’ai également opté pour ce très beau squelette sur mon site personnel.
Tout est opérationnel excepté quelques soucis avec les plugins ’flickr’ et ’Thickbox2’ qui ne daignent pas fonctionner. Flickr aurait été bien pratique mais je ne parviens pas à savoir d’où vient le problème. Tout se fige dans l’interface privée lorsqu’on clique sur le logo flickr.
Question : est-il normal que le titre des brèves n’apparaisse pas sur la page d’accueil (en bas à gauche) ?
@ Sami : 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) ; il ne me reste plus qu’à rendre le lien valide W3C et à supprimer la date de rédaction antérieure qui apparaît au début de chaque brève.
dernière chose : est-il possible d’utiliser l’espace pub pour y placer la page d’accueil d’un site de son choix mis à jour par du *.xml.
fsns
Répondre à ce message
J’utilise cet excellent squelette ! voir www.televore.com .
Il faut encore que je le configure...
Merci encore et bravo !
Le televore (.com)
webmaster de www.televore.com
Répondre à ce message
Salut Valéry, j’ai bossé ce week-end à l’adaptation de ton squelette pour www.loup.org et nous l’avons déjà mis en place sur ce nouveau site.
Quelques modification mineurs ont étés apporté à ton squelette pour www.ferus.org (images, rajout des #INTRO dans les rubriques, rajout des CSS spip de la dist, « Billets »->« Articles », ajout du formulaire de contact dans la page auteur etc...)
J’utilise SPIP depuis la première version rendu public via UZINE, et c’est très agréable de trouver un squelette quasi utilisable en l’état lorsqu’on a une base de plusieurs milliers d’articles et qu’on continue d’utiliser SPIP avec la même approche que la DISTRIB originale. Car souvent les squelettes, bien que parfaitement conçus, sont trop personnalisés ou détourné pour s’adapter facilement à un site déjà existant.
Par contre pour www.loup.org j’y bosse encore, pour le personnaliser et surtout revenir à un fonctionnement plus classique des brèves, des sites, auteurs, forums (avec les réponses aux commentaires) plus conforme à la « dist » etc...
En tout cas super boulot d’adaptation du thème WP.
J’ai une question : pourquoi avoir supprimer les références aux style css spip dans le inc-head.html ?
J’ai un problème : Je but sur l’intégration d’un menu contextuel, car ton menu affiches toutes les rubriques et sous rubrique et je n’arrive pas à faire fonctionner la boucle de la dist sur ton squelette, as-tu une piste ?
Je me permettrai de partager quelques réflexions, ici ou via ton site de démo, en fonction de mon avancé dans son intégration pour un « gros » site déjà existant.
Cordialement
Thierry
@Thierry : superbe mise en oeuvre sur loup.org !
L’adaptation se voulant fidèle au thème de base, autant que posible, et Wordpress proposant moins de types e contenus et de champs que SPIP, il n’est pas possible de tout afficher en effet dans le squelette. Une version 2 le permettant est à mettre en chantier. Si tu as accès à Spip-zone, n’hésites pas à participer au squelette, tu as fait déjà l’essentiel de ce travail. Je travaille pour ma part au site d’une association dont je fais partie où je vais m’effforcer d’améliorer le squelette en ce sens. Je partagerais naturellement le fruit de ce travail sur contrib.
Pour tes questions :
- « J’ai une question : pourquoi avoir supprimer les références aux style css spip dans le inc-head.html ? »
Je préfère en général travailler avec une seule css écran où je place tous les styles dont j’ai besoin. Ici, comme j’utilisais le css du thème d’origine, je voulais aussi éviter les conflits. A priori le css spip est utile si on veut distinguer les contenus issus de SPIP de ceux du reste de la page mais en règle générale il me semble qu’il n’y a pas lieu de le faire. Le problème de cette approche est qu’il faut naturellement prévoir dans le css principal du site tous les éléments que l’utilisateur peut potentiellement générer dans un etxte SPIP, y compris les plus exotiques. Il en manque peut être dans le squelette.
- « J’ai un problème : Je but sur l’intégration d’un menu contextuel, car ton menu affiches toutes les rubriques et sous rubrique et je n’arrive pas à faire fonctionner la boucle de la dist sur ton squelette, as-tu une piste ? »
Je ne comprends pas bien la question. As-tu trouvé une solution depuis ?
Répondre à ce message
Tout d’abord bravo, et merci.
S’agissant du problème de syndication mentioné auparavant ne s’agirait-il pas d’un problème de réécriture d’URL ?
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 :
|
