トップバー/ヘッダー/メインナビゲーションリンクを1ページから削除

私はランディングページを作成していますが、このページとこのページのみからトップバーとヘッダー/メインナビゲーションリンクを削除したいと思います。トップバー/ヘッダー/メインナビゲーションリンクを1ページから削除

現在、私はそれを削除するには、このCSSコードを使用します。

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

しかし、それはヘッダの代わりに大きな空白スペースを残します。理想的には、この空白が削除され、大きな背景画像がページの最上部に移動します。

次の違いを説明します。ここで、URLに追加されたテストページには、ヘッダーを削除するCSSがあります。元のURLにはヘッダーを削除するコードはありません。

この空白とヘッダー/トップバーを削除するコードを変更するにはどうすればよいですか？

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

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

出典

2017-08-09 csterling

この問題をあなたの疑問を示すHTMLとCSSの例を追加してください。問題がリモートサイトで修正されても問題は解決されません。 – Don

WordPressで何かが正しく設定されていないことを知らせてくれます。あなたのサイトにアクセスしようとすると自動的に（管理者権限で）あなたにサインインされました。それを調べたいかもしれません。 –

コンテンツエリアラッパーに余白があり、空白が発生します。おそらく、このサーバー側を解決する方が良いでしょう。つまり、必要なものを具体的にテンプレートを準備してください。 – Chasevanb

最終的に解決策が見つかりました。それは少しの回避策ですが、それにもかかわらずうまくいきました。

私が見つけた解決策は、ヘッダー、フッター、またはサイドバーがないページテンプレート（「ランディングページ」など）を作成することでした。これは、ビジュアルコンポーザーのようなページデザイナーを使用すると空白のキャンバス上にデザインすることができ、ランディングページを作成するのに最適な空白のページになります。

は私が this tutorialからの手順に従っても問題と他の誰のためにそれらをここに掲載します：

1）新しいPHPファイル 2を作成します）、このコードを貼り付け

<?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）のアップロードあなたのWordpressのインスタンスをホストしているサーバーにphpファイル。場所はテーマディレクトリにする必要があります。このような../ wp-content/themes/YourThemeName

私が理解しているように、通常は推奨されるプロトコルである子テーマを使用すると、うまくいきました。

4）Wordpress管理コンソールにログオンし、新しいページを作成するときは、新しく追加したテンプレートをオプションとして探します。

出典

2017-08-10 18:54:00 csterling

あなたcontent-areaクラスは133pxのtop-marginています。あなたがaltogtherヘッダを削除している場合、あなたはこの

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

のようなトップマージンを削除することができるはずです。このインスタンスのカップルは、CSSファイル内のさまざまな@mediaクエリであるように見えます。だから、それぞれのインスタンスを見つける必要があります。

また、私があなたのサイトにアクセスしたときのコメントのObsidianのコメントには、管理者権限でログインしていたので、できるだけ早くこれを変更してください。希望が役立ちます。

出典

2017-08-09 23:21:40 crazymatt

このコードをページのCSSに追加しましたが、修正しませんでした。私は ".vc_custom_1502310592874"というCSSの要素を見つけました。そして、それは-100pxのトップマージン値を持っています。 200ピクセルに変更すると、背景画像がページ上で少し上に移動しますが、完全には消えません。その背景要素を分離して0になるようにすることはできません。 – csterling

管理者バーを無効にする必要があります。プロフィールに移動し、のチェックボックスをオフにして、のツールバーを表示します。

ログインしたすべてのユーザーの管理者バーを完全に無効にする場合は、このコードをテーマのfunctions.phpファイルに挿入します。

function remove_admin_login_header() { 
    remove_action('wp_head', '_admin_bar_bump_cb'); 
} 
add_action('get_header', 'remove_admin_login_header');

もう1つの方法は、フィルタを使用して、すべてのログインしているユーザーに対して完全に無効にすることです。

add_filter('show_admin_bar', '__return_false');

出典

2017-08-10 01:54:44

管理バーの問題を解決していただきありがとうございます。それはあなたにまだ利用可能ですか？ – csterling

トップバー/ヘッダー/メインナビゲーションリンクを1ページから削除

答えて

関連する問題