OceanWP, Elementor et Gutenberg — un trio de choc

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 twen­ties (Twen­ty Twen­ty One, Twen­ty Twen­ty, Twen­ty Nine­teen…) sont les lead­ers incon­testés des thèmes Word­Press toutes caté­gories con­fon­dues (de 500 000 à plusieurs mil­lions d’in­stal­la­tions actives cha­cun), Ocean­WP ne démérite pas en habil­lant plus de 700 000 sites et blogs.

Quelque part en fin d’ar­ti­cle, je vous donne un code de réduc­tion per­ma­nente de 25% sur le pack d’ex­ten­sions payantes (Core Bun­dle). Soyez atten­tifs !

On peut le dire, ce thème fait fig­ure d’ex­cep­tion dans les thèmes gra­tu­its pro­posés dans le dépôt Word­Press : out­re sa capac­ité d’adap­ta­tion à tout type de pro­jet et surtout son empreinte rel­a­tive­ment légère, il pro­pose une mul­ti­tude d’op­tions qui vous per­me­t­tent de créer un site doté de sa pro­pre per­son­nal­ité, en un min­i­mum de temps, sans même débours­er un cen­time, et sans (trop) met­tre les mains dans le cam­bouis.

Com­ment ? Grâce à son sup­port d’Ele­men­tor, et de la plu­part des con­struc­teurs de pages phares, tels que WPBak­ery Page Builder, Site Ori­gin, Beaver Builder, Thrive Archi­tect, Divi Builder ou l’un des tous derniers, Brizy. Ces con­struc­teurs de page exis­tent en ver­sion gra­tu­ite, à l’ex­cep­tion de WPBak­ery Page Builder, de Divi Builder et de Thrive Archi­tect.

Mais dans cet arti­cle, nous nous focalis­erons sur l’u­til­i­sa­tion d’Ele­men­tor, pour deux raisons :

  • pour moins de 30$, vous pou­vez acquérir l’ex­ten­sion Ele­men­tor Wid­gets qui com­prend plus de 50 blocs util­is­ables dans vos pages et même dans vos arti­cles via l’ex­ten­sion (gra­tu­ite) Ele­men­tor Blocks for Guten­berg que vous trou­verez dans le dépôt Word­Press
  • le but de cet arti­cle n’est pas de déter­min­er quel est le meilleur con­struc­teur de page : mis­sion impos­si­ble, cha­cun a ses points forts et ses points faibles, et celui qui con­vient à votre pro­jet ne con­vien­dra pas for­cé­ment à un autre pro­jet

Vous pou­vez aus­si acquérir l’ensem­ble des exten­sions pre­mi­um d’O­cean­WP pour 39$, mais tout dépend de vos besoins, per­son­nelle­ment je n’ai pas eu besoin de ces exten­sions sur les pro­jets que j’ai réal­isés avec ce thème.

Mais com­mençons par la décou­verte du thème lui-même…

OceanWP, le thème gratuit configurable à l’envi

Thème Ocean­WP pour Word­Press

La plu­part des thèmes gra­tu­its que vous trou­verez dans le dépôt Word­Press offrent des pos­si­bil­ités très lim­itées de per­son­nal­i­sa­tion, quand elles ne sont pas tout sim­ple­ment inex­is­tantes — je ne compte plus les thèmes qui vous brident jusque dans l’u­til­i­sa­tion d’un logo ou qui ne per­me­t­tent pas de régler la taille des car­ac­tères 🙁 ne vous lais­sant pas d’autre choix que de pass­er à la ver­sion payante pour vous laiss­er accéder à ces réglages. Plutôt mesquin.

Mais non, ce n’est pas la poli­tique de la mai­son. Ocean­WP vous per­met, dès son acti­va­tion, une con­fig­u­ra­tion rapi­de, en deux étapes :

  • tout d’abord, il vous pro­pose des mod­èles pour installer une démo
Choix des démos
Choix des démos

Mais vous pou­vez aus­si ne pas importer de démo, garder la con­fig­u­ra­tion d’o­rig­ine, pour tout paramétr­er vous-même ultérieure­ment, et pass­er à la sec­onde étape :

  • la per­son­nal­i­sa­tion du thème et du site
