Un thème au style éditorial, avec une typographie raffinée, des grilles inspirées des magazines et une palette sophistiquée or et anthracite. Tout ce qu’il vous faut pour créer un site haut de gamme et soigné.
Présentation du thème
Elegant est un thème premium pour la plateforme CMS Larapen. Conçu dans un esprit éditorial, il associe une typographie raffinée, des mises en page en grille inspirées des magazines et une palette de couleurs sophistiquée pour donner à votre site un rendu soigné et haut de gamme.
Typographie éditoriale
Les titres en Poppins, associés au texte courant en Source Sans Pro, créent une hiérarchie raffinée et lisible, au rendu premium sans être prétentieux.
Grilles de type magazine
Le contenu est organisé en grilles sophistiquées et asymétriques, inspirées du design éditorial haut de gamme. Chaque modèle de page est unique tout en restant cohérent avec l’ensemble.
42 sections réutilisables
La plus grande bibliothèque de sections de tous les thèmes Larapen. Combinez les sections à votre guise pour construire des mises en page entièrement personnalisées depuis le panneau d’administration.
Mode sombre sophistiqué
Un mode sombre soigneusement conçu, aux tons bleu nuit profonds (#1a1a2e), qui préserve l’élégance du thème au lieu de se contenter d’un noir uniforme.
Système à double en-tête
Un en-tête distinctif à deux niveaux, avec une barre utilitaire et une navigation principale, pour un total de 112px d’espace d’en-tête pensé dans les moindres détails.
Prise en charge complète des add-ons
Des modèles de page prêts à l’emploi pour les 20 add-ons Larapen, dont Blog, Shop, Portfolio, Events, Forum et bien d’autres.
Premiers pas
L’activation du thème Elegant ne prend que quelques étapes. Une fois le thème actif, votre site adopte immédiatement le design éditorial sur toutes les pages.
Étapes d’installation
- Rendez-vous dans Panneau d’administration → Apparence → Thèmes
- Repérez Elegant dans la liste des thèmes et cliquez sur Activer
- Allez dans Apparence → Paramètres du thème pour ajuster les couleurs et les options
- Visitez votre site pour découvrir le nouveau design éditorial
Astuce : les ressources du thème sont publiées automatiquement lorsque vous activez le thème. Si vous devez un jour les republier, un administrateur peut exécuter la commande de publication du thème depuis le serveur.
Caractéristiques du thème
| Nom du thème | Elegant |
| Version | 1.0.0 |
| Auteur | Larapen |
| Licence | Payant |
| Largeur de mise en page | 1320px (large) |
| Taille de police de base | 16px |
| Hauteur de l’en-tête | 112px (double) |
| Prise en charge | Pages, Portfolio, Blog, Shop |
Code d’achat (clé de licence)
Le thème Elegant 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 est marquée 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).
Personnalisation
Le thème Elegant est conçu pour être personnalisé sans toucher au code. Ajustez les couleurs, les polices et le comportement de la mise en page directement depuis la page Paramètres du thème du panneau d’administration.
Palette de couleurs
| Couleur | Valeur |
|---|---|
| Or principal | #c9a87c |
| Anthracite | #2c2c2c |
| Accent bronze | #8b7355 |
| Arrière-plan | #faf9f7 |
| Mode sombre | #1a1a2e |
Variables CSS : toutes les couleurs du thème sont définies sous forme de propriétés personnalisées CSS préfixées par --el-. Lorsque vous modifiez les couleurs dans les Paramètres du thème, les variables CSS sont mises à jour automatiquement sur l’ensemble du site.
Typographie
Le thème est livré avec deux Google Fonts soigneusement choisies qui créent une hiérarchie éditoriale :
- Poppins : utilisée pour tous les titres, la navigation, les libellés et les boutons. Classique et élégante, avec une précision géométrique.
- Source Sans Pro : utilisée pour le texte courant, les paragraphes et les contenus longs. Très lisible, aux proportions raffinées.
Options de mise en page
Paramètres de mise en page disponibles dans le panneau d’administration :
- Largeur du conteneur (par défaut : 1320px, large)
- Style d’en-tête (double en-tête activé par défaut)
- Disposition des colonnes du pied de page
- Bascule du mode sombre
- Intensité des ombres (par défaut : opacité de 0.08)
Modèles de page
Elegant inclut 20 modèles de page couvrant chaque fonctionnalité du cœur et chaque add-on. Chaque modèle suit le langage de design éditorial, avec des mises en page inspirées des magazines.
| Modèle | Type | Description |
|---|---|---|
| Page | Core | Page de contenu standard avec une typographie élégante et des espacements raffinés |
| Sectioned | Core | Constructeur de pages modulaire reposant sur le système de 42 sections |
| Contact | Core | Formulaire de contact avec carte intégrée et mise en page éditoriale |
| Portfolio | Core | Grille de portfolio de style magazine avec effets au survol |
| Account | Add-on | Tableau de bord du compte utilisateur et gestion du profil |
| Blog | Add-on | Liste d’articles éditoriale avec un article à la une en en-tête |
| Shop | Add-on | Catalogue de produits avec des fiches produit raffinées |
| Booking | Add-on | Planification de rendez-vous et de réservations |
| Careers | Add-on | Offres d’emploi présentées sous forme de cartes élégantes |
| Classified | Add-on | Petites annonces avec navigation par catégorie |
| Envato | Add-on | Affichage de l’intégration avec la marketplace Envato |
| Events | Add-on | Liste d’événements avec vue calendrier et pages de détail |
| FAQ | Add-on | Foire aux questions en accordéon |
| Forum | Add-on | Forums de discussion communautaires |
| Glossary | Add-on | Définitions de termes par ordre alphabétique, avec recherche |
| HelpDesk | Add-on | Base de connaissances avec articles classés par catégorie |
| Licenses | Add-on | Affichage de la gestion des licences logicielles |
| Partners | Add-on | Vitrine des logos de partenaires et de clients |
| Pricing | Add-on | Grille tarifaire avec comparaison des fonctionnalités |
| Quote Request | Add-on | Formulaire de demande de devis personnalisé |
| Team | Add-on | Profils des membres de l’équipe dans une grille éditoriale |
42 sections réutilisables
Les sections sont les briques de base du thème Elegant. Chaque section est un composant autonome et réutilisable que vous pouvez ajouter à n’importe quelle page grâce au modèle de page Sectioned. Avec 42 sections, Elegant propose la bibliothèque la plus complète de tous les thèmes Larapen.
- 01 Hero Banner
- 02 Hero Slider
- 03 Hero Video
- 04 About
- 05 About Extended
- 06 Services
- 07 Services Grid
- 08 Features
- 09 Features Alternating
- 10 Portfolio Grid
- 11 Portfolio Masonry
- 12 Gallery
- 13 Testimonials
- 14 Testimonials Carousel
- 15 Team
- 16 Team Detailed
- 17 Pricing
- 18 Pricing Comparison
- 19 FAQ
- 20 FAQ Categorized
- 21 Contact
- 22 Contact Map
- 23 Blog Latest
- 24 Blog Featured
- 25 Newsletter
- 26 Call to Action
- 27 CTA Banner
- 28 Stats Counter
- 29 Stats Visual
- 30 Timeline
- 31 Process Steps
- 32 Partners Logo
- 33 Partners Carousel
- 34 Content Block
- 35 Content Columns
- 36 Divider
- 37 Spacer
- 38 Map Full Width
- 39 Video Embed
- 40 Image Banner
- 41 Accordion
- 42 Tabs
Comment utiliser les sections : lors de la création ou de la modification d’une page, sélectionnez le modèle Sectioned. Vous pourrez alors ajouter, réorganiser et configurer n’importe laquelle des 42 sections ci-dessus. Chaque section dispose de ses propres réglages de contenu, de variante de mise en page et de style.
Système à double en-tête
L’une des signatures du thème Elegant est son en-tête à deux niveaux. Le double en-tête crée une atmosphère éditoriale raffinée tout en offrant suffisamment d’espace pour la navigation et les liens utilitaires.
Composants de l’en-tête
- Barre supérieure : coordonnées, sélecteur de langue, liens vers les réseaux sociaux et liens de connexion / inscription. Fond sombre avec un texte discret.
- Navigation principale : logo, liens du menu principal et bouton d’appel à l’action facultatif. Fond blanc avec un filet doré en bas.
- Comportement sur mobile : la barre supérieure se masque au défilement. La navigation principale devient un menu hamburger avec un élégant panneau latéral coulissant (off-canvas).
- Mode fixe : au défilement, la navigation principale reste collée en haut de la page avec une ombre subtile, tandis que la barre supérieure disparaît.
Pied de page
Le thème Elegant utilise un pied de page épuré, de style classique, qui préserve l’esprit éditorial. Il prend en charge plusieurs colonnes définies via le système de menus de l’administration.
Disposition multicolonne
Le pied de page accepte jusqu’à 4 colonnes, chacune alimentée par un groupe de menus du panneau d’administration (Footer Column 1, Footer Column 2, etc.).
Section de marque
La première colonne présente le logo du site, une courte description et des liens vers les réseaux sociaux avec d’élégants effets au survol.
Barre inférieure
Une barre de copyright avec des liens facultatifs (Politique de confidentialité, Conditions d’utilisation) se trouve sous les colonnes principales du pied de page, séparée par une bordure discrète.
Intégration de la newsletter
Lorsque l’add-on Newsletter est actif, un formulaire d’inscription peut être intégré au pied de page avec le style à accent doré du thème.
Mode sombre
Le mode sombre d’Elegant ne se contente pas d’inverser les couleurs. Il utilise une palette bleu nuit profonde qui conserve l’esprit sophistiqué et éditorial du thème clair.
Tons sombres sophistiqués
Au lieu d’un noir pur, le mode sombre utilise des tons bleu nuit superposés qui créent de la profondeur et préservent la lisibilité. Les accents dorés ressortent magnifiquement sur le fond sombre.
Fonctionnalités du mode sombre
- Respecte l’attribut
data-bs-theme="dark"de Bootstrap - Bascule de préférence utilisateur dans l’en-tête
- Mémorise la préférence via localStorage
- Respecte le réglage
prefers-color-schemedu système d’exploitation - Les 42 sections s’adaptent au mode sombre
- Les images et médias conservent un contraste approprié
Contrôle par l’administrateur : le mode sombre peut être activé, désactivé ou réglé sur « auto » (suivre la préférence du système) depuis les Paramètres du thème. Vous pouvez également choisir d’afficher ou de masquer l’interrupteur pour les visiteurs.
Prise en charge des add-ons
Elegant offre une prise en charge visuelle complète de tous les add-ons Larapen. Lorsque vous installez et activez un add-on, ses pages adoptent automatiquement le design éditorial d’Elegant.
Blog
Liste d’articles de style magazine avec un article à la une en en-tête, un filtrage par catégorie et d’élégantes pages d’article avec widgets en barre latérale.
Shop
Catalogue de produits raffiné avec vues grille / liste, pages produit avec galerie, panier et tunnel de commande.
Portfolio
Mises en page de portfolio en mosaïque (masonry) et en grille, avec filtrage par catégorie, galeries lightbox et pages de projet détaillées.
Events
Liste d’événements avec vue calendrier, filtrage par date et élégantes pages de détail avec formulaires d’inscription.
Forum
Forum de discussion avec navigation par catégorie, vues des fils et profils utilisateurs dans le langage de design éditorial.
FAQ & HelpDesk
FAQ classée par catégorie avec mise en page en accordéon, et base de connaissances consultable avec pages de détail des articles.
Compatibilité complète : le thème inclut des modèles pour les 20 types de pages d’add-ons : Account, Booking, Careers, Classified, Contact, Envato, Events, FAQ, Forum, Glossary, HelpDesk, Licenses, Page, Partners, Portfolio, Pricing, Quote Request, Sectioned, Shop et Team.
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 fenêtre 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 enregistrés dans la base de données et ne seront pas perdus lorsque vous remplacerez les fichiers du thème.
Désinstallation
Comment cesser d’utiliser ce thème sans rien perdre.
Les thèmes ne s’activent et ne se désactivent pas un par un : un seul thème est actif à la fois, vous cessez donc d’utiliser Elegant en en activant un autre. Allez dans Panneau d’administration → Thèmes et cliquez sur Activer sur le thème que vous souhaitez utiliser à la place.
- Elegant reste installé : ses fichiers restent dans
extensions/themes/elegant/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 par section que vous lui avez donné sur la page d’accueil.
- Le code d’achat enregistré lors de l’activation est conservé : réactiver le thème ne vous le redemande donc pas.
Réactivez-le quand vous le souhaitez : le front-end revient exactement tel que vous l’aviez laissé.
Suppression
Comment supprimer définitivement ce thème, et ce qui disparaît avec lui.
La suppression efface le thème pour de bon. 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 Elegant et confirmez.
Cela supprime :
- le répertoire du thème
extensions/themes/elegant/; - ses ressources publiées dans
public/themes/elegant/; - ses fichiers téléversés dans
storage/app/public/themes/elegant/; - 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 : les couleurs, polices, options de mise en page et CSS personnalisé que vous avez configurés pour lui sont donc 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 des paramètres par défaut du thème.
Le style par section de la page d’accueil est enregistré sous le nom du thème et non sur la ligne du thème : il survit donc à la suppression. Réinstallez Elegant et votre style de sections est toujours là, tandis que les paramètres propres au thème repartent de leurs valeurs par défaut.
La suppression est refusée, avant que quoi que ce soit ne soit effacé, lorsque le thème est encore actif ou lorsque l’utilisateur du serveur web (PHP) ne peut pas supprimer extensions/themes/elegant/. Dans ce dernier cas, donnez à cet utilisateur les droits 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 tous en place. Utilisez plutôt Supprimer dans le panneau d’administration.
Questions fréquentes
Questions courantes sur le thème Elegant.
Puis-je modifier la couleur dorée pour l’adapter à ma marque ?
Oui. Allez dans Panneau d’administration → Apparence → Paramètres du thème et modifiez le champ Couleur principale. Tous les accents dorés du site, y compris les boutons, les bordures et les effets au survol, sont mis à jour automatiquement grâce aux variables CSS.
Le thème fonctionne-t-il avec tous les add-ons Larapen ?
Elegant inclut des modèles stylisés pour les 20 types de pages d’add-ons. Lorsque vous installez et activez un add-on, ses pages utilisent automatiquement le design d’Elegant. Les fonctionnalités du cœur (Pages, Portfolio) sont prises en charge d’emblée, ainsi que Blog, Shop, Events, Forum, FAQ et bien d’autres.
Puis-je utiliser uniquement la navigation principale, sans la barre supérieure ?
Oui. Dans les Paramètres du thème, vous pouvez désactiver la barre supérieure pour utiliser un en-tête à un seul niveau. La navigation principale s’agrandit légèrement pour compenser, et la hauteur totale de l’en-tête passe de 112px à environ 72px.
Le thème est-il responsive et adapté aux mobiles ?
Tout à fait. Chaque modèle de page, section et composant est conçu en mobile-first avec la grille responsive de Bootstrap 5.3.8. Le double en-tête se transforme en un élégant menu mobile coulissant (off-canvas), et toutes les grilles de type magazine s’empilent harmonieusement sur les petits écrans.
Comment personnaliser les sections d’une page ?
Lors de la modification d’une page, choisissez le modèle « Sectioned ». Vous pouvez alors ajouter des sections parmi les 42 disponibles, les réorganiser par glisser-déposer, et configurer le contenu et l’apparence de chaque section depuis son panneau de réglages.
Puis-je utiliser d’autres polices ?
Bien que le thème soit optimisé pour Poppins et Source Sans Pro, vous pouvez changer les polices des titres et du texte courant dans les Paramètres du thème. Toutes les Google Fonts sont prises en charge. Le système de variables CSS du thème garantit que les nouvelles polices sont appliquées de façon cohérente à tous les modèles et à toutes les sections.
Le mode sombre affecte-t-il le panneau d’administration ?
Non. La bascule du mode sombre n’affecte que le front-end public de votre site. Le panneau d’administration dispose de son propre réglage de mode sombre, indépendant.
Comment obtenir de l’assistance pour ce thème ?
En tant que thème payant, il vous donne accès à l’assistance via les canaux de support Larapen. Rendez-vous sur le site de Larapen pour consulter les mises à jour de la documentation, ouvrir un ticket de support ou échanger sur le forum de la communauté.