Ce jeu de squelettes a été développé sous forme de plugin spip. Il est basé sur le script wookmark (sous licence MIT) de Christoph Ono.
Il permet un affichage des articles façon moodboard [1] comme dans Pinterest, Behance, Indulgy ou We Heart It...
Les articles sont « épinglés » sur des « tableaux » et le script wookmark se charge de réorganiser les blocs de votre page d’après une grille dynamique et de réduire au maximum les espaces vides entre les éléments.
Ce jeu de squelettes est particulièrement adapté pour les contenus créatifs (book, portfolio, etc...) et bénéficie d’un RWD (reponsive web design) qui s’adaptent à la taille de l’écran, facilitant la navigation sur tablettes et mobiles.
Téléchargement
Installation
Moodboard s’installe comme tous les plugins spip. Décompressez l’archive et placez-la dans le répertoire plugins de votre site.
Ensuite dans Espace privé / Configuration / Gestion des plugins / Inactifs il vous suffit d’activer le plugin Moodboard.
Remarque : pour que le plugin Moodboard fonctionne correctement vous devez sélectionner la meilleure méthode de fabrication des vignettes dans Espace privé / Configuration / Fonctions avancées / Génération de miniatures des images
Affichage
Moodboard est basé sur le layout de la distribution officielle de Spip. Il est en deux colonnes.
Les pages contenant les articles ou rubriques « épinglés » ont une largeur fluide de 100% (soit un affichage plein écran). Les autres pages ont une largeur fixe de 940px.
Pour les petits écrans, un bouton « retour en haut » apparait en bas à droite de la page. Le point de rupture est celui de la distribution officielle (640px).
Les images présentent dans les articles sont redimensionnées automatiquement en fonction de la largeur de l’écran ( max-with : 100% et height : auto ).
Le logo d’article est utilisé comme vignette du contenu « épinglé ». Celui-ci doit avoir une largeur minimum de 236px (largeur utilisée par le script wookmark pour la mise en page). Si il n’y a pas de logo, c’est la première image de l’article qui est utilisée comme vignette après avoir été redimensionnée et recadrée à 236px de largeur.
Personnalisation
Pour créer une page A propos
( spip.php?page=apropos
)
Il suffit d’attribuer le mot clés « about_mb » à l’article de votre choix et celui-ci sera alors affiché sur la page A propos. L’onglet A propos apparaîtra automatiquement dans la barre de navigation.
Remarque : l’article avec le mot clés « about_mb » n’est visible que par cette url : spip.php?page=apropos
Pour qu’un article ne s’affiche plus
Il suffit de lui attribuer le mot clés « offscreen_mb » et celui-ci n’apparaîtra plus sur les pages suivantes :
spip.php?page=articles
spip.php?page=rubriques
spip.php?page=rubrique
spip.php?page=archives
Pour voir cet article il faudra aller directement sur la page de celui-ci :
-
spip.php?articleXX
Pour modifier les fichiers langues
Moodboard est disponible en français et en anglais.
Les fichiers langues sont dans moodboard/lang/
Ils sont intitulés :
-
moodboard_fr.php
-
moodboard_en.php
Coordonnées de la page Contact
Dans la colonne de droite (.aside
) de la page Contact, s’affiche les informations du 1er auteur (qui a un email ) :
- Nom
- Biographie
- Site web
- Logo
Développement
Page de développement du plugin Moodboard
Aucune discussion
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 : |