Per­son­nal­i­sa­tion d’O­cean­WP

Là, vous avez déjà fait le strict min­i­mum pour per­son­nalis­er votre site. Avec la grande majorité des thèmes gra­tu­its pro­posés dans le dépôt Word­Press, vous avez fini. Mais pas avec Ocean­WP, qui n’a pas lés­iné sur…

Les options de personnalisation intégrées au thème

Options de personnalisation d'OceanWP
Options de per­son­nal­i­sa­tion d’O­cean­WP

Sans même rajouter la moin­dre exten­sion, Ocean­WP per­met de con­fig­ur­er fine­ment l’ap­parence de votre site. Les options disponibles via l’outil de per­son­nal­i­sa­tion inté­gré à Word­Press ne man­quent pas, même si tout n’est pas vrai­ment intu­itif.

J’ai longtemps cher­ché cer­taines options, pour finale­ment les décou­vrir (ou les retrou­ver) là où je ne les attendais pas vrai­ment. Mais l’essen­tiel, c’est de les avoir à dis­po­si­tion 😉

Vous pou­vez donc per­son­nalis­er, au fil des dix onglets disponibles (je ne compte pas l’on­glet don­nant accès aux mod­ules payants) :

  • l’ap­parence générale — c’est par là que vous devriez com­mencer, pour définir le design de votre site, des for­mu­laires, des bou­tons, pour définir aus­si la pag­i­na­tion, la page d’er­reur 404, l’af­fichage du fil d’Ar­i­ane, pour (éventuelle­ment) ajouter et per­son­nalis­er un bou­ton de retour en haut de page…
  • la barre supérieure, au-dessus de l’en-tête. Cette zone (si vous choi­sis­sez de l’u­tilis­er) dis­paraît lors du défile­ment, mais per­met un com­plé­ment d’af­fichage.
  • l’en-tête juste­ment, con­fig­urable en long, en large et en tra­vers (le média d’en-tête, le logo, le menu, le type de menu, le menu social, le menu mobile…). À not­er que l’en-tête peut être hor­i­zon­tale ou ver­ti­cale, avec le logo et le menu dans une barre latérale.
  • La typogra­phie (si vous voulez vrai­ment tout per­son­nalis­er, vous en avez pour un bout de temps) avec tout un ensem­ble d’on­glets pour régler élé­ment par élé­ment (22 onglets pour gér­er de manière glob­ale, puis le corps de page, puis les titres… pour finir avec le pied de page)
  • le blog — les archives et les arti­cles (la page d’af­fichage pour un arti­cle, comme celle-ci) ont leurs pro­pres réglages de mise en page
  • la colonne ou barre latérale (en anglais side­bar)
  • les mod­ules (en anglais wid­gets) du pied de page. À not­er que même si le thème pro­pose par défaut un pied de page fixe, cette option sem­ble inac­tive dans la ver­sion gra­tu­ite du thème.
  • les CSS et le javascript (cet onglet rem­place l’on­glet CSS addi­tion­nel pro­posé par défaut par Word­Press)
  • et finale­ment, le bas du pied de page (habituelle­ment, le copy­right et éventuelle­ment un lien vers les con­di­tions générales d’u­til­i­sa­tion ou les men­tions légales du site)

C’est un peu le fouil­lis dans les options de l’outil de per­son­nal­i­sa­tion. Pour y remédi­er, c’est sim­ple, installez l’ex­ten­sion Cus­tomiz­er Search et faites une recherche par mot clé. Vous gag­nerez en pro­duc­tiv­ité, jusqu’au moment où à force d’u­til­i­sa­tion, vous n’en aurez plus besoin.

Et Ocean­WP pro­pose bien plus encore, il pro­pose…

Des options de personnalisation accessibles via des extensions gratuites

Vous les trou­verez dans le dépôt Word­Press, en cher­chant ocean­wp dans les exten­sions.

Voici les plus utiles pour per­son­nalis­er votre thème :

Pour activer / désactiver certaines fonctionnalités du thème

