Chez momo-fr

OceanWP : le thème idéal pour Elementor Page Builder

Thème WordPress OceanWP

Depuis quelques temps je travaille avec Elementor Page Builder, l’idée de me passer des thèmes Premium lourdingues et finalement fermés fait son chemin.

Si tout cela est très bien il reste une inconnue… quel thème conviendrait le mieux à Elementor ?

J’ai commencé mes tests avec UnderStrap un très bonne base Bootstrap, mais encore en bêta et dont l’évolution est un peu chaotique. En cherchant un peu à droite et à gauche j’ai finalement trouvé une réponse. Elementor est jeune et sa fulgurante ascension le destine à une large diffusion, le projet étant Open source de nombreux développeurs se sont intéressés au Page Builder. Si on trouve des extensions complémentaires rien de concret dans l’univers des thèmes. A la base il est indiqué le support de 3 thèmes Premium et 6 thèmes gratuits, avec, notamment, le petit dernier : OceanWP.

Les caractéristiques du thème OceanWPOceanWP est une révélation, je trouve, avec ce thème, une très grande partie de ce que je souhaitais avoir avec un thème basique gratuit (Open source) :

  • Header personnalisable via Elementor
  • Footer personnalisable via Elementor
  • Personnalisation du layout pour chaque page
  • Customizer vraiment très complet en version de base
  • 6 extensions gratuites qui complète très bien le thème

Une offre payante proposée par Nicolas propose 6 autres modules pour 44,50 $, ils apportent ces fonctionnalités :

Mais OceanWP propose à la base de nombreuses fonctions, avec Elementor en complément c’est un véritable outil de création de thème/site WordPress que vous avez entre les mains (ou le clic de souris).

Un Header entièrement conçu par vos soins

C’est la fonction que je cherche depuis que j’utilise Elementor, ici une simple assignation à une page monte celle-ci en lieu est place du Header du thème. A vous les menus personnalisés et graphiques, les compositions alternatives… voire le n’importe quoi. Voilà une solution pour les sites d’artistes ou de créateurs.

Un Footer qui ne se prend pas les pieds dans le tapis

Et voilà qu’en plus vous pouvez faire de même avec le Footer du thème. Ça frise le Graal du webdesigner… Elementor vous tend les bras pour composer un pied de page original !

Hormis ces 2 fonctions indispensables, que propose encore OceanWP ?

  • Style général
    Couleurs (primaire, survol, bordure) et l’arrière-plan global du site (couleur ou image).
  • Paramètres généraux
    Mise en page : wide ou centrée, largeur réglable et répartition contenu / barre latérale, 4 mises en page possible, padding top/bottom global, page des résultats de recherche.
  • Titre de la page
    Affichage mobile/tablette ou l’un des deux, ou aucun, padding top/bottom du titre, couleurs texte et arrière-plan et enfin fil d’Ariane ou non.
  • Bouton haut de page
    Différentes icônes, taille du bouton, de l’icône, border-radius, couleurs de base et au survol.
  • Pagination
    Alignement du menu de pagination, taille des caractères, bordure, couleurs des textes, arrière-plan, bordure et survol.
  • Formulaire
    Couleur des labels, padding du champ, taille de police, taille et couleur de la bordure du champ, arrière-plan du champ et focus, border-radius, couleur du texte du champ.
  • Bouton
    Padding, border-radius, couleur d’arrière-plan de base et au survol, couleur du texte de base et au survol.
  • Typographie
    Générale, body, titrage global, h1, h2, h3, h4, logo, menu principal, menu déroulant desktop, menu déroulant mobile, titre article sommaire blog, titre article seul, titre widget sidebar, titre widget footer, texte copyright, menu footer.
  • Top bar
    Activation, mode pleine largeur, visibilité mobile, alignement, padding, couleur d’arrière-plan, couleur de bordure, de texte, de lien, et de survol des liens. Contenu de top bar (texte html) + contenu social avec réglages du style des icônes, possibilité d’afficher un contenu personnalisé (page WP).

Section Header

  • Général
    6 styles d’entête (mode transparent présent), choix d’une page, possibilité d’afficher un contenu personnalisé (page WP). Ajout d’un conteneur avec hauteur paramétrable, bordure en bas optionnelle, couleur d’arrière-plan et de bordure, padding.
  • Header média
    Entête vidéo, entête image ou jeux alternatif d’image (fonction WP), positionnement et comportement de l’image.
  • Logo
    Fonction WP classique + version Rétina, si version texte : choix de la couleur  de base + survol.
  • Menu
    Les possibilités ici sont trop nombreuses pour être énumérées, menu et sous-menus entièrement personnalisables, padding left/right, position, icône, etc.
  • Menu mobile
    Là aussi vous avez de nombreux paramètres pour le personnaliser.

Section Blog

  • Entrées du blog
    Mise en page du sommaire (4 choix), type de présentation (grille, liste avec image), taille des images, nombre de colonnes, style de grille (grille image ajustées ou maçonnerie), longueur de l’extrait,  type de pagination (normale, infinie, prec./suiv.). Possibilité de gérer l’ordre des éléments des entrées articles (titre, méga, image à la une, contenu, lire la suite), possibilité de masquer des métas : date, commentaires, auteur, catégories.
  • Page article seul
    Mise en page du sommaire (4 choix), type de titre, image à la une en arrière-plan du titre avec positionnement et comportement, hauteur du bloc de titre,couleur et opacité d’un calque de superposition, ocre des éléments de l’article (10 éléments différents), masquer des métas. Nombre d’articles en relation, nombre de colonnes d’articles en relation, taille des images des articles en relation (H/L).

