Quel que soit votre projet (portfolio, blog, site d'entreprise…), OceanWP est un challenger à ne pas écarter. Couplé à Elementor et à Gutenberg, son potentiel est quasi illimité. L'avez-vous essayé ?
Cet article prend 15 minutes à lire et comporte 3543 mots.
Si les twenties (Twenty Twenty One, Twenty Twenty, Twenty Nineteen…) sont les leaders incontestés des thèmes WordPress toutes catégories confondues (de 500 000 à plusieurs millions d’installations actives chacun), OceanWP ne démérite pas en habillant plus de 700 000 sites et blogs.
Quelque part en fin d’article, je vous donne un code de réduction permanente de 25% sur le pack d’extensions payantes (Core Bundle). Soyez attentifs !
On peut le dire, ce thème fait figure d’exception dans les thèmes gratuits proposés dans le dépôt WordPress : outre sa capacité d’adaptation à tout type de projet et surtout son empreinte relativement légère, il propose une multitude d’options qui vous permettent de créer un site doté de sa propre personnalité, en un minimum de temps, sans même débourser un centime, et sans (trop) mettre les mains dans le cambouis.
Comment ? Grâce à son support d’Elementor, et de la plupart des constructeurs de pages phares, tels que WPBakery Page Builder, Site Origin, Beaver Builder, Thrive Architect, Divi Builder ou l’un des tous derniers, Brizy. Ces constructeurs de page existent en version gratuite, à l’exception de WPBakery Page Builder, de Divi Builder et de Thrive Architect.
Mais dans cet article, nous nous focaliserons sur l’utilisation d’Elementor, pour deux raisons :
- pour moins de 30$, vous pouvez acquérir l’extension Elementor Widgets qui comprend plus de 50 blocs utilisables dans vos pages et même dans vos articles via l’extension (gratuite) Elementor Blocks for Gutenberg que vous trouverez dans le dépôt WordPress
- le but de cet article n’est pas de déterminer quel est le meilleur constructeur de page : mission impossible, chacun a ses points forts et ses points faibles, et celui qui convient à votre projet ne conviendra pas forcément à un autre projet
Vous pouvez aussi acquérir l’ensemble des extensions premium d’OceanWP pour 39$, mais tout dépend de vos besoins, personnellement je n’ai pas eu besoin de ces extensions sur les projets que j’ai réalisés avec ce thème.
Mais commençons par la découverte du thème lui-même…
OceanWP, le thème gratuit configurable à l’envi
La plupart des thèmes gratuits que vous trouverez dans le dépôt WordPress offrent des possibilités très limitées de personnalisation, quand elles ne sont pas tout simplement inexistantes – je ne compte plus les thèmes qui vous brident jusque dans l’utilisation d’un logo ou qui ne permettent pas de régler la taille des caractères 🙁 ne vous laissant pas d’autre choix que de passer à la version payante pour vous laisser accéder à ces réglages. Plutôt mesquin.
Mais non, ce n’est pas la politique de la maison. OceanWP vous permet, dès son activation, une configuration rapide, en deux étapes :
- tout d’abord, il vous propose des modèles pour installer une démo
Mais vous pouvez aussi ne pas importer de démo, garder la configuration d’origine, pour tout paramétrer vous-même ultérieurement, et passer à la seconde étape :
- la personnalisation du thème et du site
Là, vous avez déjà fait le strict minimum pour personnaliser votre site. Avec la grande majorité des thèmes gratuits proposés dans le dépôt WordPress, vous avez fini. Mais pas avec OceanWP, qui n’a pas lésiné sur…
Les options de personnalisation intégrées au thème
Sans même rajouter la moindre extension, OceanWP permet de configurer finement l’apparence de votre site. Les options disponibles via l’outil de personnalisation intégré à WordPress ne manquent pas, même si tout n’est pas vraiment intuitif.
J’ai longtemps cherché certaines options, pour finalement les découvrir (ou les retrouver) là où je ne les attendais pas vraiment. Mais l’essentiel, c’est de les avoir à disposition 😉
Vous pouvez donc personnaliser, au fil des dix onglets disponibles (je ne compte pas l’onglet donnant accès aux modules payants) :
- l’apparence générale – c’est par là que vous devriez commencer, pour définir le design de votre site, des formulaires, des boutons, pour définir aussi la pagination, la page d’erreur 404, l’affichage du fil d’Ariane, pour (éventuellement) ajouter et personnaliser un bouton de retour en haut de page…
- la barre supérieure, au-dessus de l’en-tête. Cette zone (si vous choisissez de l’utiliser) disparaît lors du défilement, mais permet un complément d’affichage.
- l’en-tête justement, configurable en long, en large et en travers (le média d’en-tête, le logo, le menu, le type de menu, le menu social, le menu mobile…). À noter que l’en-tête peut être horizontale ou verticale, avec le logo et le menu dans une barre latérale.
- La typographie (si vous voulez vraiment tout personnaliser, vous en avez pour un bout de temps) avec tout un ensemble d’onglets pour régler élément par élément (22 onglets pour gérer de manière globale, puis le corps de page, puis les titres… pour finir avec le pied de page)
- le blog – les archives et les articles (la page d’affichage pour un article, comme celle-ci) ont leurs propres réglages de mise en page
- la colonne ou barre latérale (en anglais sidebar)
- les modules (en anglais widgets) du pied de page. À noter que même si le thème propose par défaut un pied de page fixe, cette option semble inactive dans la version gratuite du thème.
- les CSS et le javascript (cet onglet remplace l’onglet CSS additionnel proposé par défaut par WordPress)
- et finalement, le bas du pied de page (habituellement, le copyright et éventuellement un lien vers les conditions générales d’utilisation ou les mentions légales du site)
C’est un peu le fouillis dans les options de l’outil de personnalisation. Pour y remédier, c’est simple, installez l’extension Customizer Search et faites une recherche par mot clé. Vous gagnerez en productivité, jusqu’au moment où à force d’utilisation, vous n’en aurez plus besoin.
Et OceanWP propose bien plus encore, il propose…
Des options de personnalisation accessibles via des extensions gratuites
Vous les trouverez dans le dépôt WordPress, en cherchant oceanwp dans les extensions.
Voici les plus utiles pour personnaliser votre thème :
Pour activer / désactiver certaines fonctionnalités du thème
Ocean Extra est proposé dès l’activation du thème, en même temps qu’Elementor et que WP Forms Lite.
Une nouvelle entrée avec des sous-menus apparaît dans le menu latéral gauche de l’administration WordPress, Theme Panel.
Un clic sur Theme Panel et vous accéderez au panneau de configuration du thème lui-même, pour activer (ou désactiver) des pans entiers de l’outil de personnalisation de WordPress, en fonction de vos besoins.
Grâce à cette extension, vous pouvez gérer une bonne cinquantaine d’options de personnalisation, sans même passer par l’outil de personnalisation. Plutôt intéressant pour une configuration rapide.
Vous pouvez par exemple améliorer la vitesse de chargement de votre site en activant ou en désactivant tous les scripts et styles dont vous n’avez pas besoin sur votre site, en allant dans Theme Panel >Scripts & styles via le menu latéral d’administration de WordPress.
Ocean Extra permet aussi d’importer une configuration complète, ou de l’exporter, en un clic.
Enfin, Ocean Extra autorise une gestion fine de l’apparence de chaque page ou article, via un panneau de réglage présent en-dessous de la zone de saisie du contenu.
Vous avez ci-dessus la capture d’écran pour un article, pour une page vous aurez les mêmes possibilités de réglages, hormis les options concernant les articles.
Autant dire que c’est vraiment l’extension indispensable, même si OceanWP fonctionne très bien sans – en fait, c’est vous qui fonctionnerez mieux avec que sans 😉
Pour rendre une barre latérale statique
De nombreux sites disposent d’une barre latérale (sidebar) statique. C’est à dire que lorsque vous faites défiler votre page, le contenu et la barre latérale descendent, puis, en fonction de la position dans la page, la barre latérale reste un temps fixe, tandis que le contenu continue à défiler. Avant de réajuster sa position quand vous arrivez en fin de course.
Cette disposition a ses avantages, dont la persistance des éléments que vous mettez dans votre barre latérale, visibles en permanence. Par exemple un module d’inscription à la lettre d’information. Ou les liens vers vos réseaux sociaux. Je l’ai un temps utilisé sur mes pages de services pour que les heures d’ouvertures et mes coordonnées restent visibles, et que le mini formulaire de contact soit toujours