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.
Note : pour fonctionner, il faut que le plugin Adaptive images soit configuré pour utiliser la méthode srcset +
Configuration
La configuration du plugin est accessible via le menu Squelettes > HTML5up Forty
Page d’accueil
Il est possible de choisir l’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.
Il est également possible de choisir le mode d’affichage :
- mode site avec les rubriques à la racine du site (secteurs)
- mode blog avec les derniers articles publiés.
Contenu
Il est possible de choisir l’article affiché en pied de page.
Si vous ne souhaitez pas que cet article soit visible dans l’arborescence de votre site, vous pouvez utiliser le plugin Pages uniques.
Personnalisation
La feuille de style css/perso.css
sera prise en compte pour personnaliser l’affichage sans perdre les mises à jour possibles. Idem pour les javascripts avec le fichier javascript/perso.js
Modèles
Les modèles bouton
et icone
permettent d’afficher, dans le contenu, des boutons et icônes avec Font Awesome (liste des icônes disponibles).
Bouton (icône et texte avec lien dans un bloc encadré)
<bouton|icone=heart|primary=oui|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
ou50%
-
|couleur=#ffffff
Plugins facultatifs
Identité Extra
L’activation d’Identité Extra affichera, en bas de la page, les informations de contacts.
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.
Note : Il faut « Activer l’habillage graphique de la barre de liens avec la feuille de style basée sur la police socicon ».
Formulaire de contact
Le plugin Formulaire de contact avancé permet d’ajouter facilement un formulaire en pied de page de la page d’accueil.
Mailsubscribers / Newsletter
Si 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).
Menus
Le Plugin Menus permet d’ajouter un menu dans le pied de page : créer un nouveau menu avec l’identifiant pied et il apparaîtra automatiquement.
Agenda
Si Agenda est installé, le premier bloc de la page d’accueil affiche l’agenda (3 prochains rendez-vous et lien vers l’agenda complet).
Évolutions
A partir de la version 0.4.12 il est possible de surcharger les couleurs de fond en recopiant la partie de définition des couleurs depuis css/main.css vers perso.css .
Par exemple :
:root{
--Ebony-Clay:orange;
--Viking: orange;
--Blue-Bell:orange;
--Apricot: orange;
--Gold-Sand:orange;
--Portage: orange;
--DeYork: orange;
--Martinique:orange;
--Martinique2:orange;
--Martinique3:orange;
}
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.
Discussions par date d’activité
Une discussion
Bonjour,
j’ai un soucis avec la pagination des secteurs sur la page sommaire,
les logos des secteurs ne s’affichent plus à partir de la seconde pagination (problème ajax ? image adaptative ?).
Pour charger les logos il faut recalculer la page entière : http://msforty/?debut_sommaire=2#pagination_sommaire&var_mode=recalcul
spip 4.2.10
Adaptive Images 3.2.0
Font Awesome 1.0.5
Html5up FORTY 1.0.0
Saisies pour formulaires 5.4.0
Z-core 3.0.7
PHP 7.4.26 ou 8.1
MySQL 5.7.36
Apache 2.4.51
Environement local wampserver x64 win7x64 FF 115.8esr x64
logos en .webp de 1200x927(142ko) à 2592x1944(5,41mo)
sinon c’est un super plugin, bien ficelé.
Cordialement
Une alternative en attendant mieux :
noisette : /inclure/accueil-rubrique.html
dans perso.css :
Bonjour,
Correction de cette alternative de dépannage qui casse le lien vers la page de la rubrique et provoque une 404.
Pour le html :
Pour le css : abandonner la classe floor.
Pour le js, dans /javascript/main.js débrayer l’insertion du background aux ligne 132 et 225.
Cordialement
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 :
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.
Suivre les commentaires : |