SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 98 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > PHANTOM (HTML5UP) > PHANTOM (HTML5UP)

PHANTOM (HTML5UP)

18 juillet 2018 – par chankalan – commentaires

3 votes

Squelette SPIP pour intégrer le modèle Phantom de HTML5UP.
https://html5up.net/phantom

Installation

A l’activation, le plugin installe aussi les plugins suivants :

Options

La page de configuration propose quelques options :

  • la couleur de la typographie
  • la couleur de survol des liens et autres accents colorés
  • la couleur d’arrière plan de la page
  • la couleur d’arrière plan du pied de page
  • la largeur du contenu : si les lignes longues nous gênent sur les grands écrans, une largeur maximale pour le contenu peut être définie.

Des pages uniques

Avec le plugin Pages on peut créer :

  • une page nommée « accueil » qui servira de texte sur la page d’accueil, au-dessus de la liste des articles choisis,
  • une page nommée « mentions » qui servira pour les mentions légales et sera liée en pied de page.

Les articles en page d’accueil

Le plugins Champs Extras est utilisés pour ajouter deux champs aux articles de SPIP. Lors de l’édition de n’importe quel article, il est alors possible de sélectionner l’article pour qu’il apparaisse sur la page d’accueil, et de définir un ordre de tri dans cette liste.

Les logos des articles sont utilisés pour l’image, et avec le plugin Couleur d’Objet, la couleur transparente par-dessus les logos est aussi configurable. Pour cela, il faut bien configurer ce plugin Couleur d’objet pour autoriser le choix de couleur sur les articles : retrouvez la page de configuration depuis la page d’administration des plugins, sur la ligne de Couleur d’Objet et l’icône à droite « marteau/clef à molette », ou voir la page de votre site ../ecrire/ ?exec=configurer_couleur_objet
Le plugin Centre Image permet de cibler le centre d’intérêt d’une image qui doit être recadrée, ici au format carré.

La page d’une rubrique

Elle affiche les articles qu’elle contient de la même manière que les articles en page d’accueil, avec logos et couleur de l’article transparente.
Les sous-rubriques éventuelles sont listées dans le menu du site.

Les liens sociaux

Le plugin Liens Sociaux permet d’utiliser des liens et des icônes adéquates vers les réseaux utilisés.

Le formulaire de contact

Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page.

Personnalisation

La feuille de style /squelettes/css/perso.css sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles.

Les objets éditoriaux et fonctionnalités de SPIP

Seuls les squelettes article.html et rubrique.html sont intégrés à ce squelette, avec les pages sommaire.html et plan.html
Les mots-clefs seraient certainement bien appréciés.
Les sites syndiqués, les forums ou les pétitions ne sont pas encore prévus.

Comme tout dans l’univers SPIP, il est possible à tout utilisateur de participer en proposant une amélioration.

Bon SPIP !

Voir en ligne : https://plugins.spip.net/html5up_phantom

Dernière modification de cette page le 18 juillet 2018

Retour en haut de la page

Vos commentaires

  • Le 12 août à 23:34, par Didier En réponse à : PHANTOM (HTML5UP)

    Un grand merci pour ce beau plugin qui va enfin donner une allure dans le vent aux sites Spip.
    J’ai un site avec de très nombreuse galeries de photos (qui ne sont pas dans le portfolio).

    J’ai rencontré deux problèmes avec mon site.

    1) j’utilise le plugin Galleria https://contrib.spip.net/Galleria pour présenter les photos et le plugin ne fonctionne pas. La gallerie s’affiche mais les flèches pour faire défiler les images ne fonctionnent pas et le clic sur l’image ne la fait pas s’afficher en pleine page.
    2) Dans les rubriques les articles ne s’affichent pas dans l’ordre de publication, je n’ai pas trouvé à quelle règle d’affichage cela correspondait.
    Merci pour vos réponses.
    Didier

    • Le 14 août à 23:22, par Didier En réponse à : PHANTOM (HTML5UP)

      Bonsoir,
      Pour ce qui est du tri des rubriques, j’ai déplacé le «  ! » et ai changé le « par date » par « tri date,-1 ».

      Par contre pour ce qui est de Galleria je ne trouve pas car cela fonctionne avec Edge pour toutes les galeries mais avec Chrome, Firefox et Brave certaines galeries fonctionnent et d’autres pas. Alors que sans ce plugin elles fonctionnent toutes quelque soit le navigateur.
      Didier

    Répondre à ce message

  • Le 12 août à 08:51, par Valéry En réponse à : PHANTOM (HTML5UP)

    Merci pour cette adaptation : SPIP manque de squelettes prêts à l’empoloi qui sont visuellement de qualité et ces portages de templates libres sont très utiles me semble-t-il. Avez-vous un exemple de site où il aurait été déployé en production s’il vous plaît ?

    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

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 17 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • Galleria (fr)

    16 novembre 2011 – 193 commentaires

    Une galerie d’image qui utilise la librairie javascript Galleria. Description Ce plugin vous permet d’ajouter des galeries d’images à vos articles. La galerie créée utilise la librairie javascript Galleria. Le plugin propose un modèle nommé (...)

  • Une licence pour un article

    18 avril 2007 – 51 commentaires

    Sur une idée originale de erational, voici un plugin permettant de lier une licence à un article.