HTML5UP Alpha

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

Accueil
Rubrique
Article

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.

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.

Notes :

  • le plugin n’est prévu pour fonctionner qu’avec un seul niveau de rubrique
  • 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

Une page de configuration du plugin est présente dans Configuration/Gestion des plugins / html5UpAlpha puis cliquer sur l’icone de configuration ( que l’on retrouve à l’adresse ecrire/?exec=configurer_alpha)

Un id de document est le numéro d’un document colonne ID dans le menu Édition/Document

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.

Pages spéciales

Contact

Créer une page unique dont l’identifiant est contact (page=contact) et elle apparaîtra dans le menu principal.

Mentions légales

Créer une page unique dont l’identifiant est mentions (page=mentions) et elle apparaîtra dans le pied de page.

Modèles

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>

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

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

Dépendances

Le plugin nécessite Saisies 1.1.14+.

Todo

Faire les pages
-  auteur
-  brève
-  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. Voyez la liste des squelettes HTML5Up adaptés pour SPIP.

Évolutions


-  1.2.7 : la page mot fait son apparition avec une liste des articles liés à ce mot

Discussion

23 discussions

  • 1

    Si quelqu’un a des ennuis avec l’alignement des boîtes dans la page rubrique, c’est qu’il manque les guillemets à la fin de [(#COMPTEUR_BOUCLE|alterner{"","</div><div class='row'>})]

    qui devrait se lire [(#COMPTEUR_BOUCLE|alterner{"","</div><div class='row'>"})]

    Répondre à ce message

  • 3
    FBexecs

    au rafraichissement de la page article j’ai une erreur MySQL persistante :
    Unknown column ’rang_lien’ in ’order clause’
    ligne 1005 dans /ecrire/public/composer.php

    Effectivement, j’ai copié-collé la formule dans phpMyAdmin et j’ai l’erreur.
    Dans quelle table cette colonne est supposée être ?

    Installation avec spip loader version 3.1.9 (j’ai php 5.3) et chargement avec le module automatique de la console. Html5Up Alpha 1.2.1 - test

    site concerné : https://www.lebistrotdejennifer.fr/

    Amicalement

    • Bonjour,

      ce problème n’est pas lié à Alpha, mais à Ordoc à mon avis (en SPIP 3.1). Vous l’aviez installé ?
      Dans tous les cas, vous aurez plus de réponse sur la page du plugin : https://contrib.spip.net/4860

      jeanmarie

    • FBexecs

      C’EST RESOLU !
      ET oui... rang_lien apparait à partir de la branche 3.2...
      Mais, pas de panique, il suffit d’ajouter effectivement le plugin ordoc (Ordre des documents 1.1.2 - test), installable en auto aussi.

      Donc, pour cette version d’Alpha, « ordoc » est à ajouter dans les dépendances pour les spip 3.1.x

      Merci !

    Répondre à ce message

  • 4

    Bonjour et bravo pour cet outil qui a l’air extra !

    Je reste perplexe , j’ai très envie de mettre en œuvre ce très beau squelette mais je ne trouve pas où se trouve la documentation . quand on va sur configuration on lit : Des explications préliminaires, en début de formulaire je ne sais pas hélas où est le formulaire .
    Que représentent les identifiants : Id doc home , Id doc home featured ? faut-il nommer ainsi les images et les télécharger ... quelque part ?

    Je n’ai pas encore trouvé la clef qui mène à la vraie documentation je suppose , merci d’avoir la patience de m’éclairer.

    • Bonjour Kri j’ai ajouté ceci dans le texte :

      Une page de configuration du plugin est présente dans Configuration/Gestion des plugins / html5UpAlpha puis cliquer sur l’icone de configuration ( que l’on retrouve à l’adresse ecrire/?exec=configurer_alpha)

      Un id de document est le numéro d’un document colonne ID dans le menu Edition/Document

      Cela t’aide à mieux comprendre ?

    • Merci de ta réponse : à l’adresse ecrire/ ?exec=configurer_alpha , je ne trouve que des indications qui restent mystérieuses... J’ai un peu trop pris l’habitude des grands classiques de spip :)

      Je n’allais jamais sur Edition/Documents , ça m’ouvre la mediathèque , ça a l’air intéressant , il faut donc appeler le document home , par exemple ?
      Je regarde un peu plus pour dire moins de bêtises (mais spip a beaucoup évolué et j’en suis resté à des fonctionnements élémentaires .)

    • En fait l’ID est le numéro du document qui indexe son chargement sur le site , on s’en sert pour la mise en page dans : < e m b 3 | c e n t e r > par exemple ici c’est l’ID 3 , non ?

    • Donc , dans configuration , on a juste un numéro de document à inscrire , celui que l’on trouve dans la mediathèque , pour définir les différents images à afficher .

      Bon , j’ai mis mon document 4 , ça a marché , il est un peu coupé mais maintenant que j’ai vu le principe , ça devrait aller mieux :)

      Merci beaucoup Ben !

    Répondre à ce message

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