- WordPress :4.9
- Statut : non résolu
- Ce sujet contient 9 réponses, 5 participants et a été mis à jour pour la dernière fois par
, le il y a 1 semaine et 5 jours.
-
Messages
-
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.
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.
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)
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.
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
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.
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.
Bonjour,
J’ai un problème un peu différent avec le thème Oceanwp et le plugin Elementor. Je voudrais changer sur les articles la taille des “meta data”, auteur, date, commentaires, qui sont sous le titre. Dans la doc Oceanwp il est dit d’utiliser la classe “.single-post ul.meta” mais cela ne marche pas pour moi. J’ai fait une copie écran du code de la page de l’article que j’ai inspecté. L’image est en pièce jointe.Pouvez-vous m’aider s’il vous plait. Merci.
Michel
Bonjour,
Il n’est pas étonnant que vous n’y arriviez pas. Toutes vos CSS sont “en ligne” donc prioritaires et en plus le caractère prioritaire est renforcé avec des “!important” partout. Tout-changement est impossible. C’est vous qui avez mis ça en place? Sans intervention extérieure, je ne vois pas d’où cela pourrait venir.
Bonjour,
@michel-b : votre problème étant différent, intervenant 3 ans plus tard avec une configuration forcément différentes, merci d’ouvrir votre propre sujet.
Si besoin, consultez cette vidéo : https://youtu.be/XOFGpSbNCmY
- Le sujet ‘Problème de mise en page avec Elementor et Ocean WP’ est fermé à de nouvelles réponses.