Un thème solide et calme pour les entreprises de construction, les entrepreneurs généraux, les sociétés de conception-construction et les cabinets d’architecture et d’ingénierie. Des titres condensés en capitales, une barre utilitaire avec vos coordonnées au-dessus d’un en-tête plein, des grilles de projets structurées, des blocs numérotés de services et de méthode, des bandeaux anthracite avec une bande de signalisation ambre et presque aucune animation, sur des surfaces béton chaud par défaut, l’apparence sombre étant à un clic.
Ce qui rend Keystone unique
Keystone se lit comme un panneau de chantier bien tenu : votre numéro de téléphone à portée de main, vos projets dans des grilles strictes, votre méthode et vos références présentées en blocs clairs et réglés.
- Une barre utilitaire et un en-tête plein. Une barre anthracite porte votre téléphone, votre e-mail, vos horaires d’ouverture, votre adresse, vos liens sociaux et le sélecteur de langue au-dessus d’une barre principale pleine avec votre logo, la navigation et un bouton d’appel à l’action. Pendant le défilement, la barre utilitaire s’efface et la barre principale reste à l’écran, plus compacte.
- Un bouton de devis dans l’en-tête. Lorsque l’add-on Billing est actif avec les demandes de devis activées, le bouton de l’en-tête affiche « Demander un devis » et ouvre le formulaire de demande de devis ; sinon, il affiche « Lancez votre projet » et ouvre votre page de contact.
- Une typographie industrielle condensée. Big Shoulders Display compose les titres en capitales et les grands chiffres ; IBM Plex Sans porte le texte et les libellés.
- Des grilles structurées. Des projets dans des grilles de photos strictes avec des détails en petites capitales, des cartes de services numérotées, des repères et des boutons carrés, des tableaux réglés et des rangées de chiffres.
- Des détails de chantier. Une bande de signalisation ambre et anthracite le long de l’appel à l’action, une grille de mesure derrière les en-têtes de page, une ligne de cote avec ses traits d’extrémité comme séparateur, un cadre cuivre décalé autour de la photo du hero landing, et un monogramme avec une encoche cuivre lorsqu’aucun logo n’est téléversé.
- Presque aucune animation. Les blocs apparaissent une fois en un léger fondu vers le haut lorsqu’ils entrent dans l’écran, les chiffres s’incrémentent, et les liens et les boutons réagissent au survol. Il n’y a ni chargement d’introduction, ni transition entre les pages, ni curseur personnalisé, ni scène au défilement : les pages restent rapides et centrées sur l’essentiel.
- Des couleurs lisibles. La couleur des boutons est automatiquement approfondie lorsque c’est nécessaire pour qu’un libellé blanc reste lisible, et la couleur principale utilisée pour les petits textes est assombrie jusqu’à atteindre un contraste confortable.
Keystone est un thème classique : il n’a pas de réglages Animations et interactions. Il affiche tout de même les sections Bandeau défilant, Déclaration et Mur de collection des thèmes interactifs, sous forme de mises en page statiques et calmes, de sorte que les pages construites avec un thème interactif conservent tout leur contenu lorsque vous passez à Keystone.
Système de design
Typographie
Big Shoulders Display, une police d’affichage condensée, compose les titres en capitales, les grands chiffres (métriques, compte à rebours, numéros des étapes et de la collection) et le nom du site dans l’en-tête ; les titres longs repassent en casse normale pour rester faciles à lire. IBM Plex Sans porte le texte courant, la navigation et les petits libellés en capitales.
Palette
Les trois premières couleurs proviennent de vos Paramètres du thème ; les surfaces font partie du design et s’adaptent à l’apparence.
Formes et détails
- Des coins carrés partout (2px), des boutons, des repères, des interrupteurs et des liens sociaux carrés.
- De courts filets cuivre avant les libellés en capitales et sous les titres, des rangées et des tableaux réglés.
- Des bandeaux anthracite pour les chiffres, l’appel à l’action et le compte à rebours, et un pied de page d’un anthracite plus profond.
Premiers pas
-
Installez le thème
Allez dans Panneau d’administration → Thèmes, cliquez sur Téléverser et sélectionnez le fichier
.zipde Keystone. -
Activez Keystone
Cliquez sur Activer sur la carte de Keystone et saisissez votre code d’achat lorsqu’il vous est demandé. Votre contenu n’est pas modifié : un thème ne change que la façon dont il est affiché.
-
Renseignez vos coordonnées
La barre utilitaire, le menu des petits écrans, le pied de page et la section Appel à l’action lisent votre téléphone, votre e-mail, votre adresse et vos horaires d’ouverture dans les Paramètres, ainsi que vos liens sociaux. Plus vous en renseignez, plus l’en-tête devient utile.
-
Réglez les couleurs
Ouvrez les Paramètres du thème pour choisir les couleurs, les polices, le style d’en-tête et la mise en page.
-
Construisez vos pages
Modifiez n’importe quelle page en mode Sections. Tous les types de sections fonctionnent avec Keystone ; leurs designs sont décrits plus bas.
-
Configurez les menus
Le menu Header Main s’affiche dans la barre principale à partir de 992px de large, avec des menus déroulants jusqu’à trois niveaux, et dans le menu latéral sur les écrans plus petits. Les menus Footer Links, Footer More et Footer Legal remplissent les colonnes du pied de page.
Code d’achat (clé de licence)
Le thème Keystone est vendu sous une licence distincte de celle de l’application principale et de chaque autre thème ou add-on, il possède donc son propre code d’achat (clé de licence). Il vous est demandé la première fois que vous activez le thème dans Panneau d’administration → Thèmes.
Nos produits sont vendus sur trois plateformes. La façon dont vous recevez un code d’achat dépend de l’endroit où vous avez acheté le produit.
| Plateforme / Marketplace | Comment obtenir le code d’achat | Où le retrouver |
|---|---|---|
| Boutique bedigit.com Achat sur le site (Shop) |
Généré automatiquement lorsque la commande est payée, puis envoyé par e-mail, soit dans un e-mail de licence dédié, soit dans l’e-mail de confirmation de commande. | Mon compte → Mes licences sur bedigit.com |
| Gumroad | Créé dès que Gumroad nous notifie la vente, puis envoyé dans un e-mail séparé, en plus du reçu Gumroad. | L’e-mail de licence, votre Bibliothèque Gumroad et Mon compte → Mes licences sur bedigit.com |
| Envato Market CodeCanyon |
Délivré par Envato, pas par nous, et jamais envoyé par e-mail : vous le téléchargez vous-même depuis votre compte Envato. | Compte Envato → Downloads → License certificate & purchase code |
Vérifiez votre dossier de spam. Pour les achats effectués sur la Boutique bedigit.com et sur Gumroad, le code d’achat est envoyé par e-mail, et les e-mails de licence automatiques sont très souvent filtrés. Si le message ne se trouve pas dans votre boîte de réception, regardez dans votre dossier spam / courrier indésirable avant de contacter le support, et ajoutez notre adresse d’expédition à vos contacts ou à votre liste d’autorisation.
1. Boutique bedigit.com (achat sur le site)
Dès que votre commande passe au statut Payée, une clé de licence est générée automatiquement pour chaque article sous licence de la commande (une clé par unité achetée) et envoyée par e-mail à l’adresse utilisée pour la commande, soit dans un e-mail de licence dédié, soit dans l’e-mail de confirmation de commande. La clé reste aussi disponible sous Mon compte → Mes licences, où vous pouvez l’afficher, la copier, voir les domaines sur lesquels elle est activée, et désactiver un domaine pour libérer un emplacement d’activation. La facture correspondante se trouve sous Mon compte → Mes commandes.
2. Gumroad
Un achat sur Gumroad produit deux e-mails distincts : le reçu Gumroad (envoyé par Gumroad, donnant accès aux fichiers) et un e-mail de clé de licence (envoyé par bedigit.com) qui contient votre code d’achat. Ce second e-mail est généré dès que Gumroad nous notifie la vente, il arrive donc normalement quelques secondes après le paiement. Lorsque le produit utilise la fonctionnalité de clés de licence propre à Gumroad, la même clé apparaît aussi dans le reçu Gumroad et sous Bibliothèque → votre achat sur gumroad.com. Utilisez la même adresse e-mail sur bedigit.com que sur Gumroad : vos clés sont alors liées automatiquement à votre compte, sous Mon compte → Mes licences ; vous pouvez aussi ajouter une clé Gumroad manuellement depuis Mon compte → Mes licences Gumroad.
3. Envato Market (CodeCanyon)
Envato délivre et fournit lui-même le code d’achat : nous ne l’envoyons jamais par e-mail, il n’y a donc rien à chercher dans votre dossier de spam. Connectez-vous à votre compte Envato / CodeCanyon, ouvrez la page Downloads, trouvez l’article et choisissez License certificate & purchase code dans le menu déroulant Download ; le code est inscrit dans ce certificat. Il ressemble à 12345678-90ab-cdef-1234-567890abcdef et ne change jamais, même lorsque vous renouvelez le support de l’article. Consultez l’article officiel : Where Is My Purchase Code?
Vous avez perdu votre code d’achat ? Recherchez dans votre messagerie (dossier de spam inclus) « licence » ou « code d’achat », puis consultez Mon compte → Mes licences sur bedigit.com pour les achats Boutique et Gumroad, ou Downloads → License certificate sur Envato. S’il est toujours introuvable, ouvrez un ticket sur notre Centre d’aide avec votre numéro de commande (Boutique), l’ID de vente Gumroad ou l’e-mail de l’acheteur (Gumroad), ou votre nom d’utilisateur Envato et le nom de l’article (Envato).
Contenu de démonstration
La démo en ligne présente un studio fictif d’architecture, d’intérieurs et d’expositions. Ses textes ont été écrits pour la démo ; les photographies proviennent d’Unsplash et les films sont intégrés depuis YouTube. Remplacez-les par vos propres travaux avant la mise en ligne.
Le contenu de démonstration n’est pas importé automatiquement lorsque vous activez le thème : construisez vos pages à partir des sections décrites plus bas, ou partez d’une page que vous avez déjà.
Personnalisation
| Réglage | Par défaut | Ce qu’il modifie |
|---|---|---|
| Couleur principale | #c8641e |
Le cuivre brûlé : boutons, liens, éléments de menu actifs, filets et petits repères. Les boutons utilisent une nuance légèrement plus profonde avec un libellé blanc lorsque cela garde le libellé lisible, sinon votre couleur avec un libellé contrasté. |
| Couleur secondaire | #1f2326 |
L’anthracite de la barre utilitaire, des bandeaux (chiffres, appel à l’action, compte à rebours, hero sans photo) et du pied de page, dans l’apparence claire. |
| Couleur d’accent | #f2b33d |
L’ambre de chantier, utilisé pour les petites mises en valeur : la bande de signalisation, les icônes de la barre utilitaire, le soulignement des chiffres, les liens du pied de page et l’anneau de focus de l’apparence sombre. |
| Couleur du texte | #1f2326 |
L’encre de l’apparence claire. |
| Polices des titres et du texte | Big Shoulders Display / IBM Plex Sans | La police d’affichage condensée pour les titres et les chiffres, la sans-serif pour le texte. D’autres polices peuvent être choisies. |
| Styles d’en-tête | Sticky / Sticky | Les deux types de pages utilisent l’en-tête fixe : la barre principale reste à l’écran et devient plus compacte après un court défilement, tandis que la barre utilitaire défile avec la page. Transparent pose les deux barres sur la photo d’un hero pleine largeur, en blanc, et les laisse défiler avec la page. Default garde les barres pleines et les laisse défiler. |
| Largeur et alignement de l’en-tête | Largeur du contenu, navigation centrée | Les barres sont alignées sur le contenu ; activez En-tête large pour qu’elles occupent toute la largeur. La navigation peut aussi être alignée à gauche ou à droite. |
| Couleurs de l’en-tête | Vide | Couleur ou image de fond, couleur du texte, couleurs des boutons et bordure inférieure de la barre principale, appliquées aux en-têtes Sticky et Default (l’en-tête transparent reste blanc sur la photo). |
| Méga menu | Désactivé | Lorsqu’il est activé, le menu Header Main s’affiche en méga menu à la place de la navigation déroulante à partir de 992px de large. Le menu latéral reste la navigation des écrans plus petits. |
| Mise en page et largeur du contenu | Large, 1400px |
La mise en page large limite le contenu à cette largeur. La mise en page encadrée place toute la page dans une colonne centrée de la Largeur du conteneur (1320px), entourée d’un filet fin et d’une ombre douce. |
| Style de pied de page | Default | Default est le pied de page anthracite profond ; Dark passe au presque noir avec un filet ambre le long du bord supérieur et un monogramme cuivre ; Minimal est un pied de page plus clair et plus compact sur la surface pierre, au texte encre (une surface sombre surélevée dans l’apparence sombre). Les couleurs du pied de page ci-dessous l’emportent toujours sur le style. |
| Couleurs du pied de page | Vide | Laissez vide pour garder les couleurs du style de pied de page, ou définissez vos propres couleurs de fond (couleur ou image), de titre, de texte et de liens. |
| Couleur de fond du CTA | Vide | Laissez vide pour garder le panneau anthracite de la section Appel à l’action. |
| Retour en haut | Activé | Un bouton carré qui apparaît après un court défilement et ramène le visiteur en haut de la page. |
En-tête & pied de page
Barre utilitaire
La barre anthracite au-dessus de l’en-tête affiche les coordonnées renseignées dans les Paramètres : le numéro de téléphone sur tous les écrans, l’e-mail à partir de 768px de large, les horaires d’ouverture et l’adresse à partir de 1200px de large, puis vos liens sociaux et le sélecteur de langue. Elle n’apparaît que si au moins l’un d’eux est renseigné. Sur les téléphones, les liens sociaux et le sélecteur de langue passent dans le menu.
Barre principale
Votre logo (ou, sans logo, un monogramme carré avec une encoche cuivre à côté du nom de votre site), la navigation Header Main à partir de 992px de large, les liens du panier et du compte lorsque ces add-ons sont actifs, l’interrupteur clair / sombre et le bouton d’appel à l’action à partir de 768px de large. Sous 992px, un bouton de menu ouvre un panneau latéral avec les liens (les sous-menus s’ouvrent avec un bouton plus), l’appel à l’action, votre téléphone, votre e-mail et votre adresse, vos liens sociaux et le sélecteur de langue.
Pied de page
Un pied de page anthracite profond en colonnes : le nom, la description et les coordonnées de votre site ; le menu Footer Links ; le menu Footer More ; les liens légaux (le menu Footer Legal, ou les pages de confidentialité et de conditions) ; puis un formulaire de newsletter lorsque l’add-on Newsletter est actif (il inscrit sans quitter la page et confirme par une notification), ou un bloc « Nous contacter » avec un bouton de contact, et vos liens sociaux. La barre du bas contient la ligne de copyright et le sélecteur de langue. Le Style de pied de page des Paramètres du thème bascule entre les versions par défaut, sombre et minimale.
Clair & sombre
Keystone s’ouvre sur son apparence claire : une page béton chaud, un en-tête et des cartes papier, une encre anthracite. Le bouton en forme de lune dans la barre principale passe à l’apparence sombre, avec des surfaces graphite profond, un texte clair et des bandeaux presque noirs, où les liens cuivre sont éclaircis et l’ambre marque le focus. Le choix est mémorisé pour chaque visiteur.
Dans Paramètres du thème → Mode d’apparence, vous pouvez démarrer en sombre, suivre le réglage système du visiteur, ou masquer le bouton pour imposer une seule apparence.
Designs des sections
Tous les types de sections fonctionnent avec Keystone. Celles-ci bénéficient d’un design propre à Keystone :
| Section | Dans Keystone |
|---|---|
| Hero | Une photo de projet pleine largeur sous une ombre sombre, un grand titre en capitales avec un libellé souligné d’ambre et vos boutons. Disposition image et texte : Côte à côte place le texte à côté de la photo dans un cadre ; Empilé le place au-dessus d’une large photo encadrée. Sans photo, le hero est un bandeau anthracite avec une légère grille de mesure. Les titres rotatifs sont pris en charge. |
| Héro Landing | Une mise en page scindée : le texte d’un côté, la photo dans un cadre cuivre décalé de l’autre. |
| Portfolio | Des onglets de filtre qui affichent une catégorie à la fois, sur place, au-dessus d’une grille stricte de grandes photos de projets avec des détails en petites capitales. |
| Fonctionnalités, Grille de cartes | Des cartes de services numérotées avec une icône carrée, et des cartes photo ; les deux reçoivent un filet cuivre en haut au survol. |
| Étapes | Une ligne de méthode avec des repères carrés numérotés : horizontale sur les écrans larges (jusqu’à six étapes), verticale sinon. |
| Chronologie | Une colonne verticale avec des repères annuels, les entrées alternant de part et d’autre sur les écrans larges (ou toutes du même côté). |
| À propos | Une photo encadrée avec une plaque des années d’expérience, le texte et une rangée réglée de chiffres qui s’incrémentent. |
| Métriques, Compte à rebours | De grands chiffres condensés soulignés d’ambre sur un bandeau anthracite, qui s’incrémentent une fois visibles ; de grands chiffres condensés dans des cellules réglées, sur un bandeau anthracite ou une photo. |
| Appel à l’action | Un panneau anthracite avec une fine bande de signalisation ambre et anthracite le long de son bord, le titre, votre bouton et, lorsqu’un numéro de téléphone est renseigné, un lien « Appelez-nous » avec le numéro. |
| Témoignages | Des cartes de citations avec la note et l’auteur, sur une rangée qui défile avec des boutons précédent / suivant carrés. |
| Carrousel | Des diapositives pleine largeur en fondu, avec des boutons précédent / suivant carrés, des points et un compteur numéroté ; avec la lecture automatique, elles changent d’elles-mêmes et se mettent en pause lorsque le visiteur les pointe ou leur donne le focus. |
| Vidéo | Une affiche avec un bouton de lecture carré ; le lecteur se charge sur place au clic, ou démarre en sourdine dès que la moitié est visible lorsque Lecture auto est activé. |
| Galerie, Galerie + Texte, Image + Texte, Image | Une grille de photos serrée aux coins carrés qui s’ouvrent dans la visionneuse ; une mosaïque de photos à côté du texte ; des rangées encadrées en alternance, numérotées lorsqu’il y en a plusieurs ; une photo unique avec une légende soulignée de cuivre. |
| Accordéon, FAQ, Onglets | Des rangées réglées avec des boutons carrés, une ouverte à la fois sauf si l’accordéon en autorise plusieurs ; la FAQ peut afficher une photo. Les onglets reposent sur un rail en capitales souligné de cuivre, ou sur un rail vertical sur les écrans larges. |
| Équipe, Tarifs, Comparaison | Des cartes portraits avec le nom, le rôle, une courte biographie et des liens sociaux carrés ; des colonnes de formules réglées, la formule mise en avant sur un panneau anthracite ; un tableau de spécifications réglé dont la colonne mise en avant est teintée de cuivre. |
| Aperçus du blog, des événements et des produits | Trois cartes d’articles avec des détails en petites capitales ; des cartes photo avec un bloc de date anthracite, le statut, les dates et le lieu ; les cartes de la boutique restylées. |
| Titres, Séparateur, Bannière | Un titre condensé en capitales avec une ligne de mesure cuivre, le titre scindé avec un filet, une bannière de titre (pleine, en contour ou minimale) avec une icône carrée, un titre sur une photo assombrie (anthracite sans photo), et un titre animé affiché comme un grand titre avec un filet cuivre, dont l’animation choisie ne fixe que la direction du fondu vers le haut ; une ligne réglée, une ligne de cote avec ses traits d’extrémité (Vague), trois repères carrés (Points) ou un espace vide (Espacement) ; une fine bande d’annonce (info, succès, avertissement, danger, principale ou sombre). |
| Barre de logos, Formulaire de contact, Carte, Avant/Après | Une grille bordée de logos de clients, ou de leurs noms en capitales condensées ; avec le style Défilement, une lente bande de logos qui se met en pause lorsque le visiteur la pointe ou lui donne le focus ; un panneau de formulaire réglé à côté de vos coordonnées ; une carte encadrée avec une fiche de contact réglée ; le curseur de comparaison dans un cadre carré, ou les deux images côte à côte. |
Bandeau défilant, Déclaration & Mur de collection
Ces trois sections ont été conçues pour les thèmes interactifs. Keystone les affiche sous forme de mises en page statiques : elles peuvent donc être ajoutées à vos pages et conservent leur contenu lorsque vous changez de thème :
| Section | Dans Keystone |
|---|---|
| Bandeau défilant | Une rangée réglée de mots en capitales grasses séparés par de petits carrés ambre, qui passe à la ligne sur les petits écrans ; rien ne bouge. Taille choisit des mots grands ou petits. Avec la typographie Alterner sans empattement et italique à empattement, un mot sur deux est dessiné en contour ; Italique à empattement compose les mots dans une graisse plus légère avec un espacement plus large (Keystone n’a pas de police serif). Les options de vitesse, de direction et de défilement ne s’appliquent qu’aux thèmes interactifs. |
| Déclaration | Une grande déclaration typographique avec son libellé au-dessus, un bouton en contour facultatif et une photo encadrée facultative à côté. Les déclarations très longues sont composées un peu plus petit. L’alignement centré s’applique lorsqu’il n’y a pas de photo. Le texte apparaît avec le léger fondu vers le haut : l’option Effet ne s’applique qu’aux thèmes interactifs. |
| Mur de collection | Une grille structurée de photos, chacune avec une légende numérotée (01, 02...) sous un filet épais, qui s’ouvrent dans la visionneuse ; il n’y a pas de toile à faire glisser. Mur à faire glisser donne quatre colonnes de photos en portrait sur les écrans larges, Grille trois colonnes de photos carrées, et Haute rend les photos plus hautes. |
Œuvres & projets
L’index des œuvres présente une grille stricte de grandes photos de projets avec des détails en petites capitales, sous des onglets de catégories qui ouvrent la page de chaque catégorie (lorsque Portfolio → Afficher le filtre de catégories est activé et qu’il y a plusieurs catégories), avec des numéros de page en dessous si nécessaire. Chaque page de projet s’ouvre sur un bloc de titre et une grande couverture, présente les informations du projet à côté du récit, affiche les vidéos et les comparaisons, la galerie dans la visionneuse, et se termine par des liens vers les projets précédent et suivant.
Pages des add-ons
Les pages des add-ons (blog, événements, boutique, centre d’aide, compte...) utilisent les mises en page partagées, restylées avec la palette, les titres condensés et les coins carrés de Keystone, dans les deux apparences, sous l’en-tête de page pierre avec sa grille de mesure.
Accessibilité
- Les visiteurs qui demandent à leur appareil de réduire les animations ne voient ni fondu vers le haut, ni chiffres qui s’incrémentent, ni lecture automatique du carrousel ou des vidéos, ni bande de logos défilante, ni zoom des images au survol.
- Les couleurs des boutons et des liens sont ajustées automatiquement pour rester lisibles sur leur fond.
- Le menu latéral garde le focus à l’intérieur tant qu’il est ouvert et se ferme avec Échap, avec son arrière-plan ou lorsque la fenêtre devient assez large pour la barre principale.
- Les onglets suivent les touches fléchées, Début et Fin ; les témoignages et le carrousel suivent les touches fléchées et se font défiler du doigt ; l’affiche de la vidéo se lance avec Entrée ou Espace.
- Les coordonnées de la barre utilitaire portent des libellés vocalisés (téléphone, e-mail, horaires, adresse) pour les lecteurs d’écran.
- Un lien « Aller au contenu » est le premier arrêt du clavier sur chaque page.
Mise à jour
Comment mettre à jour ce thème vers une version plus récente.
Téléversement depuis le panneau d’administration (recommandé)
- Téléchargez le dernier fichier
.zipde ce thème. - Allez dans Panneau d’administration → Thèmes et cliquez sur le bouton Téléverser.
- Sélectionnez ou faites glisser le fichier
.zipdans la zone de téléversement. - Une demande de confirmation affiche le numéro de la version actuelle et celui de la nouvelle version. Cliquez sur Remplacer pour continuer.
- Allez dans Panneau d’administration → Mise à jour du système (
/admin/update) pour appliquer les éventuelles migrations de base de données en attente.
Astuce : les paramètres de votre thème (couleurs, polices, CSS personnalisé) sont stockés dans la base de données et ne seront pas perdus lorsque vous remplacez les fichiers du thème.
Désinstallation
Comment cesser d’utiliser ce thème sans rien perdre.
Les thèmes ne s’activent pas et ne se désactivent pas un par un : un seul thème est actif à la fois, vous cessez donc d’utiliser Keystone en activant un autre thème. Allez dans Panneau d’administration → Thèmes et cliquez sur Activer sur le thème que vous souhaitez utiliser à la place.
- Keystone reste installé : ses fichiers restent dans
extensions/themes/keystone/et sa carte reste dans la liste. - Ses paramètres (couleurs, polices, mise en page, options d’en-tête et de pied de page, CSS personnalisé) restent enregistrés dans la base de données, tout comme le style que vous avez appliqué à chaque section de la page d’accueil.
- Le code d’achat enregistré lors de l’activation est conservé : réactiver le thème ne vous le redemandera pas.
Réactivez-le quand vous le souhaitez : le front-end revient exactement tel que vous l’avez laissé.
Suppression
Comment supprimer définitivement ce thème, et ce qui disparaît avec lui.
La suppression efface le thème définitivement. Le thème actif ne peut pas être supprimé, la suppression se fait donc toujours en deux étapes :
- Activez un autre thème (voir Désinstallation).
- Cliquez sur Supprimer sur la carte Keystone et confirmez.
Cela supprime :
- le répertoire du thème
extensions/themes/keystone/; - ses ressources publiées dans
public/themes/keystone/; - ses fichiers téléversés dans
storage/app/public/themes/keystone/; - ses artefacts de build Vite : les fichiers hachés dans
public/build/et leurs entrées dans le manifeste ; - sa ligne dans la table
themes, c’est là que sont stockés ses paramètres, donc les couleurs, polices, options de mise en page et le CSS personnalisé que vous avez configurés pour lui sont perdus.
Cette action est irréversible. Exportez ou notez tout CSS personnalisé que vous souhaitez conserver avant de supprimer le thème : si vous le réinstallez plus tard, il repartira de ses paramètres par défaut.
Le style appliqué à chaque section de la page d’accueil est enregistré sous le nom du thème et non sur sa ligne dans la table, il survit donc à la suppression : réinstallez Keystone et vous retrouverez le style de vos sections, tandis que les paramètres propres au thème repartiront de leurs valeurs par défaut.
La suppression est refusée, avant toute suppression de fichier, lorsque le thème est encore actif ou lorsque l’utilisateur du serveur web (PHP) ne peut pas supprimer extensions/themes/keystone/. Dans ce dernier cas, donnez à cet utilisateur le droit d’écriture sur le répertoire et sur son répertoire parent, puis réessayez.
Supprimer le dossier par FTP ou SSH n’est pas équivalent : les ressources publiées, les artefacts de build et la ligne de la table themes restent en place. Utilisez plutôt Supprimer dans le panneau d’administration.
Questions fréquentes
Où sont les réglages d’animation ?
Keystone n’en a pas : c’est un thème calme par conception. Ses seuls mouvements sont le léger fondu vers le haut des blocs, les chiffres qui s’incrémentent, la bande de logos défilante facultative et la lecture automatique facultative du carrousel et des vidéos, et tous sont ignorés pour les visiteurs qui demandent à leur appareil de réduire les animations.
Puis-je utiliser les sections Bandeau défilant, Déclaration et Mur de collection ?
Oui. Keystone les affiche sous forme de mises en page statiques (voir Bandeau défilant, Déclaration & Mur de collection), et le sélecteur de sections les propose lorsque Keystone est actif.
Comment changer le bouton de l’en-tête ?
Il suit vos add-ons : « Demander un devis » lorsque l’add-on Billing est actif avec les demandes de devis activées, sinon « Lancez votre projet », qui ouvre votre page de contact. Ses couleurs se règlent dans les couleurs de l’en-tête des Paramètres du thème.
Pourquoi la barre utilitaire n’apparaît-elle pas ?
Elle n’apparaît que lorsqu’il y a quelque chose à afficher : renseignez un numéro de téléphone, un e-mail, des horaires d’ouverture ou une adresse dans les Paramètres, ajoutez un lien social, ou installez une deuxième langue.
Le thème fonctionne-t-il sur les téléphones et les tablettes ?
Oui. Sous 992px de large, le bouton de menu ouvre le menu latéral, la barre utilitaire garde votre numéro de téléphone, les étapes s’empilent verticalement et les témoignages et le carrousel se font défiler du doigt.