[Résolu] supprimer menu et pied de page sur page d’accueil

  • WordPress :4.9.4
  • Statut : résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2178761
    klamk
    Participant
    Initié WordPress
    44 contributions

    Bonjour,

    Ma configuration WP actuelle

    • WordPress 4.9.6
    • Version de PHP/MySQL :
    • Thème utilisé : twenty seventeen
    • Extensions en place : Shortcodes Ultimate, Coming Soon Page & Maintenance Mode, Contact Form 7, UpdraftPlus
    • Nom de l’hébergeur : OVH
    • Adresse du site : pas en ligne

     

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

    J’utilise donc le thème twenty seventeen. Principalement avec des pages d’une colonne.

    J’aimerais avoir comme page d’accueil juste 2 images cliquables : pas de menu, pas de pied de page. L’image d’en-tête pourrait rester si c’est difficile de la supprimer.

    Je pense savoir comment permettre à la page d’utiliser toute la largeur de l’écran mais je n’y arrive pas pour le reste.

    Je me demande s’il faut mieux configurer une page quelconque et la transformer ensuite en page d’accueil (possible ?) ou s’il faut transformer d’emblée la page d’accueil du thème. Si ça a un  rapport avec la question : j’avoue ne pas bien comprendre la distinction entre home page et landing page.

    évidemment j’utilise un site enfant.

    merci d’avance pour votre aide

     

    #2178769
    PhiLyon
    Modérateur
    Maître WordPress
    19949 contributions

    Essaies ce code dans le style.css de ton thème enfant

    /* Modifs home */
    .home .navigation-top {
        display: none;
    }
    
    .home .site-info {
        display:none;
    }
    
    .home .wrap {
        max-width: 1240px !important;
    	width: 100% !important;
    }

    🙂

    #2179067
    klamk
    Participant
    Initié WordPress
    44 contributions

    Merci beaucoup, ça m’a bien fait avancer.

    a) il reste quand même l’image et le texte de l’en-tête et l’emplacement du menu.

    J’ai cherché une manière de faire disparaître le header, en réduisant au minimum la hauteur sa hauteur. Cette solution trouvée sur internet me convient sur écran d’ordinateur mais elle n’est pas responsive (quelque soit la nouvelle hauteur d’image fixée ; l’en tête réapparait sur petit écran). auriez-vous une solution ?

    .has-header-image.twentyseventeen-front-page .custom-header,
    .has-header-image.home.blog .custom-header {
         height: 0vh;
    }
    @media screen and (min-width: 0em) {
      .twentyseventeen-front-page.has-header-image .custom-header-media,
      .home.blog.has-header-image .custom-header-media {
        height: 0vh;
        max-height: 0%;
      }
      .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
      .admin-bar.home.blog.has-header-image .custom-header-media {
        height: calc(0vh - 0px);
      }
    }
    régler hauteur du header de la page d'accueil

    b) moins crucial pour moi, mais puisqu’on est sur le sujet : y aurait-il moyen d’avoir l’équivalent pour réduire à zéro l’en-tête d’une page lambda du site ? J’ai essayé d’adapter le code mais ce n’est pas évident pour une quasi.

    c) autrement la page est encore trop étroite, j’ai donc mis 1800px au lieu des 1240px comme largeur maximale. Est-ce correct ?

    d) je sais qu’il y a moyen de supprimer le pied de page seulement sur certaines pages grâce à des plugin.
    Faut-il mieux passer par la CSS, histoire de ne pas multiplier les plugin ? Sinon, auriez-vous un plugin à conseiller ?

    merci d’avance

    • Cette réponse a été modifiée le il y a 2 weeks et 3 days par  klamk.
    #2179090
    PhiLyon
    Modérateur
    Maître WordPress
    19949 contributions

    Bonjour.

    J’ai rajouté/modifié du code, essaies en mettant la bonne ID pour ta page, tu retrouves cette ID dans Pages/Toutes les pages, en survolant le nom de ta page, en bas à gauche de l’écran, elle apparaitra

    /* Modifs home */
    
    .home .site-header {display:none}
    
    .home .site-info {
        display:none;
    }
    
    .home .wrap {
        max-width: 1240px !important;
    	width: 100% !important;
    }
    
    /*Modif footer sur page X*/
    
    .page-id-41 .site-info {display:none}

    🙂

    • Cette réponse a été modifiée le il y a 2 weeks et 3 days par  PhiLyon.
    #2179574
    Flobogo
    Modérateur
    Maître WordPress
    14698 contributions

    Bonjour,

    Si ça a un rapport avec la question : j’avoue ne pas bien comprendre la distinction entre home page et landing page.

    Oui, ça a un rapport : une  extension de « landing page » (ou « splash page « ) vous permettra justement de faire ce que vous voulez. C’est une sorte de page intermédiaire, avant d’entrer sur le site.  Elle peut donc être sans en-tête, sans pied de page,etc…

    Vous en trouverez là : https://wordpress.org/plugins/search/splash+page/

     

    #2181123
    klamk
    Participant
    Initié WordPress
    44 contributions

    Bonjour,

    Merci beaucoup pour vos conseils. Je vous donne des nouvelles.

    #2186127
    klamk
    Participant
    Initié WordPress
    44 contributions

    J’ai choisi de construire une landing page. En effet il ne s’agissait pas seulement de ne pas afficher l’en-tête et le pied de page, ce qui laisse quand même leur emplacement, au moins de l’en-tête. Avec la landing page, je pars d’une page vierge.
    Après plusieurs essais de plugins, j’ai choisi Elementor, faute d’avoir trouvé un plugin spécialisé satisfaisant.
    Après une période d’apprentissage, j’ai construit mes deux pages comme je le voulais. Mais le côté « full screen » de l’une d’entre elles est instable, d’où un post sur le forum des extensions.
    J’espère obtenir une solution pour pouvoir enfin terminer le site.
    Merci en tout cas pour votre aide.

    #2186148
    Flobogo
    Modérateur
    Maître WordPress
    14698 contributions

    Je n’utilise pas Elementor, donc je ne pourrais pas vous répondre. Mais comme vous avez ouvert un nouveau sujet (c’est ce qu’il faut faire : un sujet par problème), vous devriez avoir des réponses là-bas.

    #2189947
    klamk
    Participant
    Initié WordPress
    44 contributions

    problème réglé (cf ce sujet)

    encore merci à vous deux

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