Problème de mise en page avec Elementor et Ocean WP

  • WordPress :4.9
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2105704
    Rafale4
    Participant
    Initié WordPress
    4 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.0 (et testé 5.6 mais même problème)
    • Thème utilisé : OceanWP
    • Extensions en place : Elementor
    • Nom de l’hébergeur : OVH
    • Adresse du site : adj-assist.fr

    Problème(s) rencontré(s) :

    Bonsoir à toutes et à tous.

    Je débute dans la création de site car une amie m’a demandé de voir si je saurais le faire pour sa future petite entreprise. défis relevé.

     

    J’ai installé ELEMENTOR (free) sur mon thème « OceanWP ». Seulement voilà, je rencontre un problème par rapport à la mise en page. (cela le fait aussi sur d’autres thème)

    Je m’explique: Je met un titre « Bienvenue sur ADJ Assist » et juste en dessous je souhaite placé un « diviseur ». Seulement quand je souligne le titre avec ce « diviseur », ce dernier est complètement décalé une fois que je vais sur le vrai site… (et non sur la page de build elementor).

    Allez voir sur mon site directement, vous comprendrez. (en sachant que sur l’outil elementor, la double barre (diviseur) souligne pile poil le titre)

     

    De plus, je demande à voir le mode « responsive » d’elementor pour tablette et smartphone et tout ce décale complètement. Je n’arrive pas a comprendre comment faire pour que le site puisse être lu sur ces supports.

     

    D’avance je vous remercie pour l’aide.

    #2106513
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Salut, tu sembles utiliser un bloc texte ici (avec des styles localisés), je te conseille plutôt le bloc titre qui est fait pour ça. Avec tu peux gérer totalement l’alignement, la couleur du texte, la typo, l’interlignage, etc (onglet styles). De plus tu pourras ajouter un double-filet en bas avec les options Avancés -> Bordure, ainsi en réglant ta largeur de section selon ton titre tu auras l’effet escompté (titre centré c’est bien ça ?).

    Ton image fond est très (trop) lourde : 5,7 Mo ! En la mettant en jpg et bien optimisée elle tombe à 240 Ko. Tu utilises des caractères accentués dans le nom du fichier, cela peut provoquer des problèmes lors d’une migration par exemple, ou sur certains serveurs Linux, de manière générale c’est déconseillé.

    Je te propose une extension « mu » (non désactivable) qui fait le ménage lors de l’envoi des images sur WordPress, elle remplace les caractères accentués par leur équivalent sans accent. Tu copies le dossier joint (dézippé) dans le dossier wp-content à côté du dossier plugins. Si tu as déjà un dossier mu-plugins tu ne copie que le fichier mu-plugin-sanitize-filename.php dans ton dossier déjà en ligne.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2106851
    Rafale4
    Participant
    Initié WordPress
    4 contributions

    Merci à toi. cela avance.

    Si tu veux aller voir le site. je viens de modifier 2 ou 3 choses, dont la taille de l’image et le titrage au lieu d’un module texte.

    Cela fonctionne mieux. Mais… (forcement)

    Le « bienvenue sur ADJ Assist » est bien positionné sur le site mais sur le buil d’élémentor mon teste se situe complétement à gauche. Je n’arrive pas a comprendre ce qui fait que ça se décale d’autant… Je viens de mettre à jour ma config, dans le premier message concernant les « extensions ». Je n’avais pas fait plus gaffe à ca mais cela a peut être son importance.

    J’ai tout de même essayé de les désactivés 1 à 1 mais ça n’a rien changé.

    Merci du suivi momofr

     

    Edit: je n’ai pas pu modifier mon premier message. Voici donc la liste complète de mes extensions:

    • Admin CSS MU
    • Akismet anti-spam
    • elementor page builder
    • jetpack par wordpress.com
    • ocean extra (demandé par le thème)
    • ocean post slider (demandé par le thème)
    • tinyMCE advanced (non actif)
    • WP maintenance (non actif)
    #2107263
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Salut, tu as des modèles ne l’oublie pas, ça peut te servir de base pour monter une page facilement.

    Comme je ne « vois » pas ton montage Elementor il est difficile de te guider, je te joint un modèle maison qui reprend les grandes lignes de ton projet, tu peux l’importer dans la bibliothèque Elementor et le placer où tu veux pour le regarder et le modifier.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2107874
    Rafale4
    Participant
    Initié WordPress
    4 contributions

    désolé, réponse tardive mais je bosse 12h le samedi et 12h le dimanche. ko en rentrant, de la ma réponse tardive.

    je te remercie beaucoup de l’aide. je test cela de suite.

     

    merci

    #2107929
    Rafale4
    Participant
    Initié WordPress
    4 contributions

    Je dirais que ce commence à avancer.

    J’ai une autre question si tu veux bien y répondre.

    le site étant un site « 1 page », je ne comprend pas bien comment faire pour que quand je clique sur un des icons, ma page descende au niveau voulu. Je crois avoir compris qu’il faut mettre des « ancres » mais je ne trouve pas le HTML sur wordpress comme sur elementor de mon icone.

    #2107952
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Salut, la navigation One Page ce fait effectivement avec des ancres, tu glisses le module ancre au niveau qui convient (tu peux jouer avec le padding vertical pour que ce soit bien présenté à la bonne hauteur). Tu mets les liens sur tes boutons ou icônes avec la bonne balise d’ancre (#nom de l’ancre).

    Regarde mon exemple en modèle Elementor joint.

    Un exemple sur cette landing page que je viens de réaliser avec OceanWP et Elementor.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.