Ocean Extra est pro­posé dès l’ac­ti­va­tion du thème, en même temps qu’Ele­men­tor et que WP Forms Lite.

Une nou­velle entrée avec des sous-menus appa­raît dans le menu latéral gauche de l’ad­min­is­tra­tion Word­Press, Theme Pan­el.

Un clic sur Theme Pan­el et vous accéderez au pan­neau de con­fig­u­ra­tion du thème lui-même, pour activ­er (ou dés­ac­tiv­er) des pans entiers de l’outil de per­son­nal­i­sa­tion de Word­Press, en fonc­tion de vos besoins.

Grâce à cette exten­sion, vous pou­vez gér­er une bonne cinquan­taine d’op­tions de per­son­nal­i­sa­tion, sans même pass­er par l’outil de per­son­nal­i­sa­tion. Plutôt intéres­sant pour une con­fig­u­ra­tion rapi­de.

Vous pou­vez par exem­ple amélior­er la vitesse de charge­ment de votre site en acti­vant ou en dés­ac­ti­vant tous les scripts et styles dont vous n’avez pas besoin sur votre site, en allant dans Theme Pan­el >Scripts & styles via le menu latéral d’ad­min­is­tra­tion de Word­Press.

Activer / désactiver les scripts & styles d'OceanWP
Activ­er / dés­ac­tiv­er les scripts & styles d’O­cean­WP

Ocean Extra per­met aus­si d’im­porter une con­fig­u­ra­tion com­plète, ou de l’ex­porter, en un clic.

Enfin, Ocean Extra autorise une ges­tion fine de l’ap­parence de chaque page ou arti­cle, via un pan­neau de réglage présent en-dessous de la zone de saisie du con­tenu.

Réglages personnalisés d'un article
Réglages per­son­nal­isés d’un arti­cle

Vous avez ci-dessus la cap­ture d’écran pour un arti­cle, pour une page vous aurez les mêmes pos­si­bil­ités de réglages, hormis les options con­cer­nant les arti­cles.

Autant dire que c’est vrai­ment l’ex­ten­sion indis­pens­able, même si Ocean­WP fonc­tionne très bien sans — en fait, c’est vous qui fonc­tion­nerez mieux avec que sans 😉

Pour rendre une barre latérale statique

De nom­breux sites dis­posent d’une barre latérale (side­bar) sta­tique. C’est à dire que lorsque vous faites défil­er votre page, le con­tenu et la barre latérale descen­dent, puis, en fonc­tion de la posi­tion dans la page, la barre latérale reste un temps fixe, tan­dis que le con­tenu con­tin­ue à défil­er. Avant de réa­juster sa posi­tion quand vous arrivez en fin de course.

Cette dis­po­si­tion a ses avan­tages, dont la per­sis­tance des élé­ments que vous met­tez dans votre barre latérale, vis­i­bles en per­ma­nence. Par exem­ple un mod­ule d’in­scrip­tion à la let­tre d’in­for­ma­tion. Ou les liens vers vos réseaux soci­aux. Je l’ai un temps util­isé sur mes pages de ser­vices pour que les heures d’ou­ver­tures et mes coor­don­nées restent vis­i­bles, et que le mini for­mu­laire de con­tact soit tou­jours acces­si­ble.

Vous voulez vous aus­si installer cette fonc­tion­nal­ité sur votre site ? Pas de prob­lème, Stick Any­thing, dévelop­pée par Ocean­WP, per­met de fix­er l’im­porte quel sélecteur CSS.

Pour partager via les réseaux sociaux

Pour inté­gr­er les réseaux soci­aux sur votre blog, l’ex­ten­sion Ocean Social Shar­ing fera des mer­veilles. Il n’y a pas un thème, mais des thèmes con­fig­urables, voici un aperçu de ce que vous pou­vez obtenir :

Ocean Social

De quoi sat­is­faire les plus exigeants ! Et si vous vous perdez dans l’outil de per­son­nal­i­sa­tion, en acti­vant Ocean Extra, vous pour­rez per­son­nalis­er l’outil de per­son­nal­i­sa­tion.

