Thème Blocksy : démarrer vite et proprement
Objectif : régler Blocksy pour une base solide et rapide. On couvre la mise en page, la palette, les typographies, l’en-tête/pied, et la performance. En fin de page, vous récupérez mon modèle de réglages.
1. Installation & import starter
Installer Blocksy + Companion
Apparence → Thèmes → Ajouter → “Blocksy” → Installer → Activer. Puis installez Blocksy Companion pour débloquer les démos et options avancées.
Importer un Starter Site (optionnel)
Apparence → Starter Sites → choisissez une démo proche de votre style → Importer. Sélectionnez Elementor ou Gutenberg selon votre préférence.
Même si vous importez une démo, vous pourrez supprimer les pages inutiles ensuite.
2. Mise en page & largeur
Largeur de contenu & conteneur
- Personnaliser → General → Layout : Content Area Width : 1160 px (ou 1200 selon goût).
- Spacing : harmonisez Section/Row (24–40 px) pour éviter les sauts visuels.
3. Typographies globales
Police & échelles
- Personnaliser → General → Typography : Text = Inter 16–18 px / Titles = Playfair Display.
- Line-height 1.6–1.8, contrastes suffisants (vérifiez l’accessibilité).
4. Couleurs & boutons
Palette cohérente
- Primary : #2D2F84 (bleu) • Accent : #D4AF37 (or)
- Background clair : #FAF6EF • Texte : #0B1220
- Boutons : radius 10–12 px, gras 700–800, hover plus sombre.
5. En-tête & pied
Header Builder
- Logo à gauche, menu centré/droite, CTA à droite (optionnel).
- Mobile : activer le hamburger, réduire la hauteur, garder 1 seul CTA.
Footer Builder
- 3 colonnes : à propos, liens, contact.
- Barre basse : © + mentions légales + réseaux.
6. Performance (polices, images)
Bonnes pratiques
- Polices : limiter à 2 familles, formats modernes si possible.
- Images : WebP via Imagify, tailles adaptées, lazy‑load.
- Cache : WP Rocket ou LiteSpeed Cache avec presets légers.
Modèle de réglages Blocksy
Récupérez ma base : couleurs, typographies, layout et styles de boutons. Import via Customizer/Blocksy.
FAQ — Blocksy (démarrage)
Faut-il Blocksy Pro ?
Non pour démarrer. La version gratuite suffit largement. Pro ajoute des fonctionnalités avancées (header conditions, hooks) utiles ensuite.
Elementor ou Gutenberg ?
Les deux fonctionnent bien avec Blocksy. Si tu veux vitesse + simplicité, Gutenberg. Si tu veux liberté visuelle, Elementor.
Je peux importer un design puis le simplifier ?
Oui. Importez un Starter, supprimez les pages inutiles, gardez la structure, remplacez la palette et la typo.