Cher lecteur, êtes-vous prêt pour une révolution dans la création de votre site web ? Imaginez un tandem puissant : DIVI Builder et Ocean WP.
OK, on peut tout changer dans divi, et arriver à quelque chose de propre, mais j’avais d’explorer une piste plus simple, exploitable directement pour des débutants.
Dans cet article, nous explorerons pourquoi cette combinaison est un atout majeur pour votre site web.
Pourquoi DIVI Builder et Ocean WP ?
Vous vous demandez pourquoi ces 2 outils ensemble ? La réponse est simple : c’est un duo gagnant. En effet, je vous avour que même si je suis un fan inconditionnel de DIVI, j’éprouve une certain frustration lorsque que je le combine avec woocommerce.
En effet, je trouve le visuel de base beaucoup trop limité. notamment sur la page boutique et surtout au niveau du panier en en-tête. Divi a fait le choix de ne placer qu’un simple petit icône avec son thème. OceanWP est beaucoup plus convivial je trouve avec un petit rappel de panier qui s’affiche. C’est bête, mais je trouve que ça change tout.
La page boutique est également beaucoup plus « PRO » de base avec le thème Ocean. Divi s’est contenté du minimum de ce point de vue là, et il faut beaucoup de manipulation dans le thème builder pour le rendre joli.
DIVI Builder, l’architecte de vos rêves numériques
En effet, c’est l’outil de design web par excellence. Avec lui, pas besoin de coder. Vous créez vos designs par glisser-déposer. DIVI Builder, c’est aussi plus de 40 éléments web à votre disposition. Des boutons aux formulaires de contact, tout y est.
Et le meilleur ? Chaque élément est personnalisable à souhait. C’est l’outil que j’utilise depuis plus de 5 ans pour créer mes différents sites.
Ocean WP, votre thème WordPress tout-terrain
Ocean WP n’est pas en reste. Ce thème WordPress est un véritable couteau suisse. Il est compatible avec tous les constructeurs de pages, y compris DIVI Builder. Son plus ? Il est ultra personnalisable. Headers, footers, typographies, couleurs, tout est modifiable. Vous l’aurez compris, Ocean WP donne libre cours à votre créativité.
Il a aussi l’avantage d’être extrêmement rapide. pour le SEO, c’est un avantage certain.
DIVI Builder et Ocean WP, une alliance stratégique
Maintenant, imaginez l’association de ces deux outils. Vous obtenez un contrôle total sur votre design web. Plus de limites, plus de contraintes. Vous concevez votre site exactement comme vous l’imaginez. Et en bonus ? Un site qui charge vite et bien. Ils sont en effet réputés pour leur performance.
Voilà donc pourquoi DIVI Builder et Ocean WP sont le tandem à adopter. Design total, flexibilité, performance, ils ont tout pour plaire.
Installation et configuration de DIVI Builder et Ocean WP
Suivez nos étapes pour une installation sans encombre.
Installer DIVI Builder
- Commencez par acheter DIVI Builder sur le site d’Elegant Themes. Téléchargez le fichier ZIP.
- Allez ensuite dans votre tableau de bord WordPress. Cliquez sur ‘Extensions’, puis ‘Ajouter’.
- Cliquez sur ‘Mettre une extension en ligne’. Sélectionnez le fichier ZIP de DIVI Builder. Cliquez sur ‘Installer’, puis ‘Activer’.
Installer Ocean WP
- Dans votre tableau de bord WordPress, cliquez sur ‘Apparence’, puis ‘Thèmes’.
- Cliquez sur ‘Ajouter’ en haut. Tapez ‘Ocean WP’ dans la barre de recherche.
- Cliquez sur ‘Installer’, puis ‘Activer’.
Configurer DIVI Builder et Ocean WP
Maintenant, passons à la configuration. C’est plus facile que vous ne le pensez !
Configurer DIVI Builder
Dans votre tableau de bord WordPress, cliquez sur ‘DIVI’, puis ‘Options de plugin’. Voici quelques réglages de base :
- Map : entrez votre clé API Google map si vous souhaitez intégrer une carte
- Performance: Cochez les cases pour optimiser les performances de votre site.
- Intégration: définissez où vous souhaitez utiliser le Divi Builder (articles, pages, …)
Configurer Ocean WP
Dans votre tableau de bord WordPress, cliquez sur ‘Apparence’, puis ‘Personnaliser’. Voici quelques réglages à explorer :
- Identité du site : Définissez le titre du site ainsi que votre favicon.
- Options génerales: définissez une série d’options (défilement, titre, …)
- Typographies : Choisissez vos typographies.
- En-tête: Personnalisez votre en-tête.
- Colonne latérale: définissez les options de la colonne latérale
Prochaine étape ? Découvrons comment utiliser ces outils pour concevoir un site web au top.
Utilisation de DIVI Builder avec Ocean WP
Maintenant que vous avez installé et configuré DIVI Builder et Ocean WP, il est temps de les utiliser pour créer votre site web. Suivez le guide !
Création de pages avec DIVI Builder
Créer une page avec DIVI Builder, c’est un jeu d’enfant. Voici comment faire :
- Dans votre tableau de bord WordPress, allez à ‘Pages’ puis ‘Ajouter’.
- Donnez un titre à votre page, puis cliquez sur ‘Utiliser le Divi Builder’.
- Vous voilà dans l’interface de DIVI Builder ! Vous pouvez commencer à construire votre page en glissant-déposant les éléments web.
Chaque élément est entièrement personnalisable. Vous pouvez changer les couleurs, les polices, les marges, etc. Laissez libre cours à votre créativité !
Utiliser Ocean WP avec DIVI Builder
Ocean WP se marie parfaitement avec DIVI Builder. Il vous permet de personnaliser le reste de votre site web en dehors de vos pages. Voici quelques options à explorer :
- Header : Dans ‘Apparence’ puis ‘Personnaliser’, allez à ‘En-tête’. Vous pouvez y définir la mise en page, la couleur, la police, etc.
- Footer : De la même manière, vous pouvez personnaliser votre pied de page dans ‘Pied de page’.
- Sidebar : Vous voulez une barre latérale sur votre site ? Rendez-vous dans ‘Barre latérale’ pour la configurer.
Voilà ! Vous savez maintenant comment les utiliser pour créer votre site web. Mais ce n’est pas fini. j’ai encore quelques astuces à partager avec vous. Restez branché !
Astuces et conseils pour optimiser l’utilisation de DIVI Builder et Ocean WP
Vous avez pris en main les 2 outils ? Bravo ! Mais j’ai encore quelques astuces pour vous.
Optimiser votre design avec DIVI Builder
Utilisez les modèles de DIVI Builder : Pas d’inspiration ? Pas de problème ! DIVI Builder offre une multitude de modèles préconçus. Choisissez-en un et personnalisez-le à votre guise.
Sauvegardez vos designs : Vous avez créé un design que vous adorez ? Sauvegardez-le ! Vous pourrez le réutiliser plus tard sur une autre page.
Ne négligez pas la version mobile : Votre site doit être aussi beau sur mobile que sur ordinateur. Pensez à tester et optimiser votre design sur différents appareils.
Optimiser votre thème avec Ocean WP
Utilisez les extensions Ocean WP : Ocean WP propose des extensions pour ajouter des fonctionnalités à votre thème. Explorez-les et installez celles qui vous intéressent.
Personnalisez vos articles de blog : Avec Ocean WP, vous pouvez personnaliser la mise en page de vos articles de blog. C’est l’occasion de créer un design unique qui vous ressemble.
Testez différentes mises en page : Ocean WP offre de nombreuses options de mise en page. N’hésitez pas à en tester plusieurs pour trouver celle qui convient le mieux à votre site.
Vous voilà armé avec nos meilleurs conseils pour optimiser votre utilisation de DIVI Builder et Ocean WP.
N’oubliez pas, chaque site web est unique. Alors, explorez, testez, créez. Votre site parfait n’attend que vous.
Ressources supplémentaires et prochaines étapes
Voici quelques ressources supplémentaires pour vous aider à aller plus loin.
Ressources supplémentaires
Documentation : Pour des questions plus techniques, consultez la documentation officielle. Vous y trouverez des guides détaillés et des tutoriels.
Forums et communautés en ligne : Rejoignez des communautés en ligne de DIVI Builder et Ocean WP. Vous pourrez poser vos questions, partager vos succès et apprendre des autres.
Formations en ligne : Plusieurs plateformes proposent des formations en ligne. C’est une excellente manière d’approfondir vos connaissances.
Conclusion
Et voilà ! Vous avez désormais une meilleure idée de ce que DIVI Builder et Ocean WP peuvent faire pour vous. Ces deux outils combinés offrent une puissance incroyable pour créer un site web attrayant, fonctionnel et convivial. Que vous soyez un professionnel du web ou un novice, l’union de ces 2 outils est une excellente solution pour bâtir votre présence en ligne.
Et n’oubliez pas, si jamais vous avez besoin d’une aide supplémentaire, d’une formation ou d’un conseil, je suis là pour vous accompagner. Avec mes services de formation, de conseil et de création de sites internet, votre succès est notre priorité. Alors, n’hésitez pas à me contacter.
FAQ
Q : Est-ce que je peux utiliser DIVI Builder sans Ocean WP ?
R : Oui, DIVI Builder peut être utilisé avec n’importe quel thème WordPress. Cependant, la combinaison des 2 offre des options de personnalisation avancées.
Q : Dois-je avoir des connaissances en codage pour utiliser DIVI Builder et Ocean WP ?
R : Non, ces deux outils ont été conçus pour être faciles à utiliser, même pour les personnes sans connaissance en codage. Cependant, si vous avez des compétences en HTML/CSS, vous pourrez aller encore plus loin dans la personnalisation.
Q : Puis-je utiliser DIVI Builder et Ocean WP pour créer une boutique en ligne ?
R : Oui, DIVI Builder et Ocean WP sont compatibles avec WooCommerce, ce qui vous permet de créer une boutique en ligne.
Q : Est-ce que DIVI Builder et Ocean WP sont gratuits ?
R : Ocean WP offre une version gratuite avec des fonctionnalités de base, mais pour accéder à toutes les fonctionnalités, vous devrez opter pour la version premium. Quant à DIVI Builder, il s’agit d’un produit premium et nécessite un achat.
Q : J’ai besoin d’aide pour installer/configurer/utiliser DIVI Builder et Ocean WP. Que dois-je faire ?
R : Vous pouvez consulter les documentations officielles de DIVI Builder et Ocean WP, rejoindre des communautés en ligne, ou faire appel à mes services de formation et de conseil. Je serais ravis de vous aider dans votre aventure numérique.
Update Janvier 2024
J’ai depuis eu l’occasion de tester de long en large l’association entre les 2 sur un projet. Malheureusement, par rapport à mes premiers tests, j’ai découvert un soucis avec le theme builder de divi. Lorsque j’ai voulu appliquer un layout pour le footer, j’ai remarqué un bug au niveau du header par défaut d’Ocean WP. Prudence donc…
Bonjour Michael,
OceanWP met beaucoup en avant Elementor et indique qu’ils ont ajouté des dizaines de modules supplémentaires exclusivement dédiés à Elementor, accessibles gratuitement.
Du coup, j’hésite beaucoup, car je possède déj Divi depuis de nombreuses années, et, j’adore.
Mais si Elementor était nettement plus adapté au e-commerce et notamment, plus compatible et avantageux combiné à OceanWP ?
Avez-vous pu tester les deux ?
Cordialement,
Bonjour Paul, en effet Ocean WP est plus adapté à elementor à la base. ici, j’avais envie de tester les 2 ensemble car je trouvais que ce thème était plus sympa que celui de divi sur certains aspects. Maintenant, j’ai depuis trouvé quelques petits bugs, notamment avec le thème builder qui me fait un peu revenir en arrière par rapport à ce que je pensais au moment de la rédaction du blog.