Et au-delà des exten­sions gra­tu­ites, il y a…

Les extensions payantes pour pousser plus loin la personnalisation

En fait, vous trou­verez toutes les exten­sions (gra­tu­ites et payantes) sur la page dédiée aux exten­sions.

Par­mi les exten­sions payantes les plus intéres­santes, j’ai noté :

Elementor Widgets

Plus de 50 mod­ules disponibles, pour une mise en page réglée au pix­el près (surtout avec les nou­velles pos­si­bil­ités de ges­tion de la flot­ta­bil­ité d’Ele­men­tor), avec men­tion d’un développeur français con­nu de la com­mu­nauté française des util­isa­teurs d’O­cean­WP sur Face­book : Bruno Tritsch qui a apporté son exper­tise pour la mise au point du mod­ule Advanced Cus­tom Field.

Sticky Header

C’est LA fonc­tion­nal­ité absente de la plu­part des thèmes gra­tu­its même rich­es en fonc­tion­nal­ités offertes, et Ocean­WP suit la ten­dance. En avez-vous besoin ? Si oui, il va fal­loir pass­er à la caisse… ou choisir un autre thème, Kadence par exem­ple.

Instagram

Je n’u­tilise ni Insta­gram ni Pin­ter­est (la bonne fée des artistes ne s’est pas penchée sur mon berceau, je ne vais pas vous faire cauchemarder avec mes “créa­tions” ????) mais j’en con­nais plus ou moins le fonc­tion­nement et je suis con­scient de leur util­ité pour les entre­pris­es, et pour cer­tains blogs où les visuels sont pri­mor­diaux (comme les blogs lifestyle ou les blogs de voy­age, par exem­ple).

Grâce à cette exten­sion, vous pour­rez per­son­nalis­er l’af­fichage de votre flux Insta­gram, mais aus­si affich­er votre bio (votre bio Insta­gram, bien sûr).

Footer Callout

Tout en bas, ce n’est peut-être pas l’emplacement phare, mais si le lecteur est arrivé ici, c’est que votre page l’a intéressé.

Les exten­sions Foot­er Call­out et Sticky Foot­er

Le posi­tion­nement est donc idéal pour un dernier rap­pel. En 1 vous avez votre mes­sage et le bou­ton d’ac­tion, en 2 et 3 nous avons l’ex­ten­sion suiv­ante…

Sticky Footer

Un pied de page inamovi­ble et refer­mable, c’est loin d’être un gad­get : d’une, vous pou­vez y met­tre une info essen­tielle, et de deux, vous gag­nez de l’e­space pour des élé­ments qui n’ont pas besoin d’être affichés en per­ma­nence, mais qui n’en sont pas moins utiles voire indis­pens­ables.

Un clic sur le chevron de gauche (2) ouvre le pied de page pour affich­er vos wid­gets, un clic sur le chevron de droite (3) vous fait remon­ter en haut de page.

Side Panel

Cer­tains appel­lent cette fonc­tion­nal­ité off can­vas. Deux noms pour un même con­cept : des bar­res latérales cachées, avec un bou­ton ou un lien pour les faire appa­raître. À l’in­star du menu de pied de page, ces sec­tions ser­vent à affich­er un com­plé­ment d’in­for­ma­tion.

Ces qua­tre exten­sions ne sont qu’un échan­til­lon des fonc­tion­nal­ités que vous ajoutez à Ocean­WP en payant. Il y en a bien plus, mais ces qua­tre jus­ti­fient à elles seules l’achat du Core Bun­dle.

Ocean Hooks

Un hook (lit­térale­ment, un cro­chet) est une action pour mod­i­fi­er le com­porte­ment de Word­Press, ou dans le cas présent, du thème.

La ges­tion des hooks dans Ocean­WP passe par la bib­lio­thèque des mod­èles : vous créez un nou­veau mod­èle via Theme Pan­el > Bib­lio­thèque, vous vous ren­dez dans Ocean­WP Réglages, en dessous de la zone de saisie, vous cliquez sur Hooks et vous pou­vez ajouter votre action per­son­nal­isée.

