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)
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.
No discussion
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:
|
