Alpha (HTML5 UP)

Squelette adapté du thème Alpha de HTML5 UP https://html5up.net/alpha

Installation

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

Fonctionnement

La page d’accueil affiche le nom du site (voir Configuration > Titre), le slogan et le descriptif du site puis une grille contenant :
-  des articles choisis (voir Configuration > Id article(s))
-  les rubriques racines
Les visuels sont les logos des rubriques et des articles.

Accueil

La page rubrique affiche le titre de la rubrique, une image bannière (le logo), le texte puis une grille contenant les articles de la rubrique (les visuels sont les logos des articles ou, à défaut, celui de la rubrique).

La page article affiche le titre, le sous-titre, une image bannière (le logo de l’article ou, à défaut, le logo de la rubrique) puis le texte.

Les pages auteur, brève, mot-clef, recherche et site ne sont pas prises en charge.

Configuration

Le squelette utilise les sous titres pour les articles, n’oubliez pas de les activer dans configurer contenu.

Paramétrages Sommaire

Titre : afficher le titre du site sur l’image bannière
Id doc home : L’id du document qui sera utilisé pour l’entête (Le thème original utilise une image de taille 1800 × 905 pixels)
Id doc home featured : L’id du document qui sera utilisé pour l’image featured (Le thème Alpha original utilise une image de taille 1200 × 393 pixels).
Id article(s) : Le(s) id(s) d’article(s) ou de page(s) unique(s) séparés par une virgule. Pour les mettre dans l’ordre voulu ajouter un 1. 2. dans le titre de l’article (les articles sont triés par num titre).
Afficher le formulaire d’inscription à la newsletter : Si le plugin Newsletter est installé, afficher le formulaire d’inscription.

Paramétrages Pied de page

Indiquer les adresses complètes des comptes de réseaux sociaux.

Contact

Créer une page unique dont l’identifiant est contact (page=contact).

Captures d’écrans

Accueil
Rubrique
Article

Modèle bouton

Un modèle permet d’insérer un bouton, avec ou sans lien, dans le texte (voir les boutons).

Les paramètres :
-  lien : l’adresse cible (si pas de lien, le bouton est un span)
-  type : special, default (ne pas spécifier type) ou alt
-  taille : big, default (ne pas spécifier taille) ou small
-  fit (pleine largeur) : non par défaut
-  icône : l’icône à afficher (font awesome 4.1.0, voir les icônes)
-  desactiver : non par défaut

Exemple :

<bouton|lien=https://ww.spip.net
       |texte=Clique donc ici voir
       |icone=fa-glass
       |taille=small
       |type=alt
       |fit=oui>

Dépendances

Le plugin nécessite Saisies 1.1.14+.

Todo

Faire les pages
-  auteur
-  breve
-  mot
-  recherche
-  site

Reprendre la hiérarchie des titres
cf https://www.mail-archive.com/spip-zone@rezo.net/msg46360.html
-  supprimer le h1 du menu (inclure/header.html)
-  passer les titres principaux en h1 (actuellement h2)
-  définir les intertitres en h2 (par défaut h3) avec

$GLOBALS['debut_intertitre'] = "\n<h2 class=\"spip\">\n";
$GLOBALS['fin_intertitre'] = "</h2>\n";

Mettre à jour avec la dernière version du thème qui utilise flexbox pour la grille au lieu de float.

Les autres squelettes HTML5 UP

Le site html5up.net propose de beaux thèmes dont certains ont été adaptés pour SPIP.
La liste par ici...

Dernière modification de cette page le 12 janvier 2019

Discussion

Aucune discussion

Ajouter un commentaire

Qui êtes-vous ?

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