Hooks OceanWP
Hooks Ocean­WP

Vous com­mencez par activ­er les hooks dans le mod­èle, vous choi­sis­sez la local­i­sa­tion, la pri­or­ité (n’y touchez pas avant d’avoir testé : si votre hook n’apparaît pas ou a un com­porte­ment inap­pro­prié, testez dif­férentes valeurs), les pages où activ­er votre hook, ain­si que les des­ti­nataires (vous pou­vez ajouter un mes­sage vis­i­ble par une caté­gorie par­ti­c­ulière d’u­til­isa­teurs).

Vous pou­vez même utilis­er du code PHP dans vos hooks, mais à moins que vous ne soyez un développeur aver­ti, je ne vous le recom­mande pas.

Ce n’est pas con­fig­urable à l’in­fi­ni, mais si vous avez besoin d’aller plus loin que ce que le thème vous per­met via l’ex­ten­sion, rien ne vous empêche de créer votre pro­pre hook et de le met­tre en place via Code Snip­pets.

Voila pour Ocean­WP, mais ce thème n’au­rait pas une telle pop­u­lar­ité sans sa com­pat­i­bil­ité avec les con­struc­teurs de pages, que ce soit avec Ele­men­tor ou avec Guten­berg avec lequel vous pour­rez déjà créer des mis­es en page dont vous n’au­riez pas même rêvé il y a quelques années — ou que vous n’au­riez pas pu réalis­er avec la rapid­ité et la facil­ité qui sont aujour­d’hui de mise avec l’édi­teur par défaut de Word­Press.

Voyons donc l’in­té­gra­tion de ces deux mod­ules dans le thème, et com­mençons par…

L’intégration de Gutenberg dans OceanWP

Vous n’aimez pas Guten­berg. Enfin, vous ne l’aimez peut-être pas. Mais c’est l’avenir de Word­Press, et à un moment ou un autre, il vous fau­dra bien vous y met­tre, ou chang­er de CMS.

J’y ai moi-même pen­sé, mais il y a telle­ment de posi­tif dans Word­Press que finale­ment, l’édi­teur… en fait je m’y suis fait et je ne reviendrais en arrière pour rien au monde.

Bref… si les pre­mières ver­sions d’O­cean­WP n’é­taient pas prévues pour cet édi­teur, son édi­teur l’a fait évoluer au fil du temps et des ver­sions.

Et pour rédi­ger un arti­cle, Guten­berg fait son boulot. Si vous avez besoin d’é­ten­dre les fonc­tion­nal­ités natives de l’édi­teur, vous trou­verez des exten­sions Word­Press pour les blocs.

Quant à créer une page avec Guten­berg, ce n’est pas non plus mis­sion impos­si­ble : toutes les pages de votre site ne néces­si­tent peut-être pas une mise en page com­plexe. Sur ce site par exem­ple (je n’ai pas choisi Ocean­WP pour l’ha­biller, mais Astra, un autre thème gra­tu­it très com­plet), autant j’ai créé la page d’ac­cueil avec Ele­men­tor, autant la page de con­tact n’a pas eu besoin d’un vrai con­struc­teur de page : Guten­berg et ses blocs ont ample­ment suf­fit.

Et cer­taines exten­sions, comme Visu­al Port­fo­lio pour les port­fo­lios et les galeries, ou Ulti­mate Addons for Guten­berg, dont je vous ai déjà par­lé dans l’ar­ti­cle Astra, le thème ultime pour Word­Press, per­me­t­tent de créer des pages bluffantes.

Tout dépend bien sûr de vos besoins. Quoi qu’il en soit, pour les mis­es en page plus com­plex­es, Ocean­WP nous a gâtés avec…

L’intégration d’Elementor dans OceanWP

Ele­men­tor n’est pas le seul con­struc­teur de page que vous pour­rez utilis­er avec Ocean­WP, mais c’est celui pour lequel l’intégration est la plus poussée, et pour lequel vous trou­verez le plus de ressources, gra­tu­ites et payantes.

