[Résolu] Refaire la page d’accueil avec Gutenberg (Créer un compte)

  • WordPress :5.7
  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2381934
    anthony75air
    Participant
    Initié WordPress
    35 contributions

    Bonjour,

    Ma configuration WP actuelle

    • – Version de WordPress : 5.7.2
    • – Version de PHP/MySQL : 7.3.27 / 10.3.29
    • – Thème utilisé : Bento Child
    • – Thème URI : http://satoristudio.net/bento-free-wordpress-theme/
    • – Extensions en place : Broken Link Checker (1.11.15), Caldera Forms (1.9.4), Delete Me (3.0), Duplicate Page (4.4), Favicon by RealFaviconGenerator (1.3.20), Forum_wordpress_fr (4.2), Genesis Blocks (1.2.4), Icegram – Popups, Optins, CTAs & lot more… (1.10.47), Imagify (1.10), Insert Headers and Footers (1.6.0), Loco Translate (2.5.3), Menu Icons (0.12.8), MotoPress Content Editor Lite (3.0.7), OneSignal Push Notifications (2.2.1), Open Graph and Twitter Card Tags (3.1.1), PublishPress Blocks (2.8.2), Quantcast Choice (2.0.4), Relevanssi (4.13.2), Responsive WordPress Slider Lite (2.2.0), Search Meter (2.13.4), SecuPress Free — WordPress Security (2.0.3), Site Kit by Google (1.36.0), Social Login, Social Sharing by miniOrange (7.5.1), Ultimate Addons for Gutenberg (1.23.5), UpdraftPlus – Backup/Restore (1.16.59), User Menus (1.2.5), User Role Editor (4.60), WordPress Importer (0.7), WP-Members (3.3.9.3), wpDiscuz (7.2.2), wpDiscuz – Ads Manager (7.0.6), wpDiscuz – Report and Flagging (7.0.6), wpForo (1.9.8), WP Rocket (3.9.0.5), WP Roles at Registration (0.23), WP Rollback (1.7.1), Yoast SEO (16.7)
    • – Adresse du site : airavis.net
    • – Nom de l’hébergeur : Apache

    Problème(s) rencontré(s) : Bonjour à tous,

    Je souhaiterais refaire la page d’accueil du site avec Gutenberg mais je n’arrive pas à mettre une image en pleine largeur un peu comme c’est aujourd’hui.

    Aujourd’hui nous utilisons une extension (MotoPress Slider) mais je pense qu’il ralenti beaucoup le chargement de la page.

    Voici la page test 

    Je souhaiterais aussi (si possible) réduire la marge entre la page et le menu horizontale comme c’est aujourd’hui.

    En résumé refaire la page d’accueil comme aujourd’hui en passant de MotoPress à Gutenberg de WordPress 😉

    Je vous remercie d’avance de votre aide,

    Dans l’attente de votre retour

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2381977
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    Bonjour,

    pour réduire la marge entre la page &  le menu, cela doit être
    possible avec les réglages de votre thème?
    sinon comme vous avez un thème enfant dans le fichier style.ccs
    entrez la règle suivante

    .site-content {
        padding: 1rem 0 12rem 0;
    }

    j’ai diminuer la marge interne haute de 6rem a 1rem, je vous laisse ajuster comme il vous convient.

    Pour la bannière pleine largeur, la encore vous avez une page qui ne doit pas être réglé pleine largeur par le thème,
    donc le contenu ne peut dépasser son container.
    vous pouvez entrer la règle css suivante mais attention tout le contenu de la page sera alors pleine largeur

    @media screen and (min-width: 10em)
    .bnt-container {
        padding: 0 !important;
    }

    cordialement

    #2381979
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    j e reprends le dernier code j’ai laissé un espace indésirable:

    @media screen and (min-width: 10em)
    .bnt-container {
        padding: 0!important;
    }

    #2381990
    anthony75air
    Participant
    Initié WordPress
    35 contributions

    Bonsoir @Rock4Temps,

     

    J’ai essayé les 2 codes CSS et rien ne fonctionne, rien ne bouge sur le site même en vidant le cache.

     

    Dans l’attente de votre retour,

     

    Cordialement,

    #2381993
    anthony75air
    Participant
    Initié WordPress
    35 contributions

    Pour info, j’ai réussi ce que je voulais faire pour le full -page en téléchargeant l’extension “Fullwidth Page Templates”

    Voir la page exemple

    Mais j’ai toujours cette marge que je souhaiterai enlever.

     

    Cordialement,

    #2382022
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    Bonjour,

    Si vous parler de la marge haute entre la page et le menu
    la règle CSS du 1er code ci dessus est bien prise en compte

    il vous suffit de la modifier dans le fichier style.css du thème enfant par:

    .site-content {
        padding: 0 0 9rem 0;
    }

    #2382026
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    Vérifier quand même le responsive de votre page d’accueil, il y a un un problème de la bannière sur mobile

    #2382027
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    Apparemment  c’est le formulaire de recherche qui n’est pas responsive
    pour un mobile en mode portait
    toujours dans le fichier  style.css entrez le code suivant:

    @media only screen and (max-width:480px){
    	
    	.advgb-search-bar-inner{width:300px!important;}
    
    }

    #2382052
    anthony75air
    Participant
    Initié WordPress
    35 contributions

    Bonsoir @Rock4Temps,

    Je vous remercie pour votre aide. Nous avons pu sortir la nouvelle page d’accueil (grâce à vous) merci beaucoup !

    En ce qui concerne le code pour la marge entre le menu et la page, le code marche très bien (rien ne changeais à cause du cache google mais sur un autre navigateur je vois le changement). Mais impossible de rajouté un peu de marge (Exemple marge au trait noir) car sur certaines pages le texte est couper.

    https://www.zupimages.net/up/21/29/fitr.png

    Merci encore de votre aide.

    L’équipe

     

     

     

    • Cette réponse a été modifiée le il y a 16 heures et 44 minutes par anthony75air.
    #2382059
    Rock4Temps
    Participant
    Chevalier WordPress
    339 contributions

    Bonjour,

    Dans ce cas revenez au 1er code et laisser la marge haute à 1rem ou 0.5rem a vous d’ajuster et n’ oublier pas de vider le cache du navigateur. Sous Chrome  raccourci clavier:

    CTRL + Shift + Suppr

    #2382060
    anthony75air
    Participant
    Initié WordPress
    35 contributions

    Bonjour @Rock4Temps,

    J’ai réussi, encore merci pour votre aide, votre patience.

    Bien cordialement,

    L’équipe

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.