Présentation
Play Bootstrap est un squelette sous Bootstrap5 pour présenter une activité (entreprise, association)
- La page d’accueil est très complète avec différentes sections (article de réassurance, produits, équipe, ....) entièrement configurable par le menu de configuration du plugin
- Les pages courantes articles et rubriques sont disponibles aussi avec des variantes de présentation (page simple, billet de blog, foire aux questions)
Vocabulaire : En visitant un site, il est légitime que l’internaute ait des inquiétudes sur la qualité des produits ou prestations proposées. L’article de réassurance vise à apporter des arguments à même de le rassurer.
Aperçu
Exemple de site
La première intégration de ce thème a été réalisée pour webelys qui avait besoin de moderniser un peu son thème.
Installation
La thème est sous forme de plugin. ll s’installe donc comme n’importe quel plugin.
Attention il n’y a aucune pré configuration. Il est donc nécessaire de passer par une étape de configuration pour avoir un premier rendu.
- Télécharger et activer le plugin Play Bootstrap
- Le plugin active automatiquement les plugins
Lorsque votre site passe en production, il est recommandé d’activer la compression des fichiers JavaScript et CSS pour avoir un site rapide à charger.
Plugins optionnels
Le plugin est aussi compatible crayons ou markdown editor (éviter d’activer les deux en même temps)
Sur la page d’accueil, certains sections facultatives, réclament des plugins supplémentaires :
- Pour la section “prix”, il faut activer le plugin Produits
- Pour la section “contact”, si vous souhaitez le formulaire, il faudra activer le plugin Formulaire de contact avancé
Configuration
Le squelette est configurable
Les options disponibles sont nombreuses
Page d’accueil
La majeure partie de la configuration concerne la page d’accueil. Par défaut cette page est plutôt vide et ne mets pas en valeur les fonctionnalités du thème.
A minima il est conseillé d’activer l’article de réassurance
| Options | Explication |
|---|---|
| Page d’accueil | Les contenus des textes en haut de la page d’acceuil |
| Page d’accueil > Article de réassurance | Le choix de l’article de réassurance (facultatif) |
| Page d’accueil > section Prix | Activer ou non la section prix (requiert le plugin Produits) |
| Page d’accueil > section FAQ | Activer ou non la section FAQ |
| Page d’accueil > section équipe | Activer ou non la section équipe |
| Page d’accueil > section Contact | Activer ou non la section contact. Requiert le plugin contact avancé si on souhaite le formulaire |
Réseaux sociaux
Grâce au plugin Liens vers les réseaux sociaux il est possible de déclarer certains liens sociaux en pied de page.
Dans le pied de page, si vous souhaitez les icônes pointant vers vos réseaux sociaux, il faut renseigner les adresses dans le menu “Liens sociaux”
Attention: le thème ne propose que les icônes pour les réseaux: Facebook, Twitter, Instagram, LinkedIn.
Si vous souhaitez utiliser d’autres réseaux n’hésitez pas à proposer leur support.
Menus
Le plugin utilise le plugin Menus. Il faudra utiliser les identifiants demandés pour qu’ils affichent bien
| Menu | identifiant requis |
|---|---|
| Haut de page > menu principal | menu |
| Pied de page - Ligne 1 | footer-colonne-1 |
footer-colonne-2 | |
footer-colonne-3 | |
footer-colonne-4 | |
| Pied de page - Ligne 2 | footer-credits |
Ce qui donne la configuration suivante
Avertissement: Les entrées de menus supportés sont les entrées simples. Les menus recursifs ou autres éléments compliqués ne sont pas forcement supportés.
Les logos
Le logo du site
Pour personnaliser le logo du site, ajouter un logo dans menu “Configuration > Identité du site”
Il est conseillé d’avoir un logo blanc en format SVG.
Si aucun logo n’est renseigné, on prend celui fourni par le thème.
Les logos des articles
Dans les rubriques “blogs”, si les articles ne disposent pas d’illustration ou de logos, le plugin charge une image générique (images/image-generique.svg)
Rubriques
Les articles disposent de 3 compositions standard, blog (avec affichage de dates), FAQ
Articles
Les articles disposent de 4 compositions selon les besoins
Les modèles du thème
Le plugin fournit aussi 2 modèles en plus pour les rédacteur
Le modèle <bouton>
<bouton
|objet=article
|id_objet=50
|titre=Voir notre travail
>
| Paramètres | Remarques |
|---|---|
| objet | article ou rubrique |
| id_objet | l’id_objet |
| titre | texte du bouton (facultatif) |
Le modèle <citation>
<citation
|texte=Je pense donc je suis
|auteur=René Descartes
>
| Paramètres | Remarques |
|---|---|
| texte | le texte de la citation |
| auteur | le nom de l’auteur de la citation (facultatif) |
Personnaliser
Ajouter une feuille de style personnalisée
Vous pouvez ajouter votre feuilles de style personnelle.
Cette feuille de style devra s’appeler css/perso.css.
Il est recommandé de la déposer dans le répertoire squelettes/
Ajouter vos compositions
Le plugin utilise compositions, vous pouvez donc facilement ajouter d’autres compositions qui répondent à vos besoins.
Il faut les placer dans un répertoire squelettes/content
Surcharger d’autres blocs
Plus généralement, vous pouvez surcharger tous les les éléments du squelette en ajoutant votre copie modifiée dans le répertoire squelettes/.
Attention: le plugin utilise l’architecture Z-core.
Remarques
Le squelette est sur la forge https://public.git.webelys.com/SPIP/theme-play-bootstrap
N’hésitez pas à contribuer en conservant à l’esprit de laisser le squelette aussi générique que possible.
Discussions by date of activity
One discussion
Qu’est ce donc que cet “article de réassurance” dont il est question dans la doc et dans les copies d’écran. Ecosia indique “La réassurance est l’opération par laquelle un assureur se garantit auprès d’un réassureur en lui rétrocédant tout ou partie des risques qu’il a lui-même couvert” et je ne vois rien de plus dans le sujet...
Peut être faudrait il introduire ce terme s’il est employé ici de manière créative.
C’est un terme standard en UX/UI. Revise tes classiques
Avec google, « ui ux “article de réassurance” » indique « Essayez d’autres mots. ». C’est très niche comme terme. Le plus large « ui ux réassurance » donne quelques réponses pertinentes. Si le plugin est réservé à un public de spécialistes de l’UX-UI, il faudrait l’indiquer au début. Mais ce serait bien mieux d’introduire les termes spécifiques et rendre le contenu plus largement accessible.
Bonjour
Pour la partie troll, utiliser un moteur de recherche pertinent et sans llm éviterai de partir d’un mauvais point de départ.
Autrement dans la cas présent je pense qu’ouvrir un dictionnaire aurait été plus efficace pour comprendre la définition d’un mot.
On voit alors que ce n’est pas du jargon mais juste du français, par exemple https://fr.wiktionary.org/wiki/rassurance avec 2 orthographes., mais les autres dictionnaires écrivent la même chose. J’aime également m’appuyer sur le cnrtl https://www.cnrtl.fr/definition/r%C3%A9assurance
Je prends avec plaisir la suggestion de précision, la documentation est toujours améliorable. Mais je ne vois pas comment dire mieux que “article de rassurance”, Je prends toute amélioration à ce propos.
Euh... Peut être n’aurais tu pas cette impression de troll si tu n’avais pas rembarré ma question avec un « Révise tes classiques ».
Pour la recherche j’ai essayé avec écosia (qui s’appuie peut être en partie sur Bing) et google et non, je ne parle pas des suggestions LLM proposées. “Essayez d’autres mots” c’est ce que répond Google quand il ne trouve *rien*. C’est dire si c’est rare comme expression. Tu suggères des dictionnaires généralistes à la place, alors que c’est un terme technique dans un domaine de niche ? Ça me semble pas une bonne idée.
D’ailleurs dans les liens que tu cites, il y a des citations littéraires, mais pas de définition ou pas en rapport avec le sujet ici. Il faut vraiment extrapoler créativement et avec imagination pour faire le rapport. Évidemment, tu te rends pas compte si tu travailles dans l’univers “UI UX” qui emploie ce terme tous les jours.
Je pense que étant bien au coeur de ce dont il est question, tu es mieux placé que moi pour introduire le terme... mais voici quand même une proposition de départ, imaginée au vu des résultats de recherche :
« Vocabulaire ; En visitant un site, il est légitime que l’internaute ait des inquiétudes sur la qualité des produits ou prestations proposées. L’article de réassurance vise à apporter des arguments à même de le rassurer. ».
Si tu me dis que c’est correct, je peux l’intégrer - ou toi. Et sinon, peux tu corriger ou améliorer cette définition ?
Erreur il y a une définition pour rassurance (en français) : « Qualité de ce qui est propre à rassurer, à rendre la confiance. ». Ça va dans le sens de ma proposition, qui est plus claire quand même, car cadrée pour la consultation d’un site internet.
L’explication pourrait encore préciser pourquoi il y aurait besoin de rassurer un internaute car l’internaute n’est pas un enfant qui a peur du noir et qu’on veut endormir... mais ce serait un autre sujet, et peut être même un troll ce qui n’est pas mon propos, alors je ne développe pas dans l’explication proposée.
Bonjour
Pour ma part je débarque après les premiers échanges. J’ai donné un lien pour la définition provenant d’un dictionnaire en ligne mais bon on trouvera la même chose dans une version papier.
Je te laisse corriger c’est toi qui a trouvé une version qui semble plus compréhensible. Pour ma part c’est autosuffisant “article propre à rassurer, à rendre la confiance”.
La documentation n’a pas à préciser pourquoi on doit/devrait rassurer, c’est n’est pas le thème qui impose/décide ce point;. C’est un choix éditorial ou de posture de la personne/équipe en charge du site. Le thème offre une possibilité.
J’ai donc intégré le point de vocabulaire tel que je le proposais, et en gardant l’anglophone “réassurance” qui figure dans le texte.
Merci cam !
Reply to this message
Add a comment
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.
Follow the comments:
|