Avant d’u­tilis­er Ele­men­tor avec Ocean­WP, je vous con­seille de pass­er par les réglages d’Ele­men­tor (Ele­men­tor > Réglages dans le menu latéral de l’ad­min­is­tra­tion), de définir les types de con­tenus édita­bles avec Ele­men­tor, et de cocher les deux options suiv­antes (Dés­ac­tiv­er les couleurs par défaut et Dés­ac­tiv­er les polices par défaut) pour que vos pages prof­i­tent de vos choix quant aux couleurs et quant à la typogra­phie.

Réglages d'Elementor
Réglages d’Ele­men­tor

Nous l’avons vu précédem­ment, l’équipe der­rière le thème a égale­ment sor­ti une exten­sion, Ele­men­tor Wid­gets, avec une cinquan­taine de mod­ules à rajouter aux mod­ules nat­ifs d’Ele­men­tor. Vous pou­vez les visu­alis­er sur la page de démo de cette exten­sion.

Pour être hon­nête, ces wid­gets valent par leur qual­ité ceux que vous trou­verez dans d’autres exten­sions payantes pour Ele­men­tor. Bien sûr, tous les besoins ne sont pas cou­verts, mais il y a déjà de quoi faire.

Qua­tre de ces mod­ules sont dédiés à WooCom­merce, et cinq d’en­tre eux per­me­t­tent d’in­té­gr­er un for­mu­laire (avec Grav­i­ty Forms, Con­tact Form 7, WPForms, Caldera Forms ou Nin­ja Forms) : vous ne les utilis­erez pas tous sur le même site, en principe. Si vous utilisez une autre exten­sion pour les for­mu­laires, vous pour­rez tou­jours utilis­er les codes courts pour insér­er un for­mu­laire.

Si vous ne voulez pas (ou ne pou­vez pas) pren­dre une exten­sion payante, vous trou­verez des dizaines d’ex­ten­sions gra­tu­ites pour éten­dre Ele­men­tor dans le dépôt Word­Press, mais toutes ne sont pas de qual­ité égale.

J’ai récem­ment eu l’oc­ca­sion d’u­tilis­er HT Mega et ses quelques 80 mod­ules. Glob­ale­ment intéres­sante, cette exten­sion présente toute­fois quelques incom­pat­i­bil­ités avec d’autres exten­sions, dont Visu­al Port­fo­lio, et avec Ocean­WP. Tout dépend des mod­ules que vous activerez. À tester avant d’adopter, donc.

Voilà l’essen­tiel d’O­cean­WP. Mais cet arti­cle ne serait pas com­plet s’il ne men­tion­nait pas…

La documentation

Dans ce domaine aus­si, Ocean­WP nous gâte. Enfin, ceux qui com­pren­nent l’anglais. Vous trou­verez toute la doc offi­cielle sur le site de l’édi­teur.

Et il y en a pour tous, du débu­tant au développeur qui n’a pas peur de met­tre les mains dans le code.

Les exten­sions ne sont pas oubliées, elles ont leur pro­pre sec­tion dans la doc­u­men­ta­tion.

Et pour finir, vous trou­verez égale­ment une FAQ, mais elle est axée sur l’achat, le renou­velle­ment, l’ac­ti­va­tion des licences. Triv­ial, mais utile ????

Le bilan

Ocean­WP mérite-t-il les louanges dithyra­m­biques que l’on entend à pro­pos de lui ? On n’est pas dans du “par­fait”, mais on s’en rap­proche.

Points forts

  • très léger
  • con­fig­u­ra­tion poussée de chaque élé­ment du thème
  • exten­si­ble via des exten­sions gra­tu­ites
  • excel­lente inté­gra­tion des con­struc­teurs de page phare
  • bien doc­u­men­té
  • sup­port natif de WooCom­merce (même dans la ver­sion gra­tu­ite)
  • la plu­part des besoins sont cou­verts par la ver­sion gra­tu­ite / des exten­sions gra­tu­ites

Points faibles

  • la pléthore de fonc­tion­nal­ités pro­posées via l’outil de per­son­nal­i­sa­tion fait que l’on peut vite se per­dre dans les onglets
  • la poli­tique de licences de la ver­sion Pre­mi­um

