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
We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept