Je crée une page de destination et je souhaite supprimer la barre supérieure et les liens de navigation principale / en-tête de cette page, et de cette page uniquement.

Actuellement, j'utilise ce code CSS pour le supprimer:

.top-headers-wrapper{display:none;}

Cependant, il laisse un grand espace blanc vide à la place de l'en-tête. Idéalement, cet espace blanc serait supprimé et la grande image d'arrière-plan irait jusqu'au haut de la page.

J'illustre la différence ci-dessous, où la page avec -test ajouté à l'URL a le CSS pour supprimer l'en-tête. L'URL d'origine n'a pas le code pour supprimer l'en-tête.

Comment puis-je modifier le code pour supprimer cet espace blanc ainsi que l'en-tête / la barre supérieure?

https://www.californiabeardco.com/summer-giveaway/

https://www.californiabeardco.com/summer-giveaway-test/

0
csterling 10 août 2017 à 00:46

2 réponses

Meilleure réponse

En fin de compte, j'ai trouvé une solution. C'est un peu une solution de contournement, mais cela a quand même fonctionné.

La solution que j'ai trouvée consistait à créer un modèle de page (par exemple, "Page de destination") sans en-tête, pied de page ou barre latérale. Il en résulte une page vierge qui, lorsque j'utilise un concepteur de page comme Visual Composer, me permet de concevoir sur une toile vierge, parfaite pour créer une page de destination.

J'ai suivi les étapes de ce tutoriel mais les publiera ici pour toute autre personne ayant le problème:

1) créer un nouveau fichier php 2) coller ce code

<?php
/**
 * Template Name: Clean Page
 * This template will only display the content you entered in the page editor
 */
?>

<html <?php language_attributes(); ?> class="no-js">
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php wp_head(); ?>
</head>
<body>
<?php
    while ( have_posts() ) : the_post();   
        the_content();
    endwhile;
?>
<?php wp_footer(); ?>
</body>
</html>

3) Téléchargez le fichier php sur le serveur hébergeant votre instance Wordpress. L'emplacement doit être votre répertoire de thèmes. Quelque chose comme ../wp-content/themes/YourThemeName

J'ai ajouté le fichier php à mon thème enfant qui a bien fonctionné, si vous utilisez un thème enfant, qui est généralement le protocole recommandé tel que je le comprends.

4) Connectez-vous à la console d'administration Wordpress et lorsque vous créez une nouvelle page, recherchez votre modèle nouvellement ajouté en option.

0
csterling 10 août 2017 à 18:54

Votre classe content-area a un top-margin de 133px. Si vous supprimez complètement l'en-tête, vous devriez pouvoir supprimer la marge du haut comme ceci

#page_wrapper.transparent_header .content-area {
  top-margin: 0;
}

Il semble qu'il y ait quelques exemples de cela dans les diverses requêtes @media du fichier CSS. Vous devrez donc trouver chaque instance.

Aussi, comme le mentionne Obsidian dans les commentaires, lorsque j'accède à votre site, j'étais connecté avec des privilèges d'administrateur, vous devriez changer cela dès que possible. J'espère que cela pourra aider.

0
crazymatt 9 août 2017 à 23:21