Configuration
La page de configuration permet quelques réglages. On y défini la couleur principale du site, des informations de contact et le contenu de la page d’accueil et de la colonne gauche.
Sur la page d’accueil, le premier article est le « héro », le second est le « majeur ».
- L’article héro : le titre, un résumé, le logo + un bouton « Lire la suite »
- L’article majeur : le titre + l’introduction (ou le champ « Descriptif » s’il est activé dans la partie « Configuration > Contenu du site »).
En colonne gauche, un article « héro » est aussi désigné pour afficher son introduction (#INTRODUCTION), son logo et un lien vers la page de l’article.
Rédaction
Il est préférable d’activer les champs « Chapeau » et « Post-scriptum » pour bénéficier de plusieurs mises en formes : le champ « Chapeau » d’un article s’affiche en public en une colonne pleine largeur, le champ « Texte » s’affiche lui sur deux colonnes, et le champ « Post-scriptum » se déroule sur 3 colonnes.
L’article « majeur »
Pour rédiger le texte de l’article « majeur » (le second sur la page d’accueil), un modèle permet d’afficher comme dans le thème de départ une icône de FontAwesome avec un texte en bloc, deux blocs par ligne. C’est le modèle <iconebloc>
qui prend quelques paramètres :
- |icone=fa-rocket (ou tout autre icone de FontAwesome https://fontawesome.com/v4.7.0/icons/ avant la v1.3 de Editorial, ensuite c’est la version de Fontwesome 5 Free dans les catégories Solid/Regular/Brands -> precisions)
- |iconetitre=le titre
- |iconetexte=le texte
- |left ou |right (positionner le modèle à gauche ou à droite)
<iconebloc|icone=fa-rocket|left|iconetitre=mon titre|iconetexte=tout le texte ici avec mise en {{forme}} et lien [hypertexte->#]>
On utilise sur la page d’accueil la balise #INTRODUCTION de l’article, et cette balise se décrit comme ceci : https://www.spip.net/fr_article902.html#INTRODUCTION
Elle va donc chercher d’abord le descriptif de l’article s’il existe, sans le couper, ce qui est très utile si on veut inclure des modèles. Il faut donc aller dans « Configuration > Contenu du site » pour activer le champ descriptif des articles, et faire l’inclusion des modèles à cet endroit pour qu’ils s’affichent sur la page d’accueil correctement.
L’article "héro" de la colonne gauche
Dans l’article "héro" de la colonne gauche, si on utilise le champ "Descriptif" des articles, on pourra rédiger le texte qui apparaît dans cette colonne gauche, qui pourra être différent des champs visibles sur la page de l’article lui-même.
Le modèle <articleXX|resume>
rendra le logo, le titre et un résumé de l’article XX, avec les options suivantes :
- |affichertitre=non
- |afficherlien=non
Inclure des icônes dans les textes
Un dernier modèle permet d’insérer n’importe quelle icône de FontAwesome dans le flux d’un texte. Utilisez <icone>
avec ces paramètres :
- |icone=fa-rocket (ou tout autre icône de FontAwesome https://fontawesome.com/v4.7.0/icons/)
- |taille=60px
<icone|icone=fa-rocket|taille=50px>
Fontawesome 5 Free
Avec la version 1.3 de Editorial, Fontawesome 5 est utilisé : https://fontawesome.com/icons?d=gallery&p=2&s=brands,regular,solid&m=free
Les icônes s’appellent dès lors dans les modèles en ajoutant la valeur regular (ou rien), solid ou brands au paramètre icone, de cette manière :
<iconebloc|icone=fa-rocket|left|iconetitre=mon titre|iconetexte=tout le texte ici avec mise en {{forme}} et lien [hypertexte->#]>
ou
<icone|icone=fa-rocket solid|taille=50px>
Les icônes de réseaux sociaux
En utilisant le plugin "Liens vers les réseaux sociaux" (sociaux), vous aurez les icônes des réseaux que vous aurez choisis.
Formulaire de contact
En utilisant le plugin "Formulaire de contact" (contact), le formulaire sera présent en colonne gauche, automatiquement.
NB : À noter que l’activation des pièces jointes au formulaire cause un problème d’affichage dans la colonne trop étroite pour ce champ.
Conseils
Utiliser Court-Circuit pour éviter la page rubrique s’il n’y a qu’un seul article dans une rubrique.
Avec le plugin Pages, si un article désigné « héro », « majeur » ou « héro en colonne gauche » devient une « page unique », il n’apparaîtra plus dans le menu.
Nota Bene avant mise à jour
Pour suivre la mise à jour du plugin SCSSPHP, il a fallu mettre à jour le thème Éditorial, qui utilise une autre version de la librairie d’icônes Fontawesome.
v1.3.4 : La librairie Fontawesome passe en version 5, ce qui nécessite certainement de renommer les appels, cf les précisions.
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...
Discussions par date d’activité
102 discussions
Bonjour,
Merci pour ce plugin. J’ai 2 questions pour lesquelles je n’ai pas trouvé de réponse.
Est-il possible de ne pas faire apparaître le titre des articles dans le menu latéral gauche, mais uniquement les rubriques et sous-rubriques ?
Où peut-on définir le nombre d’articles visibles sur la page d’accueil ?
D’avance merci.
Bonjour,
le menu se règle dans le fichier inclure/sidemenu.html
https://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_editorial/inclure/sidemenu.html
Vous pouvez retirer ce qui concerne les articles et enregistrer le fichier modifié dans squelettes/inclure
Le nombre d’articles visibles en page accueil se défini dans l’espace d’administration dans « Squelettes > Éditorial », sinon il faut modifier le fichier content/sommaire.html pour personnaliser
https://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_editorial/content/sommaire.html
Merci pour la réponse rapide !
C’est OK pour le nombre d’articles visibles. Désolé je n’avais pas vu ce paramétrage.
Par contre j’ai supprimé les lignes traitant des articles dans inclure/sidemenu.html (lignes 18, 19 et 29), mais mes articles apparaissent toujours dans le menu :
http://www.circ-ien-saint-louis.ac-strasbourg.fr/explisite/
Il fallait pousser la recherche jusqu’à inclure/sidemenu-rubriques.html https://zone.spip.org/trac/spip-zone/browser/_squelettes_/html5up_editorial/inclure/sidemenu-rubriques.html pour trouver la même balise inclure concernant les articles...
Impeccable ! Merci beaucoup !
Hello, j’ai le même problème concernant le menu.
Vous est il possible svp de me faire parvenir par mail les fichiers modifiés, a priori donc
sidemenu.htlm et
sidemenu-rubriques.html
J’obtiens toujours une erreur de squelettes (balise EXPOSE en dehors de boucle)
Merci d’avance
Pour side menu
Et sidemenu rubrique
Répondre à ce message
J’aimerais installer un .scss équivalent à perso. css
et j’aimerais pouvoir changer couleur du site par couleur de l’auteur un peu partout
J’ai besoin de conseils pour faire cela dans les règles. Merci
Soit vous agissez directement dans les squelettes, et il faut chercher du côte de la balise #SESSION qui vous permet de distinguer l’auteur qui est connecté.
Soit vous passez par une feuille de style dynamique, où vous pourrez déclarer des styles différents pour chaque auteur.
Si vous voulez faire vite, utilisez directement les squelettes, si vous voulez faire bien, utilisez la feuille de styles.... enfin ce n’est que mon avis :o)
Répondre à ce message
Dans le squelette
[(#MODELE{icone}{icone=fa-rocket})]
fonctionne bienjuste en dessous
[(#MODELE{icone}{icone=fa-diaspora})]
n’apparaît pasIl est pourtant bien dans la liste des icones lorsqu’on accède à font-awesome par le lien donné plus haut.
Comment puis-je court-circuité le plugin pour y mettre
<i class="fab fa-diaspora"></i>
?Bonjour,
c’est peut-être plutôt « fa » au lieu de « fab » ?
<i class="fa fa-diaspora"></i>
... c’est le même soucis peut-être : la version de fontawesome utilisée dans le squelette est la v4.7
https://fontawesome.com/v4.7.0/icons/
Merci pour ce lien.
SVP changer le lien dans les explications ci-haut car on arrive dans la dernière version de fontawesome. C’est confondant.
En effet, vous avez raison... voilà.
Répondre à ce message
Bonjour,
J’ai un petit soucis avec Font Awsome moi aussi. J’ai récupéré des icones sur le site de font awsome mais elles n’apparaissent pas toutes. Pour certaines pas de problème et pour d’autre rien ! Qu’est-ce qui pourrait causer le problème et comment y remédier ?
Merci de votre aide.
Bonjour,
il faut peut-être vérifier la version de font-awesome, celle du plugin est la v4.7
https://fontawesome.com/v4.7.0/icons/
Donc ce n’est pas la peine de chercher des icônes dans la v5 ou +
D’accord ! Je comprends. J’ai effectivement regardé dans une version plus récente.
Merci pour l’info.
Répondre à ce message
Spip 3.2, plugin 1.1.8, copié dans squelettes
Pour avoir le sidebar toujours fermé, j’ai remplacé
par
Cela fonctionne si je mets le code dans squelettes/javascript/main.js
Juste en -dessous il y a un squelettes/javascript/perso.js qui selon la logique devrait contenir ma modification. Or si je mets le code à cet endroit, cela ne fonctionne pas. Est-ce normal ?
Bonjour,
pour remplacer un code existant il est normal de devoir surcharger le fichier en question, et pour ajouter du code on peut utiliser perso.js
En utilisant perso.js on ne remplace pas le code existant dans main.js, qui s’exécute quand même.
Pour ne pas surcharger main.js, on pourrait peut-être écrire dans perso.js un code qui viendra modifier ce que main.js aura fait précédemment. Je n’ai pas testé plus loin, mais peut-être que :
$('#sidebar').addClass('inactive');
dans perso.js marche aussi....
Cela fonctionne. Merci
Il y a juste un comportement que je voudrais corriger : le sidebar ouvre et ferme à chaque fois que je recalcule la page et dans le cas de ce site c’est dérangeant car tout se passera en espace public pour les rédacteurs restreints inscrits.
Il faudrait placer la class « inactive » sur la div #sidebar, directement dans le code HTML. Comme ça l’effet des styles sera immédiat, pas besoin d’attendre que le js soit chargés.
Répondre à ce message
Bonjour,
J’aime vraiment beaucoup ce squelette.
Je souhaiterais pouvoir reproduire la même mise en forme que pour l’article Major sur un autre article du site mais je n’y parviens pas sur deux colonnes. ça ne marche que sur une colonne.
Y-a-t-il un moyen d’obtenir l’effet souhaité ? Merci de vos idées...
Répondre à ce message
Bonjour,
Je souhaite effectuer quelques modifications de présentation mais après quelques essais infructueux (rien ne change), je fais appel à votre aide.
Quels fichiers faut-il modifier pour :
- sur la home page supprimer les « Lire la suite » et le mot « Article » ?
- sur la page rubrique : idem que la question précédente + réduire le nom de la rubrique voir le supprimer car c’est redondant avec le fil d’ariane ?
- changer le footer ?
- sur la page article, faire apparaître le nom de l’auteur et la date ?
Je vous remercie pour votre aide.
Dan
Je me réponds... c’est bon j’ai trouvé :)
Bonsoir,
Je suis intéressé pour savoir comment retirer le terme « Articles » sur la home et dans la pages rubriques.
Merci
Répondre à ce message
Bonjour,
J’utilise ce squelette pour mon site personnel. Merci pour tout ce travail qui m’a évité bien de la peine.
j’ai activé les forums pour permettre les commentaires sur les articles mais rien ne s’affiche dans la page article.
Le code d’inclusion est bien présent dans le squelette de la page article, j’ai vidé le cache, recalculé les css mais rien n’y fait.
Est-ce que j’aurai oublié une manip quelque part ?
je ne connais pas bien le fonctionnement des plugins mais je pensais que squelette-dist prenais le relais pour les fonctionnalités manquantes et appelés par le squelette ?
olivierk
https://www.olivierwebgarden.fr
Bonjour,
s’il ne reste pas de fichier indésirés dans le dossier squelettes, question bête, avez-vous choisi un type de forum pour l’article en question ? Voir dans la page de l’article côté administration + colonne gauche...
Bonjour,
Oui, c’est bien cela. J’ai oublié d’activer le forum sur un article :)
Je l’ai fait sur l’article héro et cela fonctionne.
Merci beaucoup.
Répondre à ce message
Comment on fait pour désigner un article comme héro ?
Sur la page de configuration.
Répondre à ce message
Bonjour,
J’essaye d’adapter un ancien site spip avec ce thème et si presque l’ensemble du site fonctionne, bien que je doive faire des ajustements, j’ai un message d’erreur, notamment sur la page d’accueil et celle des résultats de recherches. Je pense qu’il s’agit du même problème.
Pour le visiteur cela se traduit par une erreur 404.
Site www.maximaphiles-francais.org
Spip 3.2.1
Version plugin 1.1.8
En fichier joint les messages d’erreur
Merci pour votre aide.
OOOps
Désolé ! Le problème est résolu.
J’avais pas activé le plugin API de VERIFICATION
Vous pouvez supprimer mon post qui fait un peu bazar.
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 : |