- Nous appeler 03 92 28 03 25
- Nous contacter
Bienvenue dans cette première partie consacrée à la création d’un site web professionnel avec WordPress et Elementor.
Vous allez comprendre pourquoi WordPress est le CMS le plus utilisé au monde, ce qu’est Elementor, et comment bien démarrer votre projet web.
WordPress est un système de gestion de contenu (CMS – Content Management System) permettant de créer et gérer facilement un site web sans avoir à coder.
Aujourd’hui, plus de 40 % des sites web dans le monde fonctionnent sous WordPress, ce qui en fait une solution très populaire.
✅ Facilité d’utilisation : interface intuitive, aucun besoin de connaissances en programmation.
✅ Flexibilité : adapté aux blogs, sites vitrines, e-commerce, portfolios et bien plus encore.
✅Optimisation SEO : structure propre, permaliens personnalisables, compatibilité avec des plugins SEO.
✅ Grande communauté : millions d’utilisateurs, forums d’aide et milliers de tutoriels disponibles.
✅ Gratuit et open-source : aucun coût d’utilisation du logiciel WordPress, seul l’hébergement et le domaine sont à payer.
Par défaut, WordPress utilise un éditeur classique (Gutenberg) qui peut être limité pour la conception avancée. Elementor est un page builder (constructeur de pages) qui permet de concevoir visuellement des pages sans coder.
✅ Éditeur visuel en drag & drop : créez vos pages en glissant-déposant des éléments.
✅ Compatibilité totale avec WordPress : fonctionne avec presque tous les thèmes.
✅ Options de design avancées : animations, typographies, couleurs personnalisées, etc.
✅ Version gratuite et payante (Elementor Pro) : une version gratuite puissante et une version premium avec plus de fonctionnalités.
| Fonctionnalités | Elementor Free | Elementor Pro |
|---|---|---|
| Glisser-Déposer des éléments | ✅ | ✅ |
| Modèles de pages | ✅ | ✅ |
| Widgets avancés (carrousels, formulaires…) | ❌ | ✅ |
| Création d’un header/footer personnalisé et des pages modèles (Blog, Pop Up…) | ❌ | ✅ |
| Builder WooCommerce | ❌ | ✅ |
| Effets avancés (animations, motion design) | ❌ | ✅ |
💡 Conclusion : Elementor (sans licence) suffit pour un site vitrine basique, mais pour des sites professionnels avec des fonctionnalités avancées, Elementor Pro est recommandé.
Avant de commencer, assurez-vous d’avoir les éléments suivants :
👉 Nom de domaine : L’adresse de votre site web (ex. : mon-entreprise.com).
👉 Hébergement : Un serveur qui stocke votre site et le rend accessible en ligne.
👉Une licence Elementor Pro (Recommandé) : Un serveur qui stocke votre site et le rend accessible en ligne.
💡 Conseil : Un bon hébergeur garantit un site rapide, sécurisé et stable.
Chez Blue Strat, nous avons fait le choix de faire confiance à O2SWITCH. Un hébergeur qui possède ses serveurs en France.
Une fois votre hébergement configuré, installez WordPress :
1️⃣ Paramètres généraux
2️⃣ Optimiser les permaliens
3️⃣ Installer les extensions utiles
💡 Important : N’installez que les plugins nécessaires pour éviter d’avoir trop de ressources sur le site web.
🎯 À ce stade, vous avez appris :
✔️ Pourquoi WordPress est idéal pour un site professionnel.
✔️ Ce qu’est Elementor et pourquoi l’utiliser.
✔️ Comment installer WordPress et préparer votre site.
➡️ Prochaine Partie : Choisir un thème et commencer la conception du site web avec Elementor
Dans cette partie, nous allons choisir un thème WordPress compatible avec Elementor, l’installer, puis le configurer pour qu’il s’adapte parfaitement à vos besoins.
Nous allons aussi voir comment personnaliser votre site grâce aux outils intégrés de WordPress et d’Elementor.
Un thème WordPress est un ensemble de fichiers qui définit l’apparence et la mise en page de votre site web.
💡 Un bon thème doit être : ✅ Léger et rapide : un site rapide améliore l’expérience utilisateur et le SEO.
✅ 100% compatible avec Elementor : pour une personnalisation totale.
✅ Responsif : doit s’adapter aux mobiles et tablettes.
✅ Personnalisable : doit offrir des options flexibles pour l’apparence.
Voici quelques thèmes recommandés :
| Nom du thème | Points forts | Prix |
|---|---|---|
Hello Elementor (Recommandé) | Ultra léger, conçu pour Elementor | Gratuit |
| Astra | Polyvalent, très rapide, personnalisable | Gratuit / Pro (47$/an) |
| OceanWP | Idéal pour sites vitrines et e-commerce | Gratuit / Pro (54$/an) |
| GeneratePress | Rapide et optimisé SEO | Gratuit / Pro (59$/an) |
💡 Notre conseil :
Le thème Hello Elementor sera parfaitement adapté pour concevoir votre site web Elementor. Ce Thème ne contient aucun design ni fonctionnalité inutile : c’est un canvas vierge, idéal pour une personnalisation totale avec Elementor.
1️⃣ Accédez à l’interface d’administration
2️⃣ Ajoutez un nouveau thème
3️⃣ Importer un modèle de site préconçu avec le thème Astra (Starter Templates)
💡 Gagner du temps : Les Starter Templates sont parfaits pour démarrer avec un site bien structuré.
Dans le constructeur Elementor, vous allez pouvoir gérer les polices, couleurs, boutons, formulaires à un seul endroit. C’est une alternative plus puissante au Customizer WordPress.
📌 Accéder à Elementor Site Settings
📌 Les réglages essentiels à configurer :
💡 Avantage : Ces réglages s’appliquent à tout le site, évitant de refaire la mise en page à chaque page.
Avec Elementor Pro, nous allons créer un header (en-tête) et un footer (pied de page) personnalisés, car Hello Theme n’en fournit pas par défaut.
1️⃣ Créer un en-tête personnalisé (Header)
2️⃣ Créer un footer personnalisé
💡 Avantage : Pas besoin de code, tout est visuel avec Elementor !
Bien évidemment, il est tout à fait possible de personnaliser les éléments avec du code HTML et du CSS.
📌 Adapter le design pour mobile
📌 Créer un menu mobile optimisé
💡 Astuce SEO : Google pénalise les sites non responsives, donc testez votre site sur Google Mobile-Friendly Test.
🎯 Vous avez appris à :
✔️ Installer Hello Theme et comprendre pourquoi il est idéal avec Elementor.
✔️ Configurer votre site avec Elementor Site Settings (polices, couleurs, globales).
✔️ Créer un header et un footer personnalisés avec Elementor Theme Builder.
✔️ Rendre votre site responsive et optimisé pour mobile.
✔️ Améliorer la vitesse du site pour un meilleur SEO.
➡️ Prochaine partie : Créer des pages avec Elementor – Les bases 🎨🚀
Discutons ensemble de votre projet web. Nous étudions votre demande suite à l’envoi de votre demande par email ou après votre appel téléphonique. A la suite de cet échange, nous vous communiquons un chiffrage détaillé avec des explications sur la solution.
Copyright @ Blue Strat Tous droits réservés
Nous contacter 💌
Nous revenons vers vous sous 24H en semaine.
03 92 28 03 25
Nous suivre sur les réseaux
Développement de votre site internet sur mesure. Site vitrine, E-Commerce, de réservation.
Votre site web doit être remis à jour ? Nous vous proposons une solution intuitive et simple à gérer pour votre site internet
Formez-vous à créer et gérer votre site web à distance ou chez vous. Blue Strat enregistrée comme organisme de formation.
Solution pour maintenir à jour votre site web et le gérer. Concentrez-vous sur votre activité.
Nos offres web
Nous proposons plusieurs offres pour la création d’un site web, l’accompagnement et la formation.
Développement de votre site internet sur mesure. Site vitrine, E-Commerce, de réservation.
Accompagnement SEO. Améliorez le positionnement de votre site web sur les moteurs de recherche.
Accompagnement pour accélérer votre présence en ligne avec la publicité (SEA – Google Ads, Meta Ads et bien plus..).
Solution pour maintenir à jour votre site web et le gérer. Accompagnement sur mesure pour votre stratégie digitale.
Nos offres web
Nous proposons plusieurs offres pour la création d’un site web, l’accompagnement et la formation.
Création de logo, charte graphique, adaptation des visuels sur tous les supports
Cartes de visite, Brochures commerciales, Packaging, Goodies, Cartes de Menu, Tampons encreurs, Cartes de voeux…
Visuels pour réseaux sociaux, bannières web, vidéos courtes
Interfaces web ergonomiques et designs sur mesure.