Divers

  • Barre latérale
    Couleur d’arrière-plan de la barre latérale, padding.
  • Widgets
    Couleur d’arrière plan des Widgets, padding,  marge inférieure, Couleur de bordure des titres, marge inférieure des titres.
  • Pied de page
    Visibilité mobile, position fixe, possibilité d’afficher un contenu personnalisé (page WP). Padding, couleurs d’arrière-plan, du texte, des bordures, des liens et du survol des liens.
  • Zone de Copyright
    Activation/désactivation, visibilité mobile, contenu HTML, 2 fonctions dynamiques (date, url site) padding, couleurs d’arrière-plan, du texte, des liens et du survol des liens.
  • A noter qu’en plus des CSS personnalisées OceanWP propose aussi une zone pour vos scripts Javascripts personnels.

Il passe le test de ThemeCheck avec un bon 98 % au final qui laisse transparaître 2 petits défauts de jeunesse.

Rien à redire, OceanWP est un thème à essayer d’urgence !

Sources : OceanWP, Elementor+OceanWP

Vous aimerez aussi

14 réponses

    1. Bonjour Sylvie, tu as une extension de navigation menu dans les widgets gratuits pour Elementor. Avec la version PRO d’Elementor c’est inclus.

  1. Bonjour Jean
    je ne suis pas codeur, mais j’ai acquérir une petite expérience sur WP. J’aimerai construire un site avec le couple Elementor OceanWP et Woo commerce
    Mais y a t’il une solution pour éviter une navigation à facettes. D’après mes recherches, c’est un sacré problème de duplications URL importantes
    Est ce que je me trompe ?
    Merci beaucoup pour votre réponse.

  2. Bonjour, je lis avec bcp d interet vos articles. Je commence a me debrouiller pas trop mal sur WP avec encore de sacres lacune dut a l absence de formation informatique. J’ai construit sur le theme Sydney Juste avec les tutos et de la patience. 1 question, comme je me sers pas mal d Elementor il m a semblé judicieux d y associer le theme OceanWP puisque vous le precaunisez, est ce que ce sera bien pour créer un blog de type forum de consommateurs et divers prestations de service ? avec donc les pros presents egalement sur le forum. la finalités et de creer des liens entre abonnés, faire ressortir les aberrations du système qui nous concerne, trouver des solutions en s unissant entre pro, pour servir moins cher les consommateurs.

    2è chose c est une remarque, vous n avez pas testé O2switch l hebergeur ? j en suis pleinement satisfait.

    1. Bonjour Denis, OceanWP est pratique pour tous types de site, associé à Elementor vous pouvez construite une très large palette de sites web. dans votre cas il vous faut associer l’extension de forum BuddyPress. Pour la 2e remarque ce blog est hébergé chez O2Switch, je suis moi aussi très satisfait des prestations proposées par les Clermontois. 🙂

  3. Bonjour bonjour,
    Je travaille avec Elementor et OceanWP mais je souhaiterais acheter l’une ou l’autre des versions pro pour aller encore un peu plus loin comme par exemple avoir un menu flottant.
    Que me conseillez-vous ?
    Merci 1000 fois par avance.
    Sarah

  4. Je travaille actuellement avec wp Ocean et elementor, mais je suis un débutant pour créer un site web, c’est mon premier. J’ai déjà un menu (horizontal) pour l’ensemble du site et j’aimerai en créer un autre pour une page en particulier. Est ce possible selon toi? En fait, j’ai utiliser elementor pour créer le 2e menu sur ma page Action-plantation mais c’est le menu principal qui apparait et je ne sais pas comment le changer.

    voici mon essai de site: asf2.asf-estrie.org

    Merci

    1. Bonjour, pas de problème, tu n’as pas besoin d’Elementor pour ça, tu créés ton second menu dans la section idoine du menu Apparence et sur la(les) pages concernées tu vas dans le panneau OceanWP Réglages et dans l’onglet Menu tu choisis ton second menu pour remplacer celui de base.

      1. Bonjour,
        Merci pour votre site, je suis dans le même cas que la personne précédente, mais je n’ai pas bien compris votre réponse.
        Je suis tout débutant wordpress, je créé un site avec Elementor et Oceanwp.
        J’ai créé 2 modèles de template de pages avec Elementor et je veux les assigner chacun à des pages spécifiques, un pour la page d’accueil et l’autre pour les autres. J’ai créé les 2 modèles dans la bibliothèque de Elementor, et le problème c’est que c’est toujours le 1er modèle qui revient lorsque je créé une nouvelle page.
        Lorsque l’on créé une nouvelle page, on choisit en tête personnalisée, mais le menu déroulant nous propose que les modèles de Océanwp et non d’Elementor. Comment faire pour choisir le template que l’on veut dans les pages que l’on veut ?
        J’espère que je me fais bien comprendre 😉 merci d’avance

    1. Je monte 2 boutiques actuellement avec OceanWP et Elementor, il faut prendre en compte que l’on utilise pas mal d’extensions sous Woocommerce donc la compatibilité reste à valider pour tout ça.

  5. Bonjour !
    Qu’en est il des catégories (catégory.php) ? Est ce qu’on peut les désigner avec Elementor?
    Merci!

    1. Salut, les désigner dans les modules d’Elementor ? Oui. Mais ta question n’est pas claire.

Répondre à Jean Lagarrigue Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Plus de résultats...

Generic selectors
Corespondance exacte
Rechercher dans le titre
Rechercher dans le contenu
Post Type Selectors

Autres catégories du Blog

Partager cette publication