Astra ou OceanWP ?

Quand on fait le bilan de ces deux thèmes, on s’aperçoit qu’ils ont en com­mun la note obtenue dans le dépôt Word­Press, et leur empreinte min­i­male.

Ce sont des thèmes général­istes, con­fig­urables — même si Astra va bien moins loin dans les options de con­fig­u­ra­tion.

Ocean­WP pro­pose bien plus de fonc­tion­nal­ités dans sa ver­sion gra­tu­ite, et sa licence, même si elle est (légère­ment) con­traig­nante, est moins chère que la licence Astra, pour un site. Et il n’y a qu’un type de licence, qui com­prend un set de plus de 50 mod­èles de sites — l’équiv­a­lent, pour Astra, impose de pren­dre la licence Mini Agency Bun­dle, et le prix s’en ressent, on est à 169$ con­tre 129$ grand max­i­mum chez Ocean­WP (en licence illim­itée, sans réduc­tion).

Et quoi qu’il en soit, 129$ / an (519$ à vie) hors TVA pour un usage illim­ité lim­ité à 25 sites, ce n’est pas la fin du monde. Les free­lances et les agences web n’au­ront pas de mal à inté­gr­er un très léger sup­plé­ment de prix dans la presta­tion. Surtout en prof­i­tant de la réduc­tion de 25% que je vous pro­pose en fin d’ar­ti­cle.

Pour les util­isa­teurs d’Ele­men­tor, les deux thèmes pro­posent un pack com­prenant un set de mod­ules com­plé­men­taires pour ce con­struc­teur de pages. À nou­veau, pour béné­fici­er de ce set avec Astra, il faut pren­dre a min­i­ma le Mini Agency Bun­dle.

Ceux qui utilisent Beaver Builder pour­ront préfér­er Astra qui per­met d’avoir un pack avec les mod­ules pour ce con­struc­teur-ci.

Une des dif­férences majeures, à mon sens, entre Astra et Ocean­WP, et qui peut faire préfér­er Astra dans cer­tains cas de fig­ures, est le sup­port de Easy Dig­i­tal Down­loads, de Learn­Dash et de Lifter­CMS avec l’achat de l’ex­ten­sion Astra Pro. Si vous utilisez ou voulez utilis­er l’une de ces trois exten­sions, la ques­tion du choix ne se pose plus vrai­ment.

Si vous n’u­tilisez ni Ele­men­tor, ni Beaver Builder (il y a d’autres con­struc­teurs de pages de très bonne fac­ture), vous pour­rez quand même exploiter tout le poten­tiel de ces deux thèmes, les mod­ules com­plé­men­taires n’ap­por­tant pas de nou­velles fonc­tion­nal­ités mais des mod­èles de blocs ou de pages.

Le choix s’ef­fectuera après avoir testé la ver­sion gra­tu­ite, après avoir pesé le pour et le con­tre de chaque solu­tion, et en fonc­tion des pro­jets — avec un bémol : vous serez plus pro­duc­tif avec un out­il qui vous con­vient, bien plus qu’avec un out­il plus puis­sant mais avec lequel vous n’êtes pas à l’aise.

Le mot de la fin

Con­traire­ment à d’autres thèmes pour­tant pop­u­laires, un site habil­lé par Ocean­WP a sa per­son­nal­ité pro­pre, il ne ressem­ble pas à… un site habil­lé avec Ocean­WP.

Peut-être parce qu’il est moins ori­en­té débu­tant, moins plébisc­ité, mais surtout parce que ses fonc­tion­nal­ités en font une red­outable machine à per­son­nal­i­sa­tion.

Et ses util­isa­teurs le lui ren­dent bien : ils l’u­tilisent bien sûr, ils le plébisci­tent, et ils lui attribuent qua­si invari­able­ment la note max­i­male ( 4341 pour un total de 4453 votes — soit 97,5% de notes max­i­males — début févri­er 2021). Pour vous don­ner une idée, Twen­ty Sev­en­teen, avec plus d’un mil­lion d’in­stal­la­tions actives, obtient la note hon­or­able de 4.5, mais n’a qu’une cen­taine de revues et notes à ce jour.

