Un thème épuré, moderne et professionnel conçu pour les portfolios, les sites d’entreprise et les landing pages. Soigné dans les moindres détails et personnalisable à l’infini.
Présentation du thème
Tout ce qu’il faut pour créer un site professionnel et impressionnant, prêt à l’emploi.
Points forts
- 42 sections de contenu
- Plus de 20 modèles de page
- Prise en charge du mode sombre
- Entièrement responsive
- Accessible WCAG AA
- Prêt pour le multilingue
- Prise en charge du blog et de la boutique
- Optimisé pour le SEO
- Injection de CSS et JS personnalisés
- Google Fonts
Palette de couleurs
| Couleur | Valeur |
|---|---|
| Primaire | #2563eb |
| Secondaire | #1e40af |
| Accent | #f59e0b |
| Texte | #1e293b |
| Arrière-plan | #f8fafc |
Typographie
- DM Sans : titres, graisse 600
- Inter : texte courant, taille de base 16px
À qui s’adresse ce thème ? Le thème Default est idéal pour les freelances, les agences, les petites entreprises et tous ceux qui souhaitent une présence en ligne sobre et digne de confiance. Son design neutre s’adapte à tous les secteurs grâce à de simples changements de couleurs et de polices.
Premiers pas
Activez le thème Default et commencez à construire votre site en quelques minutes.
-
Connectez-vous à votre Panneau d’administration
Rendez-vous dans l’espace d’administration de votre site (généralement
/admin) et connectez-vous avec vos identifiants d’administrateur. -
Allez dans Apparence → Thèmes
Dans la barre latérale de l’administration, cliquez sur Apparence puis sur Thèmes. La liste de tous les thèmes installés s’affiche.
-
Activez « Default »
Repérez la carte du thème Default et cliquez sur le bouton Activer. Le thème devient immédiatement le thème front-end actif de votre site.
-
Personnalisez-le à votre goût
Rendez-vous dans Apparence → Paramètres du thème pour modifier les couleurs, les polices, les options d’en-tête et de pied de page, et bien plus. Les modifications s’appliquent instantanément.
-
Ajoutez du contenu
Créez des pages depuis la section Pages du panneau d’administration. Utilisez le modèle de page à sections pour combiner librement 42 sections de contenu différentes.
Code d’achat (clé de licence)
Le thème Default est gratuit et fourni avec l’application : son activation ne demande donc jamais de code d’achat qui lui soit propre. Le code d’achat dont vous avez besoin est celui du produit que vous avez réellement acheté : l’application principale, ou un add-on ou thème payant. Cette section explique où trouver ce code.
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 également 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
Adaptez chaque aspect du thème depuis le panneau d’administration, sans aucune ligne de code.
Couleurs
Modifiez les couleurs primaire, secondaire, d’accent et de texte à l’aide de sélecteurs de couleur. L’ensemble du site se met à jour automatiquement grâce aux variables CSS.
Polices
Choisissez n’importe quelle police Google Fonts pour les titres et le texte courant. Ajustez la taille de police de base selon vos préférences.
Mise en page
Passez d’un style de mise en page à l’autre et définissez des largeurs de conteneur personnalisées. Par défaut, un large conteneur de 1250px s’adapte bien à tous les écrans.
En-tête
Personnalisez la couleur de fond de l’en-tête, la couleur du texte, la hauteur du logo, les couleurs des boutons, la bordure, l’image de fond et l’ombre du texte.
Pied de page
Configurez la disposition en 4 colonnes du pied de page, sa couleur de fond, son image de fond, les couleurs des titres et du texte, la couleur des liens et le style de la bordure supérieure.
Avancé
Injectez du CSS et du JavaScript personnalisés directement depuis le panneau d’administration. Idéal pour de petits ajustements sans toucher aux fichiers du thème.
Astuce : toutes les options de personnalisation se trouvent dans Apparence → Paramètres du thème du panneau d’administration. Les modifications sont enregistrées en base de données et prennent effet immédiatement : aucune recompilation ni aucun déploiement n’est nécessaire.
Modèles de page
Plus de 20 modèles de page sont disponibles, chacun conçu pour un usage précis.
| Modèle | Usage | Add-on |
|---|---|---|
| Sectioned | Combinez librement 42 modèles de section pour construire n’importe quelle mise en page | Core |
| Page | Page statique standard avec titre, contenu et image à la une | Core |
| Contact | Page de contact avec formulaire, carte intégrée et coordonnées | Core |
| Portfolio | Vitrine en grille de vos réalisations avec catégories et filtres | Core |
| Account | Tableau de bord du compte utilisateur et gestion du profil | Core |
| FAQ | Foire aux questions avec sections en accordéon dépliables | FAQ |
| Team | Profils des membres de l’équipe avec photos, rôles et liens sociaux | Team |
| Partners | Grille de logos de partenaires, clients ou sponsors | Partners |
| Pricing | Tableaux de tarifs avec comparaison des fonctionnalités et mise en avant des offres | Pricing |
| Blog | Liste des articles, articles individuels, catégories et étiquettes | Blog |
| Shop | Catalogue de produits, fiche produit, panier et parcours de paiement | Shop |
| Booking | Interface de prise de rendez-vous ou de réservation | Booking |
| Events | Liste d’événements avec dates, lieux et inscription | Events |
| Careers | Tableau d’offres d’emploi avec formulaires de candidature | Careers |
| Forum | Forums de discussion communautaires avec sujets et réponses | Forum |
| Classified | Petites annonces avec catégories et recherche | Classified |
| Glossary | Glossaire de A à Z avec recherche et navigation alphabétique | Glossary |
| HelpDesk | Base de connaissances avec catégories et recherche d’articles | HelpDesk |
| Licenses | Informations et gestion des licences logicielles | Licenses |
| Quote Request | Formulaire personnalisé de demande de devis pour des services | Quote |
| Envato | Vitrine d’intégration de la marketplace Envato | Envato |
Remarque : les modèles de page des add-ons n’apparaissent que lorsque l’add-on correspondant est installé et activé. Les modèles de base sont toujours disponibles.
Sections de contenu
42 sections à glisser-déposer vous permettent de créer des pages riches et uniques sans écrire une seule ligne de code.
Sections de titre de page
- Title Simple
- Title Banner
- Title Overlay
- Title Animated
- Title Split
Hero et appels à l’action
- Hero
- Banner
- CTA
- Buttons
- Countdown
Contenu et texte
- Rich Text
- Text Content
- Image & Text
- About
- Steps
- Timeline
- Accordion
- Tabs
- FAQ
Médias et visuels
- Gallery
- Carousel
- Video
- Before & After
- Embed
- Map
- Divider
Données et fonctionnalités
- Features
- Cards Grid
- Metrics
- Pricing Table
- Testimonials
- Team
- Downloads
Formulaires et engagement
- Contact Form
- Newsletter
- Newsletter Form
Aperçus des add-ons
- Portfolio
- Blog Preview
- Products Preview
- Events Preview
- Listings Preview
- Careers Preview
Comment utiliser les sections : lors de la création ou de la modification d’une page, choisissez le modèle de page Sectioned. Vous pouvez ensuite ajouter, réorganiser et configurer chaque section individuellement. Chaque section dispose de ses propres réglages de contenu, de mise en page, de couleurs et d’espacement.
En-tête et pied de page
Un en-tête et un pied de page entièrement configurables pour refléter l’identité de votre marque.
Options de l’en-tête
| Option | Description |
|---|---|
| Style | Par défaut (statique avec détection du défilement) |
| Hauteur | Hauteur de l’en-tête réglable |
| Arrière-plan | Couleur unie ou image |
| Couleur du texte | Entièrement personnalisable |
| Bouton | Couleur du libellé et du fond personnalisables |
| Hauteur du logo | Réglable pour s’adapter à votre logo |
| Ombre du texte | Effet d’ombre du texte facultatif |
| Bordure inférieure | Style de bordure configurable |
L’en-tête ajoute automatiquement une classe .scrolled lorsque l’utilisateur fait défiler la page vers le bas, ce qui permet des transitions de style dynamiques.
Options du pied de page
| Option | Description |
|---|---|
| Disposition | 4 colonnes avec groupes de menus dynamiques |
| Style | Style de pied de page par défaut |
| Arrière-plan | Couleur unie ou image |
| Couleur des titres | Couleur des titres de colonne |
| Couleur du texte | Couleur du texte courant |
| Couleur des liens | Couleur des liens personnalisable |
| Bordure supérieure | Style de bordure configurable |
Les menus du pied de page se gèrent depuis la section Menus du panneau d’administration. Associez des groupes de menus aux colonnes du pied de page pour une flexibilité totale.
Mode sombre
Offrez à vos visiteurs un confort de lecture optimal, de jour comme de nuit.
Détection automatique
Le thème respecte la préférence système du visiteur. Si son appareil est réglé en mode sombre, votre site s’y adapte automatiquement.
Bascule manuelle
Un interrupteur dans l’en-tête permet aux visiteurs de passer du mode clair au mode sombre. Leur choix est mémorisé d’une visite à l’autre.
Contrôles d’administration
Choisissez le mode par défaut (clair ou sombre), ou autorisez les visiteurs à basculer de l’un à l’autre. La configuration se trouve dans les Paramètres du thème.
Options de configuration :
- Mode par défaut : définit si le site démarre en mode clair ou en mode sombre
- Autoriser la bascule de mode : affiche ou masque l’interrupteur clair/sombre dans l’en-tête
- Les préférences des visiteurs sont enregistrées via
localStorageet persistent d’une session à l’autre
Prise en charge des add-ons
Le thème Default inclut des modèles conçus sur mesure pour chaque add-on Larapen.
Blog & News
De superbes listes d’articles, pages d’article, catégories, étiquettes et sections de commentaires, toutes harmonisées avec le thème.
Shop
Catalogue de produits, fiches produit, panier et parcours de paiement au design soigné, pensé pour la conversion.
Portfolio
Vitrine de portfolio en grille avec filtrage par catégorie, vues détaillées et galeries d’images.
FAQ
Sections de questions-réponses organisées, avec disposition en accordéon et regroupement par catégorie.
Team
Profils des membres de l’équipe avec photos, biographies, rôles et liens vers les réseaux sociaux, dans une disposition en cartes épurée.
Events
Listes d’événements avec dates, horaires, lieux, descriptions et options d’inscription.
Pricing
Tableaux de tarifs avec comparaison des offres, listes de fonctionnalités et mise en avant des offres recommandées.
Careers
Tableau d’offres d’emploi avec recherche, catégories et formulaires de candidature.
Partners
Grille de logos pour présenter partenaires, clients, sponsors ou stack technologique.
Forum
Forums de discussion communautaires avec sujets, fils de discussion et chaînes de réponses.
HelpDesk
Base de connaissances avec articles classés par catégorie, fonction de recherche et fil d’Ariane.
Et plus encore...
Booking, Classified, Glossary, Newsletter, Licenses et les autres add-ons sont tous entièrement pris en charge.
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 les numéros de la version actuelle et 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 en base de données et ne seront pas perdus lorsque vous remplacerez les fichiers du thème.
Questions fréquentes
Réponses aux questions courantes sur le thème Default.
Le thème Default est-il gratuit ?
Oui. Le thème Default est inclus sans frais supplémentaires dans chaque installation de Larapen CMS. Il est prêt à l’emploi dès l’installation de Larapen.
Puis-je modifier les couleurs et les polices sans coder ?
Absolument. Toutes les couleurs, polices et options de mise en page se configurent depuis le panneau d’administration, sous Apparence → Paramètres du thème. Aucune modification de code n’est nécessaire.
Le thème fonctionne-t-il sur les appareils mobiles ?
Oui. Le thème Default est entièrement responsive et conçu selon une approche mobile-first. Il s’affiche parfaitement sur les téléphones, tablettes, ordinateurs portables et ordinateurs de bureau de toutes tailles.
Comment utiliser le constructeur de sections ?
Lors de la création ou de la modification d’une page, choisissez le modèle Sectioned. Une interface vous permet alors d’ajouter des sections, de les réorganiser par glisser-déposer et de configurer individuellement le contenu et l’apparence de chacune.
Les pages du blog et de la boutique seront-elles assorties à mon thème ?
Oui. Chaque add-on dispose de modèles de page dédiés, harmonisés avec le thème. Lorsque vous activez un add-on comme Blog ou Shop, ses pages héritent automatiquement des couleurs, des polices et du langage visuel de votre thème.
Puis-je injecter du CSS ou du JavaScript personnalisé ?
Oui. Dans Apparence → Paramètres du thème, vous trouverez des champs pour le CSS et le JavaScript personnalisés. Le code saisi ici est injecté dans chaque page, ce qui facilite l’ajout de petites personnalisations ou de scripts de suivi tiers.
Le thème prend-il en charge plusieurs langues ?
Oui. Le thème Default est entièrement compatible multilingue. Tous les textes du thème passent par le système de traduction, et la structure des URL s’adapte à la langue active. Gérez les langues dans Paramètres → Langues.
Le thème est-il accessible ?
Le thème Default est conçu pour respecter les normes d’accessibilité WCAG AA. Il offre des contrastes de couleurs adaptés, un HTML sémantique, la prise en charge de la navigation au clavier et la compatibilité avec les lecteurs d’écran.
Puis-je passer à un autre thème plus tard ?
Oui. Vous pouvez changer de thème à tout moment depuis le panneau d’administration. Votre contenu, vos pages et vos paramètres sont conservés : seule la présentation visuelle change.