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, magnifique squelette, bien sur, j’ai un pb, comment faire pour afficher la ligne "sur titre’ et la ligne « sous titre » alors qu’elles sont remplis en interne
Merci pour le tuyau
Pierre
N’existant pas dans Wordpress, ces champs n’apparaissent pas dans le portage d’origine, ils ont été ajoutés dans la version dite « en travaux » sur le squelette article :
Voir le code lignes 31 et 33 : http://zone.spip.org/trac/spip-zone...
Répondre à ce message
Bonjour & bravo pour ce squelette !
je viens de tenter de m’y mettre via le site chezfoucart.com encore en construction et en « customization » ! ; j’ai toutefois eu beau chercher et parcourir les forum je n’ai pas trouvé de réponse satisfaisante pour réussir à afficher en page d’accueil (sur la droite sous les catégories) les sites webs syndiqués & amis ... ils n’apparaissent jamais !
une idée ?
merci :-)
Cordialement
Mathieu
Bonjour Mathieu,
Pour les liens, c’est très simple :
1) créé les liens dans une rubrique ;
2) n’oublie pas de publier les sites ;
3) assure toi de bien disposer de la dernière version du squelette.
Tu verras apparaître les liens en bas à droite, sous le menu et après les messages du forum.
bouhhhh ! :-(
he bien c’est ce que je crois avoir fait !
ou alors c’est ma version qui déconne mais j’ai pris celle stable de 1.0 située ici même ....
dois-je prendre celle « en travaux » et dans ce cas écraser toutes mes « customizations » ou juste prendre à ton avis un fichier (sommaire.html) ou autre ?
Merci de ton aide rapide
Mathieu
A priori les sites syndiqués apparaissent dans inc-sidebar.html
alors la triple merci !
1) pour le squelette
2) la solidarité !
3) la rapidité
Merciii(s)
Je partage les félicitations théoriques. Petit souci : comment assurer l’apparition immédiate du squelette sur le site ? Faut-il neutraliser le répertoire squelettes-dist ?
Bonsoir, et merci pour tout, je suis débutant et j’ai bédouillé pour arriver à installer ce squelettes qui est magnifique : excusez mes questions de débutant, j’ai du mal à réduire les brèves qui prennent trop de place sur le site ?
2/j’ai remarqué sur plusieurs sites utilisant ce squelette qu’ils ont changé la disposition des rubriques, brèves comment faire ? (ex :http://www.clg-pyramides-evry.ac-versailles.fr/)
3/ peut-on utiliser une autre langue que le français ou l’anglais ?
Merci d’’avance
Répondre à ce message
Bonjour,
D’abord je voulais vous dire bravo pour ce beau squelette !
Ensuite, j’ai bien évidemment une petite requête... j’ai vu que le webmaster de loup.org avait modifié votre squelette pour permettre aux visiteurs de pouvoir répondre aux commentaires.
Cette modif m’intéresse bcp mais je n’ai pas trouvé d’indication en parcourant les messages de ce forum... si vous pouviez me mettre sur la voie, ça serait un bonheur !
Merci d’avance
Finalement j’ai réussi à bidouiller un truc qui semble fonctionner... merci encore pour ce squelette !
Hello. C’est désormais inclus dans la version de développement.
Répondre à ce message
Bonjour,
je viens sur ce forum après quelques tentatives infructueuses. J’ai fait une migration de base qui a très bien fonctionné, mais il y a un problème. Certaines sous-ruriques ne s’affichent pas dans les menus. Elle figurent bien dans ma base de données, mais ne sont pas visibles à l’écran... Cela ne dépend pas du niveau de la sous-rubrique. J’ai besoin d’un coup de main ! Merci.
Pouvez-vous nous donner un lien svp ? Quelle version du squelette utilisez-vous ?
www.clg-pyramides-evry.ac-versailles.fr
http://etiollais.free.fr
sur ces deux sites, indépendamment des transformations, le problème est le même.
version spip : SPIP 2.0.0 [25191]
version 1.3.2. ... je crois...
Bonjour et bravo pour ce très beau squelette, qui est très pratique.
En effet, j’ai remarqué également un souci sur tous les sites utilisant ce squelette, dans les rubriques, elles n’affichent pas les sous-rubriques, seulement les articles.
J’utilise la version du squelette stable 2.0, sur un Spip 2.0.3.
J’essaye de trouver une solution en ajoutant une boucle dans le fichier rubrique.html, mais sans succès pour le moment.
Voici un exemple sur cette page : http://piglowskifoundation.free.fr/spip/spip.php?rubrique13, qui affiche toujours « Perdu ? Retour à la page d’accueil. »
Avez-vous une idée ?
En vous remerciant d’avance.
@RV
En fait il n’affiche ici que les articles relié à la rubrique elle même et pas ceux reliés aux sous-rubriques.
Pour ce faire (j’ai eu la même interrogation pour mon site) j’ai remplacé ça (voir le gras) dans rubrique.html vers la ligne 42 :
« BOUCLE_posts(ARTICLES) branche ! par datepagination 10 »
Les accolades ont disparu mais tu n’as qu’à remplacer « id_rubrique » par « branche ».
Ca répond à ta question ?
Répondre à ce message
Bonjour,
Merci pour ce squelette qui m’est apparu comme « naturel » de choisir !
Il n’y a qu’un détail au niveau du menu que je n’arrive pas à régler :
j’aimerais que ne soit visibles que les sous-rubriques des rubriques en cours (par défaut tout est déplié). Exactement comme dans la distrib de base, c-à-d page accueil = tout plié (que les rubriques de premeir niveau visibles), et une fois une rubrique choisie, seulement celle-ci se déplie.
Mais même quand je copie colle la boucle de navigation de la distrib de base, les rubriques ne se déplient pas... (j’ai refais plusieurs test avant d’écrire ce message).
Y a t il une particularité du squelette qui empêcherait cela ?
Merci.
Répondre à ce message
Bonjour à tous,
Après avoir installé le plugin « Article PDF », j’ai modifié le squelette Article.html en y indiquant la balise : #ARTICLE_PDFid_article
L’export en pdf fonctionne tout à fait, cependant la mise en page est totalement ratée.
L’un de vous a t-il utilisé un plugin équivalent fonctionnant avec le squelette TMA ?
En complément, je viens d’apporter quelques modifications pour y ajouter une liste de diffusion (dans le squelette principal, via le plugin éponyme). Si cela intéresse qq’un.
Bonne soirée.
Répondre à ce message
Encore une chose je développe ce site en français mais aussi en arabe et en anglais pourriez-vous me conseiller svp, merci d’avance ?
Toutes vos questions relèvent plus de l’utilisation générale de SPIP que de l’usage de ce squelette en particulier.
La plupart de vos modifications peuvent être faites en modifiant les squelettes html fournis.
Pour le multilinuisme, celui-ci est abondamment documenté. Voir par exemple pour commencer http://www.spip.net/fr_article2124.html
Le squelette The Morning after ne gère pas pour l’instant la navigation multilingue : il faut donc ajouter quelque part la balise #MENU_LANG qui proposera un menu déroulant pour changer de langue.
Les balises de langue sont présente dans l’interface toutefois seulement pour le français et l’anglais : pour l’arabe il faudra créer un fichier dans le répertoire lang/ du squelette à l’image de celui qui existe pour le français et pour l’anglais.
Pour l’arabe plus spécifiquement la feuille de style ne gère pas spécifiquement le RTL (passer le site en arabe ne changera pas l’ordre des colonnes) en revanche je ne vois pas de raison a priori que ça ne puisse pas fonctionner pour le reste du texte. Voir sur SPIP-Contrib : http://www.spip-contrib.net/Developper-un-site-Web-arabe
Répondre à ce message
Merci pour votre réponse rapide j’ai réussi à le mettre en route, je voudrai seulement faire quelque réglage à savoir allonger le logo, mettre une vidéo en grand format (deux ou trois fois la taille des images) sur la page d’accueil. Voici mon lien.
Au fait comment enlever l’écriture comme #accueil qui apparait sur la photo de l’entête ?
Répondre à ce message
J’ai installé spip 2, et j’ai également mis (themasterplan_tma_v1.4) après extraction dans la racine de mon site (/web). Je n’arrive pas à le mettre en place, ai-je raté quelque chose ? merci de m’éclaircir.
En fait il faut placer le répertoire qui contiens le squelette à la racine en effet mais le renommer « squelettes ».
Répondre à ce message
Salut,
les auteurs de l’original ne font plus héberger leur projet chez Google. Les fichiers se trouvent désormais ici (CLIC).
Bonjour, Tout d’abord merci pour ce superbe squelette si simple d’utilisation pour une toute débutante en spip comme moi, c’est nikel ! Je me permets de vous poser deux questions :
1. comment faire pour changer le fonds gris de la page et changer les couleurs de titre rouge et bleu (ex. Dernier billet) ? sur quel(s) fichier(s) dois-je intervenir ?
2. J’ai remarqué sur plusieurs sites ayant ce squelette qu’il est possible d’avoir un article avec un logo qui apparaît dans la liste des billets récents mais pas à l’intérieur de la page de l’article. Je trouve cela très bien mais pour ma part le logo apparaît systématiquement dans la page de l’article, comment éviter ça ?
merci d’avance pour votre aide.
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 :
|
