SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

279 Plugins, 195 contribs sur SPIP-Zone, 69 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > « Parallelism » pour SPIP > Parallelism pour SPIP

Parallelism pour SPIP

6 juin 2014 – par Suske – commentaires

9 votes

Squelette de portfolio responsive. Ce squelette vise à vous permettre de mettre en ligne facilement et joliment vos photos et images. Il s’agit d’une intégration pour SPIP de Parallelism (de html5up).

Vous pouvez le voir en fonctionnement sur le site de démonstration : http://parallelism4spip.brubel.net

Usage basique

  1. Installez le squelette, comme tout autre plugin
  2. Configurez (via Configuration/Fonctions avancées) :
    -  la « Génération de miniatures des images » (GD2 conseillé)
    -  la « Norme HTML à suivre » (Permettre le HTML5)
    -  les « Optimisations et compression » (Activer la compression des scripts javascript)
  3. Renseignez (via Configuration/Identité du site) :
    -  le titre du site,
    -  son slogan,
    -  une brève description
  4. Téléversez vos images directement dans la médiathèque (via Édition/Documents).
PNG - 28.5 ko
Utiliser la médiathèque de SPIP
Cliquer sur « Documents » dans le menu « Edition »
PNG - 2.8 ko
Cliquer sur l’icône d’ajout
PNG - 13.6 ko
Sélectionner puis téléverser l’image

Il est fortement conseillé de donner un titre (court) à chaque image, c’est ce que le squelette prévoit. Vous pouvez le faire à cette étape (ou en visitant le site ultérieurement, grâce au plugin « Crayons »).

Visitez le site : vous disposez d’une galerie unique toute simple et responsive.

Utilisation des rubriques et articles

Vous pouvez aussi choisir de ranger vos images et utiliser pour cela des rubriques et des articles. Vous y joindrez classiquement vos images. Le squelette utilise les titres de rubriques et d’articles. Vous pouvez aussi écrire dans le texte des articles une brève accroche (de type slogan).

PNG - 965.9 ko
Site de démo - page d’article
Le titre est mis en évidence, suivi du texte (obligatoirement court) et du lien cliquable vers la rubrique mère.

Facilités

L’installation du squelette provoque l’installation conjointe de deux plugins.

1. Les crayons

Vous pouvez éditer la plupart des éléments textuels via les crayons : en particulier les titres d’images, de rubriques et d’articles. Vous pouvez aussi ajouter des images à un article en utilisant le glisser/déposer sur le crayon du texte de l’article (puis cliquer sur OK et patienter le temps de l’upload). Voir la documentation du plugin « Crayons » pour la manière de procéder.

2. Pages uniques

Ce plugin vous permet d’ajouter une à quelques pages spécifiques (au texte très court). Voir la documentation du plugin « Pages uniques » pour la manière de procéder.

Navigation

Le pied de page (partie gauche du pied de page sur grand écran) permet de revenir à l’accueil et, si vous en avez créé, de rejoindre les rubriques à la racine ou les pages uniques que vous aurez créées, par exemple pour créditer les auteurs d’images.

Partages

Le pied de page (partie droite du pied de page sur grand écran) permet à vos visiteurs de partager les pages sur Twitter, Facebook, Google +1 ou par e-mail.

Personnalisation

Comme toujours, vous pouvez personnaliser les squelettes en les surchargeant dans le dossier /squelettes à créer au besoin à la racine de votre spip. Placez les surcharges css dans /squelettes/css/perso.css. Et n’hésitez pas à les partager via le forum ci-desssous !

Évolutions

La « todo-list » et d’autres considérations sont lisibles dans le fichier todo-doc-bla.txt livré avec le plugin et dont vous pouvez lire le contenu actualisé ci-dessous.

[4 juin 2014 V. 0.2.1 ]

* todo
- possibilité d'insérer des items génériques (textuels)
  <div class="item" data-width="300">
  This is a generic item. Put whatever you want here.
  </div>
<!-- (width = whatever you want) -->

* todo ou pas
- inc-pied gauche => problème de positionnement si texte déborde (voir spip-tyle.css)
- ce qui serait cool serait de gérer tout depuis le public avec zone.spip.org/trac/spip-zone/browser/_squelettes_/spipr-doc/trunk/content/rubrique.html (merci RastaPopoulos pour l'info et cerdic pour le code) et les crayons
- revoir les metas

* réfléchir à
- paramétrage dans le privé pour surcharger js via js/config.js.html

* doc
Squelette d'affichage d'images. Les rubriques à la racine et leurs articles permettent de trier.
- nécessite les crayons et pages uniques: les crayons permettent l'édition des images, titres,...
- sommaire.html:
	* affiche soit
		1. max 20 liens vers les articles ayant des iamges (avec un image au hasard en vignette)
		2. max 20 images non liées à un article, si pas d'article => album unique simple possible
	* nom et slogan du site en header
	* les images non-titrées sont crayonnables (titre très conseillé)
- inc-pied.html:
	* à gauche:  descriptif site et navigation (accueil - rubriques ou articles avec images - pages uniques)
	* à droite: rezosocios - mentions (c)
- rubrique.html:
	* sous rubriques linkées
	* affiche les images attachées à la rubrique
	* affiches les articles
	* titre et texte en header
- article.html:
	* lien vers rubrique sous titre
	* affiche les images attachées à l'article
	* titre et texte en header



La todo - minidoc

Voir en ligne : http://plugins.spip.net/parallelism

P.-S.

Le modèle original et ce plugin sont sous licence CC-by

Retour en haut de la page

Tout afficher

Vos commentaires

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Le Couteau Suisse

    4 mai 2007 – 1734 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • Adapter un squelette pour être compatible avec le noiZetier

    21 juin 2010 – 39 commentaires

    Il est préférable d’avoir lu Fonctionnement par défaut du noiZetier au préalable. Deux cas de figures peuvent se présenter : Votre squelette organise ses contenus d’une manière analogue à Zpip : les contenus des différents blocs sont définis par des (...)

  • GIS 4

    11 août 2012 – 735 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Rainette, la méteo au quotidien

    31 juillet 2009 – 117 commentaires

    Ce plugin permet d’afficher les conditions et les prévisions météorologiques d’une ville donnée à partir du flux xml fourni par le site weather.com(r).

  • SPIP 3.0.17 fait son commit août ... ou de l’importance de mettre à jour pour une rentrée en douceur...

    14 août – 14 commentaires

    Voilà presque 5 mois que vous n’aviez pas entendu parler de la communauté SPIP : c’est long ! Voici donc une nouvelle version SPIP 3.0.17 qui corrige une série de petits bugs et une faille de sécurité liée aux formulaires. Nouveautés de la version SPIP (...)