- WordPress :4.9
- Statut : non résolu
- This topic has 6 réponses, 2 participants, and was last updated il y a 3 months et 2 weeks by
momofr@free.fr.
- 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.
- Vous devez être connecté pour répondre à ce sujet.