HTML5up Telephasic

Publié le : 29 août 2023 – Dernière modification le 10 septembre 2023 – par jeanmarie

1
2
3
4
5
4 votes

Adaptation pour SPIP du squelette « TELEPHASIC » de HTML5up https://html5up.net/telephasic

Installation

Ce plugin s’installe comme tous les plugins. Voir http://www.spip.net/fr_article3396.html

Il nécessite les plugins Adaptive Images, Saisies et ZCore.

Configuration

La configuration du plugin est accessible via le menu Squelettes > HTML5up Telephasic

Couleur d’emphase

Il est possible de choisir la couleur qui sera utilisée à plusieurs endroits : sous-titres, survol des liens et boutons...

Entête

Il est possible de choisir entre un dégradé de couleurs et une image :

  • dégradé de couleurs  : choisir les 2 couleurs du dégradé
  • image d’entête : via la médiathèque (menu Édition > Documents), ajouter un nouveau document puis, dans la page de configuration, indiquer le numéro de ce document.

Page d’accueil

Sélection éditoriale « Feature »

Installer le plugin Sélections éditoriales puis créer une sélection éditoriale avec l’identifiant feature et une limite de 2 contenus.

Le thème est prévu pour fonctionner avec 2 entrées feature.

Entrée « call to action »

Sélectionner l’article ou la rubrique qui apparaitra dans le bloc « Call to action ». Ajouter un logo à l’article ou la rubrique pour avoir une image de fond.

Rubrique focus

Choisir la rubrique dont 3 articles seront mis en avant ainsi que leur ordre d’affichage (Ordre par défaut par num titre ou Ordre antéchronologique !par date).

Pied de page

Choisir l’article qui sera utilisé en pied de page.

Modèles

Les 2 modèles <bouton> et <icone> nécessitent l’installation du plugin FontAwesome

Bouton (icône et texte avec lien dans un bloc encadré)

<bouton|icone=heart|iconetexte=le texte|lien=https://www.domaine.net>

Paramètres :

  • |icone=fa-rocket (ou tout autre icone de FontAwesome)
  • |primary=oui/non
  • |iconetexte=le texte
  • |lien=https://www.domaine.net

Icône (icône avec lien et texte alternatif)

<icone|icone=heart|iconetexte=le texte|lien=https://www.domaine.net>

Paramètres :

  • |icone=fa-rocket (ou tout autre icone de FontAwesome)
  • |iconetexte=le texte
  • |lien=https://www.domaine.net
  • |taille=64px ou 50%
  • |couleur=#ffffff

Plugins facultatifs

Formulaire de contact

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

Pour afficher un menu du pied de page, installer le plugin Menus et créer un nouveau menu avec l’identifiant pied.

Mailsubscribers / Newsletter

Si le plugin Mailsubscribers est installé, on affiche le formulaire d’inscription à la newsletter. A votre charge de créer la liste newsletter (voir la doc de Newsletters)

Liens sociaux

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

Pour que les icônes s’affichent bien, il faut cocher la case « Activer l’habillage graphique de la barre de liens avec la feuille de style basée sur la police socicon ».

Les autres squelettes HTML5 UP

Le site html5up.net propose de beaux thèmes dont certains ont été adaptés pour SPIP. Voyez la liste des squelettes HTML5Up adaptés pour SPIP.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom