Apercu
Le theme Default est un theme epure, moderne et professionnel inclus gratuitement avec chaque installation de Larapen CMS. Il est concu pour les portfolios, les sites professionnels et les pages d'atterrissage, offrant une mise en page equilibree avec des conteneurs larges de 1250px, un espacement genereux et des animations subtiles. Son design neutre s'adapte a tout secteur d'activite grace a de simples modifications de couleurs et de polices.
Ce theme est ideal pour les freelances, les agences, les petites entreprises et toute personne souhaitant une presence en ligne soignee et fiable sans acheter de theme supplementaire.
Caracteristiques principales
- 42 sections de contenu glisser-deposer pour creer des pages riches et uniques
- Plus de 20 modeles de pages couvrant les pages principales et tous les modules complementaires
- Mode sombre complet avec detection automatique et basculement manuel
- Design entierement responsive et mobile-first
- Conformite WCAG AA en matiere d'accessibilite
- Pret pour le multilingue avec routage d'URL base sur la langue
- Support du blog, de la boutique et de tous les modules avec des modeles dedies
- Structure optimisee pour le referencement (SEO)
- Injection de CSS et JavaScript personnalises depuis le panneau d'administration
- Integration Google Fonts avec des combinaisons personnalisables
Details du design
Typographie
Le theme Default utilise deux polices Google Fonts soigneusement associees :
- DM Sans pour les titres (graisse 600) — une police sans-serif geometrique et epuree qui inspire le professionnalisme.
- Inter pour le texte courant (taille de base 16px) — une police sans-serif tres lisible, optimisee pour les ecrans.
Palette de couleurs
| Couleur | Code hexadecimal | Utilisation |
|---|---|---|
| Primaire | #2563eb |
Boutons, liens et accents principaux |
| Secondaire | #1e40af |
Etats de survol et elements secondaires |
| Accent | #f59e0b |
Mises en valeur et touches decoratives |
| Texte | #1e293b |
Texte principal |
| Arriere-plan | #f8fafc |
Fond de page |
Personnalisation
Toute la personnalisation se fait depuis le panneau d'administration sous Apparence → Parametres du theme. Aucune connaissance en code n'est requise. Les modifications sont enregistrees en base de donnees et prennent effet immediatement.
- Couleurs : Modifiez les couleurs primaire, secondaire, d'accent et de texte a l'aide de selecteurs de couleurs. L'ensemble du site se met a jour automatiquement via les variables CSS.
- Polices : Choisissez n'importe quelle police Google Font pour les titres et le texte courant. Ajustez la taille de base selon vos preferences.
- Mise en page : Basculez entre differents styles de mise en page et definissez des largeurs de conteneur personnalisees. La valeur par defaut est un conteneur large de 1250px.
- En-tete : Personnalisez la couleur de fond, 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, la couleur de fond, l'image de fond, les couleurs des titres, du texte et des liens, ainsi que le style de la bordure superieure.
- Avance : Injectez du CSS et du JavaScript personnalises directement depuis le panneau d'administration pour des ajustements mineurs sans toucher aux fichiers du theme.
Modeles de pages
| Modele | Fonction | Source |
|---|---|---|
| Sectionne | Combinez les 42 modeles de sections pour creer n'importe quelle mise en page | Coeur |
| Page | Page statique standard avec titre, contenu et image mise en avant | Coeur |
| Contact | Page de contact avec formulaire, integration de carte et coordonnees | Coeur |
| Portfolio | Galerie de vos realisations avec categories et filtrage | Coeur |
| Compte | Tableau de bord et gestion du profil utilisateur | Coeur |
| FAQ | Questions frequentes avec sections accordeon depliables | Module FAQ |
| Equipe | Profils des membres de l'equipe avec photos, roles et liens sociaux | Module Equipe |
| Partenaires | Grille de logos de partenaires, clients ou sponsors | Module Partenaires |
| Tarifs | Tableaux de prix avec comparaison de fonctionnalites et mise en avant de forfaits | Module Tarifs |
| Blog | Liste d'articles, articles individuels, categories et tags | Module Blog |
| Boutique | Catalogue de produits, detail produit, panier et tunnel de commande | Module Boutique |
| Reservation | Interface de reservation de rendez-vous | Module Reservation |
| Evenements | Liste d'evenements avec dates, lieux et inscription | Module Evenements |
| Carrieres | Tableau d'offres d'emploi avec formulaires de candidature | Module Carrieres |
| Forum | Forums de discussion communautaires avec sujets et reponses | Module Forum |
| Petites annonces | Annonces classees avec categories et recherche | Module Petites annonces |
| Glossaire | Glossaire de A a Z avec recherche et navigation alphabetique | Module Glossaire |
| Centre d'aide | Base de connaissances avec categories et recherche d'articles | Module Centre d'aide |
| Licences | Informations et gestion des licences logicielles | Module Licences |
| Demande de devis | Formulaire de demande de devis personnalise | Module Devis |
| Envato | Vitrine d'integration avec la marketplace Envato | Module Envato |
Les modeles de pages des modules complementaires n'apparaissent que lorsque le module correspondant est installe et active. Les modeles principaux sont toujours disponibles.
Sections de contenu
Le theme Default comprend 42 sections glisser-deposer qui vous permettent de creer des pages riches et uniques sans ecrire une seule ligne de code. Lors de la creation ou de la modification d'une page, choisissez le modele Sectionne pour ajouter, reorganiser et configurer les sections individuellement.
Les categories de sections comprennent :
- Sections de titre de page : Titre Simple, Titre Banniere, Titre Superpose, Titre Anime, Titre Divise
- Hero et appels a l'action : Hero, Banniere, CTA, Boutons, Compte a rebours
- Contenu et texte : Texte Riche, Contenu Texte, Image et Texte, A propos, Etapes, Chronologie, Accordeon, Onglets, FAQ
- Media et visuels : Galerie, Carrousel, Video, Avant et Apres, Integration, Carte, Separateur
- Donnees et fonctionnalites : Fonctionnalites, Grille de cartes, Metriques, Tableau de prix, Temoignages, Equipe, Telechargements
- Formulaires et engagement : Formulaire de contact, Newsletter, Formulaire Newsletter
- Apercu des modules : Portfolio, Apercu Blog, Apercu Produits, Apercu Evenements, Apercu Annonces, Apercu Carrieres
En-tete et pied de page
En-tete
L'en-tete propose un style statique par defaut avec detection du defilement, ajoutant une classe .scrolled
lorsque l'utilisateur fait defiler la page. Les options incluent une hauteur ajustable, un fond uni ou en image,
une couleur de texte personnalisable, un style de bouton, une hauteur de logo, une ombre de texte optionnelle
et une bordure inferieure configurable.
Pied de page
Le pied de page utilise une disposition en 4 colonnes avec des groupes de menus dynamiques. Les options comprennent un fond uni ou en image, des couleurs personnalisables pour les titres, le texte et les liens, ainsi qu'une bordure superieure configurable. Les menus du pied de page sont geres dans la section Menus du panneau d'administration.
Mode sombre
Le theme Default prend en charge une experience complete en mode sombre :
- Detection automatique : Le theme respecte les preferences systeme du visiteur. Si son appareil est configure en mode sombre, le site s'adapte automatiquement.
- Basculement manuel : Un bouton de changement de mode dans l'en-tete permet aux visiteurs de basculer entre les modes clair et sombre. Leur choix est memorise entre les visites via
localStorage. - Controles administrateur : Choisissez le mode par defaut (clair ou sombre) ou autorisez les visiteurs a basculer entre les deux. La configuration est disponible dans les Parametres du theme.
Design responsive
Le theme Default est entierement responsive et concu selon l'approche mobile-first. Il s'affiche parfaitement sur les telephones, tablettes, ordinateurs portables et ecrans de bureau de toute taille. L'en-tete s'adapte aux ecrans plus petits, et toutes les mises en page se reorganisent harmonieusement pour une experience optimale sur chaque appareil.