Un thème cinématographique piloté par le défilement pour les agences immobilières, les courtiers, les promoteurs et les gestionnaires de biens. Un doux ciel pêche et bleu aux nuages qui dérivent, une photo de couverture qui s’élève comme un immeuble au fil du défilement, un logotype géant qui laisse voir la photo à travers ses lettres, des titres bicolores qui se remplissent mot à mot, des bandes d’images en chevrons et une page blanche par défaut, l’apparence de nuit étant à un clic.
Ce qui rend Skyline unique
Skyline s’ouvre sur un ciel : de doux nuages au-dessus d’un horizon chaleureux, votre titre, puis la photographie d’un immeuble qui s’élève à l’écran.
- Le hero du ciel ascendant. Avec une photo de couverture, le hero reste en place pendant que les visiteurs font défiler la page : la photo grandit comme un immeuble vu par une caméra qui s’élève, les nuages s’écartent de chaque côté et le titre s’efface.
- Un logotype avec la photo à l’intérieur. Le premier mot du nom de votre site apparaît ensuite sur toute la largeur de l’écran en caractères épais, d’abord en contour, puis rempli de la photo du hero vue à travers ses lettres ; le reste du nom (ou le libellé du hero) se place en dessous.
- Des titres bicolores. Les titres sont composés en deux tons : la première partie à l’encre, la suite dans un gris doux qui se remplit d’encre mot à mot au fil du défilement.
- Des bandes de chevrons. Les photographies sont découpées en forme de flèches qui glissent l’une après l’autre, dans les sections À propos, Galerie et Événements.
- La bande des services. Les Fonctionnalités (et une Grille de cartes sans images) deviennent une bande presque noire où chaque service est une rangée : un petit cercle numéroté, un texte court et un mot géant qui glisse depuis l’autre bord.
- Une barre épurée et un menu plein écran. L’en-tête flotte sans fond au-dessus du ciel et devient blanc avec un filet fin dès que la page défile. Il contient votre logo, la navigation centrée et une pilule Contact ; sous 1200px de large, la navigation passe dans un menu plein écran blanc surmonté d’une bande de ciel.
- La lumière d’abord. L’apparence blanche est celle par défaut ; l’apparence de nuit, sous un ciel de crépuscule, est à un clic et reste mémorisée pour chaque visiteur.
Skyline fait partie de la famille des thèmes interactifs. Les thèmes interactifs partagent les mêmes types de sections supplémentaires (Bandeau défilant, Déclaration, Mur de collection) et les mêmes réglages Animations et interactions, ce qui vous permet de passer de l’un à l’autre sans reconstruire vos pages.
Système de design
Typographie
Hanken Grotesk porte tout : des titres d’affichage serrés à l’espacement négatif, le logotype épais du hero et un texte courant apaisé. Fraunces, une serif éditoriale, est toujours chargée à ses côtés pour les accents en italique : citations des témoignages, citations dans les articles, slogan du chargement d’introduction et mots en serif de la section Bandeau défilant.
Palette
Les trois premières couleurs proviennent de vos Paramètres du thème ; les couleurs du ciel font partie du design et s’adaptent à l’apparence.
Formes et détails
- Des photographies aux coins presque carrés, des filets fins entre les rangées et des boutons en pilule dont la flèche glisse au survol.
- Des boutons ronds pour les flèches et la pagination, de petits chevrons sable comme repères et séparateurs.
- Sans logo téléversé, l’en-tête affiche le nom de votre site à côté d’un petit soleil.
Premiers pas
-
Installez le thème
Allez dans Panneau d’administration → Thèmes, cliquez sur Téléverser et sélectionnez le fichier
.zipde Skyline. -
Activez Skyline
Cliquez sur Activer sur la carte de Skyline 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é.
-
Réglez les couleurs et les animations
Ouvrez les Paramètres du thème pour choisir les couleurs, les polices, le style d’en-tête et les effets d’animation à conserver.
-
Construisez vos pages
Modifiez n’importe quelle page en mode Sections. Tous les types de sections fonctionnent avec Skyline ; commencez la page d’accueil par un Hero doté d’une photo de couverture pour obtenir le ciel ascendant et le logotype.
-
Configurez les menus
Le menu Header Main s’affiche centré dans l’en-tête à partir de 1200px de large, avec des menus déroulants, et dans le menu plein écran sur les écrans plus petits. Les menus Footer Links et Footer More sont composés en grands caractères dans le pied de page, et Footer Legal dans sa ligne du bas.
Code d’achat (clé de licence)
Le thème Skyline 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 | #151717 |
Les boutons en pilule pleins (et la couleur principale des pages des add-ons). Sur une couleur principale claire, le libellé du bouton passe automatiquement en sombre. Dans l’apparence sombre, les boutons deviennent clairs, avec une touche de cette couleur. |
| Couleur secondaire | #6b6f6f |
Le gris doux de la seconde moitié des titres bicolores, et de petits détails comme les suffixes des chiffres, les descriptions des étapes et le lien actif du menu. |
| Couleur d’accent | #e7c9a0 |
Le sable chaud, utilisé avec parcimonie : étoiles des avis, chevrons séparateurs et repères, et filet à côté des citations. |
| Couleur du texte | #151717 |
L’encre de l’apparence claire. |
| Polices des titres et du texte | Hanken Grotesk / Hanken Grotesk | Hanken Grotesk est chargée avec toute sa gamme de graisses pour les titres d’affichage et le logotype. D’autres polices peuvent être choisies ; Fraunces reste la serif des accents en italique. |
| Styles d’en-tête | Transparent / Sticky | Les pages à sections commencent avec une barre flottant au-dessus du ciel, qui devient blanche avec un filet fin après un court défilement ; les autres pages utilisent la barre blanche dès le départ. Les deux restent à l’écran. Default laisse la barre défiler avec la page. |
| Largeur et alignement de l’en-tête | Navigation large et centrée | La barre occupe toute la largeur ; désactivez En-tête large pour l’aligner sur le contenu. 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, appliquées aux barres Sticky et Default (la barre transparente garde les couleurs du thème). |
| Méga menu | Désactivé | Lorsqu’il est activé, le menu Header Main s’affiche en méga menu à la place de la navigation centrée à partir de 1200px de large. Le menu plein écran reste la navigation des écrans plus petits. |
| Largeur du contenu | 1440px |
Largeur maximale du contenu dans la mise en page large ; la mise en page encadrée utilise sa Largeur du conteneur (1320px) à la place. |
| Style de pied de page | Default | Default est le pied de page presque noir ; Dark passe au noir le plus profond avec une légère lueur pêche et bleue le long du bord supérieur ; Minimal est un pied de page plus clair et plus compact, au texte encre sur la surface brumeuse (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, de titre, de texte et de liens. |
| Couleur de fond du CTA | Vide | Laissez vide pour garder le ciel de nuit de la section Appel à l’action, ou définissez une couleur pour peindre la bande à la place. Une couleur ou un dégradé de fond défini dans l’onglet Style de la section l’emporte sur ce réglage. |
| Retour en haut | Activé | Un bouton rond qui apparaît une fois que les visiteurs ont fait défiler la majeure partie d’un écran ; son anneau se remplit à mesure qu’ils descendent dans la page. |
Animations et interactions
La carte Animations et interactions des Paramètres du thème active ou désactive chaque effet. Les cinq sont activés par défaut. Dans Skyline, ils produisent les effets suivants :
| Option | Effet |
|---|---|
| Chargement d’introduction | Un écran de ciel aux nuages qui dérivent sur la première page de chaque visite : le nom de votre site s’élève à l’écran, le slogan de votre site apparaît en italique serif, une fine ligne se trace, puis le ciel se soulève. |
| Transitions entre les pages | Une feuille blanche au bord nuageux monte entre deux pages, en affichant le nom du lien cliqué, puis se soulève sur la nouvelle page. |
| Curseur contextuel | Sur les appareils avec souris, le curseur devient un petit point sombre qui grossit au-dessus des liens et des boutons et se transforme en pilule légendée au-dessus des médias (Voir, Ouvrir, Glisser, Lire). |
| Typographie élastique | Dans Skyline, il s’agit du remplissage bicolore : la moitié grise de chaque titre, et le texte de la section Déclaration, se remplissent d’encre mot à mot pendant qu’ils traversent l’écran. Lorsqu’il est désactivé, les deux tons restent simplement tels quels. |
| Parallaxe et effets de défilement | Le hero du ciel ascendant et sa scène du logotype, les Étapes horizontales qui glissent latéralement pendant le défilement, et les photographies qui dérivent doucement dans leur cadre. Lorsqu’il est désactivé, le hero affiche ses deux scènes l’une après l’autre, immobiles, avec le logotype déjà rempli, et les Étapes horizontales défilent latéralement par elles-mêmes. |
Avec toutes les options désactivées, Skyline conserve ses apparitions douces (photos qui s’élèvent, chevrons qui glissent, mots géants des services), les nuages et les bandeaux qui dérivent, les étapes verticales qui s’allument et la ligne de la chronologie qui se trace au fil du défilement.
Les visiteurs qui demandent à leur appareil de réduire les animations ne voient jamais ces effets, quels que soient les réglages : le contenu s’affiche directement, sans animation.
Clair & sombre
Skyline s’ouvre sur son apparence claire : des surfaces blanches et brumeuses à l’encre presque noire sous un ciel pêche et bleu. Le bouton en forme de lune dans l’en-tête passe à l’apparence de nuit : des surfaces d’encre profonde, un texte blanc et un ciel de crépuscule à l’horizon chaleureux. Sur les navigateurs qui le prennent en charge, la nouvelle apparence se propage depuis le bouton en un dévoilement circulaire. 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.
Sections interactives
Tous les types de sections fonctionnent avec Skyline. Celles-ci bénéficient d’un design propre à Skyline :
| Section | Dans Skyline |
|---|---|
| Hero | Le ciel aux nuages qui dérivent, un grand titre avec une suite bicolore, des boutons en pilule et la photo de couverture qui s’élève depuis le bas comme un immeuble. Avec Parallaxe et effets de défilement activé, la section reste en place pendant le défilement et joue la scène ascendante, puis le logotype (le premier mot du nom de votre site) avec la photo vue à travers ses lettres. Sans photo, le ciel reste seul. Disposition image et texte : Côte à côte place plutôt le texte à côté d’une haute photo, et Empilé (pleine largeur) pose le texte sur le ciel avec la photo en pleine largeur en dessous, dérivant doucement, sans le logotype. Les titres rotatifs sont pris en charge, et le logotype suit les photos qui changent. |
| Héro Landing | Le ciel aux nuages qui dérivent, un titre bicolore centré et des boutons en pilule, la photo de couverture s’élevant depuis le bord inférieur. |
| Bandeau défilant (thèmes interactifs) | De grands mots séparés par un petit chevron dessiné, qui dérivent à travers la page et un peu plus vite pendant le défilement (Réagir au défilement). Choisissez la vitesse, la direction et la taille. La typographie alterne des mots en sans-serif et des italiques Fraunces grises (par défaut), ou compose chaque mot en sans-serif ou en italique Fraunces. |
| Déclaration (thèmes interactifs) | Un petit libellé dans la colonne latérale, un grand texte bicolore dont les mots gris se remplissent d’encre au fil du défilement (effet Remplir mot par mot au défilement ; avec Apparition en fondu, les deux tons restent tels quels), un bouton en pilule facultatif et une photographie à côté. |
| Mur de collection (thèmes interactifs) | Une toile de photographies arrondies avec de petits libellés sur un pan de ciel, que les visiteurs font glisser dans toutes les directions avec de l’inertie ; les œuvres les plus proches dérivent plus vite que les plus lointaines. Chacune s’ouvre dans la visionneuse d’images. Choisissez le mur déplaçable (normal ou haut) ou une grille épurée. |
| Portfolio | De hautes cartes d’images avec le titre posé sur la photographie et une pilule « En savoir plus » en contour. |
| Étapes | Horizontal (par défaut) : des colonnes numérotées côte à côte, l’image de chaque étape découpée en ligne de toits en gradins, sous une barre de progression et un compteur « 01 / 05 ». Sur les grands écrans, avec Parallaxe et effets de défilement activé, la section reste en place pendant que les colonnes glissent latéralement au rythme du défilement ; sinon, elles défilent latéralement par elles-mêmes en s’arrêtant sur chaque étape, et s’empilent sur les téléphones. Vertical : le titre et la description restent en place à gauche pendant que des rangées numérotées défilent à droite entre des filets fins, chacune s’allumant en passant au milieu de l’écran, avec une petite vignette ou l’icône de l’étape. |
| Chronologie | Des dates composées en grand dans la colonne latérale et des entrées entre des filets fins, avec une ligne de progression qui se trace vers le bas au fil du défilement (en alternance, à gauche ou à droite). |
| À propos | L’en-tête bicolore, la photographie découpée en bande de chevrons, l’introduction et les chiffres clés entre des filets fins, qui s’incrémentent. |
| Témoignages | Une grande image d’un côté (l’image de fond définie dans l’onglet Style de la section, sinon une tuile de ciel avec le portrait de l’auteur), la citation en italique Fraunces de l’autre, des boutons ronds numérotés pour passer d’une citation à l’autre et la ligne de l’auteur avec ses étoiles. Les citations s’enchaînent en fondu et changent lentement d’elles-mêmes, en pause lorsque le visiteur les pointe ou leur donne le focus. |
| Grille de cartes, Fonctionnalités | Les cartes avec images deviennent des cartes d’images (titre sur la photo, pilule en contour) ; les Fonctionnalités, et les cartes sans images, deviennent la bande presque noire des services avec ses mots géants. |
| Galerie, Galerie + Texte, Image + Texte, Image | Des photographies découpées en chevrons sur des rangées qui glissent l’une après l’autre, chacune s’ouvrant dans la visionneuse ; une petite grille de photographies à côté d’une colonne de texte ; des rangées alternées où une photographie aux coins carrés s’élève à sa place à côté d’un titre bicolore ; une photographie unique qui s’élève à sa place avec sa légende. |
| Vidéo | Une affiche pleine largeur sous un voile léger, le titre bicolore par-dessus et une pilule « Lecture » ; le lecteur se charge au clic, ou démarre en sourdine dès que la moitié est visible lorsque Lecture auto est activé. |
| Carrousel | Des diapositives pleine largeur dans un cadre carré, avec des flèches rondes et des repères en ligne. |
| Métriques, Compte à rebours | D’immenses chiffres serrés sur un filet fin avec un court libellé gris, qui s’incrémentent une fois visibles ; les jours, heures, minutes et secondes en chiffres géants sur le ciel doux. |
| Appel à l’action | Une bande de ciel de nuit aux nuages qui dérivent, un titre bicolore centré et une pilule blanche. La Couleur de fond du CTA des Paramètres du thème peint la bande à la place, et une couleur ou un dégradé défini dans l’onglet Style de la section l’emporte sur elle ; une image de fond définie dans Style devient une photographie sous un voile sombre. |
| Barre de logos | Les partenaires dans une grille à filets fins (leur nom composé en texte lorsqu’il n’y a pas de logo), ou, avec le style Défilement, une bande lente qui réagit au défilement. |
| Accordéon, FAQ, Onglets | L’en-tête bicolore d’un côté et, de l’autre, des rangées à filets fins qui s’ouvrent sur place (un plus qui se change en moins), une à la fois sauf si l’accordéon en autorise plusieurs ; la FAQ peut afficher une photo à côté de ses questions. Les onglets sont des pilules avec une pilule encre qui glisse, ou une liste verticale. |
| Équipe, Tarifs, Comparaison | Des portraits aux coins carrés avec le nom, le rôle en gris et des liens au survol ; des formules en colonnes entre des filets fins, la formule mise en avant sur la bande presque noire ; un tableau à filets fins dont la colonne mise en avant repose sur la surface brumeuse. |
| Aperçus du journal, des événements et des produits | Les derniers articles en rangées sur la bande brumeuse (date, titre, extrait, pilule « Lire la suite », image sur l’autre bord) ; un agenda de rangées à filets fins avec un grand numéro du jour, l’heure, le lieu et une image découpée en chevron ; des cartes produits sobres aux coins carrés. |
| Titres, Séparateur, Bannière | Un titre bicolore souligné d’un filet fin qui se trace, le titre scindé, une bannière de titre brumeuse (pleine) ou à filet fin (en contour), un titre sur une photo pleine largeur (ou sur le ciel de nuit) sous un voile, et un titre animé dont l’entrée choisie se joue une fois visible ; un filet fin, une douce vague d’horizon ou trois petits chevrons ; une fine barre d’annonce avec un petit chevron. |
| Formulaire de contact, Carte, Avant/Après | Un formulaire calme aux champs soulignés à côté de l’en-tête bicolore ; la carte dans un cadre carré à côté d’une colonne de coordonnées à filets fins ; des cadres de comparaison carrés avec une poignée ronde à l’encre et des libellés en pilule. |
Œuvres & projets
L’index des œuvres présente des pilules de catégories avec une encre qui glisse, au-dessus des cartes d’images. Lorsque toutes les œuvres tiennent sur une seule page (réglez Portfolio → Éléments par page assez haut), les pilules les filtrent sur place avec un réarrangement fluide et le nombre d’œuvres affichées ; sinon, chaque pilule ouvre la page de sa catégorie. Chaque page de projet s’ouvre sur un en-tête de ciel et le titre bicolore, avec la couverture qui s’élève en dessous, les informations du projet à côté du récit, les vidéos et les comparaisons, la galerie dans la visionneuse d’images, et se termine par une bande pleine largeur menant au projet suivant.
Pages des add-ons
Les pages des add-ons (journal, événements, boutique, centre d’aide, compte...) utilisent les mises en page partagées, restylées avec la palette, la typographie et les filets fins de Skyline, dans les deux apparences, sous le même en-tête de page en forme de ciel.
Accessibilité
- Tous les effets sont désactivés pour les visiteurs qui demandent à leur appareil de réduire les animations ; les bandeaux défilants affichent alors leurs mots sur une ligne immobile, qui passe à la ligne.
- Les titres bicolores restent du vrai texte : seule leur couleur change, les lecteurs d’écran les lisent donc normalement.
- Le mur de collection se déplace avec les touches fléchées une fois qu’il a le focus, et la visionneuse d’images, les témoignages et les onglets suivent aussi les touches fléchées ; la visionneuse se ferme avec Échap.
- Le menu plein écran garde le focus à l’intérieur tant qu’il est ouvert et se ferme avec Échap.
- 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 Skyline 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.
- Skyline reste installé : ses fichiers restent dans
extensions/themes/skyline/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 Skyline et confirmez.
Cela supprime :
- le répertoire du thème
extensions/themes/skyline/; - ses ressources publiées dans
public/themes/skyline/; - ses fichiers téléversés dans
storage/app/public/themes/skyline/; - 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 Skyline 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/skyline/. 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
Skyline est-il lent à cause de toutes ces animations ?
Non. Les effets de défilement tournent dans une seule boucle d’animation qui ne traite que ce qui est à l’écran et se met en veille lorsque l’onglet est masqué, les images se chargent à la demande et les polices se chargent sans bloquer la page.
Quel mot le logotype du hero affiche-t-il ?
Le premier mot du nom de votre site (Paramètres → Général), avec le reste du nom, ou le libellé du hero lorsque le nom ne compte qu’un mot, sur la ligne du dessous. Le logotype apparaît avec un Hero doté d’une photo de couverture.
Puis-je garder le design mais atténuer les animations ?
Oui. Désactivez n’importe quel effet dans Paramètres du thème → Animations et interactions. Avec toutes les options désactivées, Skyline devient un thème calme et aérien aux apparitions douces.
Pourquoi Bandeau défilant, Déclaration et Mur de collection sont-ils grisés avec mon autre thème ?
Ce sont des sections des thèmes interactifs. Avec un thème qui ne les fournit pas, elles restent sur vos pages mais ne sont pas affichées ; le sélecteur de sections les indique comme non disponibles dans le thème actif.
Le thème fonctionne-t-il sur les téléphones et les tablettes ?
Oui. Sous 1200px de large, le menu plein écran sert de navigation, les étapes horizontales défilent latéralement (et s’empilent sur les téléphones), le mur de collection suit votre doigt, les témoignages se font défiler du doigt et le curseur contextuel n’est utilisé qu’avec une souris.