C’est en quelque sorte la rançon de l’ex­cel­lence. Vous pou­vez avoir moins bien, mais ce sera plus lent, plus laid et plus cher 😀

Pour beau­coup plus cher, parce que voila, chose promise, chose due, voici le code pour obtenir une réduc­tion de 25% sur le pack Core Exten­sions Bun­dle : BUNDLE25 (c’est ter­ri­ble, Exten­sions et pas Plu­g­ins, on pour­rait aller jusqu’à penser que l’équipe der­rière Ocean­WP est française… ce n’est pas faux, le créa­teur du thème, Nico­las, est bien français).

Vous allez créer ou relook­er votre site ? Vous ne pou­vez pas pass­er à côté d’O­cean­WP — ou plutôt, du trio Ocean­WP / Ele­men­tor / Guten­berg. Et hon­nête­ment, si vous ne créez pas un site unique avec Ocean­WP, c’est vrai­ment que vous le faites exprès 😐

Un seul risque, c’est l’adopter et même y revenir, si vous avez une bat­terie de sites à créer ou à met­tre au goût du jour.

Et vous, avez-vous testé et adop­té Ocean­WP pour habiller vos sites ? Faites-nous part de votre expéri­ence dans les com­men­taires…

Cer­tains liens de cet arti­cle sont des liens affil­iés ; c’est à dire que si vous achetez en suiv­ant un des liens de cet arti­cle, vous ne paierez pas plus cher, et moi je toucherai éventuelle­ment une petite com­mis­sion.

2 réflexions sur “OceanWP, Elementor et Gutenberg — un trio de choc”

  1. Bon­jour,
    Ça parait alléchant… mais y’a un truc qui me chif­fonne…
    J’u­tilise DIVI qui m’avait été van­té comme très sim­ple super… et je galère avec ça.
    Du coup je recherche quelque chose de plus sim­ple mais je vois que c’est sup­posé marcher avec Ele­men­tor qu’on m’avait van­té aus­si… Je suis allé voir et ça m’a paru être jumeau de DIVI…
    Bref, est-il pos­si­ble de faire un site facile­ment sans con­struc­teur de page?
    En l’occurrence, Ocean­WP peut-il se suf­fire à lui-même pour faire quelque chose de plus qu’honor­able et est-ce vrai­ment acces­si­ble à quelqu’un qui fait de l’ur­ticaire dès qu’il s’ag­it de met­tre les mains dans le cam­bouis ?
    Si c’est le cas, je me demande aus­si s’il per­met de met­tre une zone de cap­ture d’email en haut sur la largeur du site (genre hel­lo bar)…
    Quoi qu’il en soit, mer­ci pour cet arti­cle… même si j’ai cru com­pren­dre que vous n’êtes pas sous de thème… 😉
    Cor­diale­ment

    1. Bon­soir André, quel que soit le con­struc­teur de page, il y aura tou­jours une phase d’ap­pren­tis­sage. Divi est certes plus lourd à utilis­er qu’Ele­men­tor, mais on n’a rien sans rien — le ren­du visuel par­le de lui-même, que l’on utilise l’un ou l’autre d’ailleurs.

      Ocean­WP, ou tout autre thème bien con­stru­it (Astra, Suki, Zita, Neve…) per­met de con­stru­ire des pages abouties sans con­struc­teur dédié, en util­isant Guten­berg et les mod­ules com­plé­men­taires que vous trou­verez dans le dépôt Word­Press. Mais là aus­si, il va fal­loir pass­er par une phase d’ap­pren­tis­sage.

      La zone de cap­ture d’email peut être obtenue en util­isant une exten­sion Word­Press, cherchez “call to action bar” dans le dépôt Word­Press, vous devriez y trou­ver votre bon­heur.

Les commentaires sont fermés.

Retour en haut
Les cookies que nous utilisons sont indispensables au bon fonctionnement de ce site. Il n'y a aucun pistage publicitaire et les données statistiques recueillies sont anonymisées.
J'ai compris