SPIP-Contrib

SPIP-Contrib

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

282 Plugins, 197 contribs sur SPIP-Zone, 224 visiteurs en ce moment

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

Parallelism pour SPIP

6 juin 2014 – par Suske – commentaires

12 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.

Dès que vous avez créé au moins un article avec des images, le comportement de la page d’accueil est d’afficher au hasard une image de l’article et le titre de cet article. Le tout est cliquable et renvoie à la page d’article.

-  Les rubriques servent surtout à ranger les articles : leurs images sont néanmoins affichées, après les liens vers les articles/galeries. Les titres de rubriques de la racine s’affichent en pied de page. Les liens vers les sous-rubriques s’affichent sous le titre de la rubrique mère.
-  Aux articles, vous joindrez classiquement vos images. Les pages d’articles deviennent les galeries. Vous pouvez aussi écrire dans le texte des articles une brève accroche (de type slogan). Le titre, cliquable, de la rubrique est repris sous le titre d’article.

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.

De manière générale, pour utiliser ce squelette, vous devez limiter vos titres et textes à quels mots maximum ! Ce qui dépasse de l’espace prévu ne sera pas affiché.

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 quelques pages spécifiques (au texte très court), dont les liens s’inscrivent en pied de pages. Voir la documentation du plugin « Pages uniques » pour la manière de procéder. Les images éventuellement jointes à ces pages uniques ne sont reprises nulle part ailleurs.

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.

Texte - 1.7 ko
La todo - minidoc

Mise à jour de cette page : 15/11/2014

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

P.-S.

  1. Le modèle original et ce plugin sont sous licence CC-by
  2. Je n’ai pas testé IE 10+ mais sous IE 9 et -, le résultat est pitoyable
Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 9 juillet 2014 à 17:54, par rcaron En réponse à : Parallelism pour SPIP

    Bonjour,

    Comment faire pour intégrer des vidéos ou des mp3 ?

    Merci

    Robert

    • Le 14 juillet 2014 à 14:21, par Suske En réponse à : Parallelism pour SPIP

      Cela risque de ne pas être facile... C’est vraiment un squelette fait pour des images. Le mieux est certainement de créer un squelette dédié (au look similaire ?) pour les vidéos.

    Répondre à ce message

  • Le 12 novembre 2014 à 22:42, par Guillaume En réponse à : Parallelism pour SPIP

    Bonjour

    Je viens d’installer Parallelism en local avec easy php 14.1.
    J’ai un problème d’affichage du Site, je ne visualise que la partie basse du site en dessous de la barre d’affichage des photos.

    Savez vous pourquoi ?

    Merci

    • Le 15 novembre 2014 à 12:00, par Suske En réponse à : Parallelism pour SPIP

      Non... Avez-vous uploadé des images ? Si oui, les avez-vous liée à une rubrique ? A un article ? A rien ? Comme vous êtes en local, il faut décrire de la manière la plus complète ce que vous avez fait sinon je ne sais par où je dois chercher :-/

    • Le 30 novembre 2014 à 12:56, par guillame En réponse à : Parallelism pour SPIP

      Bonjour

      Désolé, je n’avais pas vu la réponse. finalement j’ai abandonné l’idée de créer mon site en local et de la faire sur une hébergement ovh. Mais du coup j’ai un autre problème L’installation de SPIP et des plugins crayons, page unique et parralelism c’est bien passée, je peux créer et visualiser en ligne des articles et rubriques, mais ma page d’accueil apparaît toujours « en construction » Il y a peut etre un moyen de créer via le back office une pager d’acceuil ?

      Merci pour votre reponse

    Répondre à ce message

  • Le 28 juin 2014 à 19:31, par rcaron En réponse à : Parallelism pour SPIP

    C’est bon, j’ai trouvé... Il faut virer les <docxx|center> dans l’article

    Répondre à ce message

  • Le 28 juin 2014 à 19:17, par rcaron En réponse à : Parallelism pour SPIP

    Essai... Magnifique...

    Je ne comprends pas pourquoi dans page article, un faux pseudo-logo apparaît à gauche.

    Exemple : http://gabriel-est-la.org/spip.php?article5

    Merci

    Robert

    Répondre à ce message

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

  • Paiement avec Formidable

    16 février – 10 commentaires

    Ce plugin « Paiement avec Formidable » permet d’ajouter une étape de paiement à la fin de la saisie d’un formulaire créé par le plugin Formidable. Il le complète et nécessite par ailleurs le plugin bank qui gère l’interface technique avec les prestataires (...)

  • Newsletters

    16 janvier 2013 – 281 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, d’un (...)

  • Dublin Core

    21 septembre 2010 – 24 commentaires

    Un petit squelette pour l’insertion de méta-données Dublin Core dans la partie head des articles. Le Dublin Core « Le Dublin Core est un schéma de métadonnées générique qui permet de décrire des ressources numériques ou physiques et d’établir des (...)

  • Nuage (de mots-clés)

    28 décembre 2006 – 311 commentaires

    L’article « Afficher les mots-clés en faisant varier la taille de la police » de BoOz et Fil permettait déjà d’afficher un nuage de mot-clés. Le présent article reproduit exactement les mêmes résultats, puisqu’il s’agit de son adaptation sous forme de (...)

  • Modèles Facebook

    28 juin 2011 – 88 commentaires

    Ce plugin propose un ensemble de modèles SPIP (ou noisettes) pour intégrer simplement et rapidement les modules sociaux du site Facebook. Voici la liste des modèles proposés : ’send’ : le bouton « Envoyer » classique (avec commentaire), ’like’ : le (...)