サポート » 使い方全般 » ページ上部の空きスペースを無くしたい

  • 解決済 megumiiuchi19920715

    (@megumiiuchi19920715)


    Wordpress nineteen seventeenを使っています。
    ページ上部の部分にnineteen seventeenのデフォルトイメージを出さないようにしてもまだ、以下リンクする写真のように大きな空きができてしまいます。
    https://drive.google.com/file/d/1KrvMiZA3h91xomx3wbeRq8NCIq9hR2ux/view?usp=sharing
    いろいろと試してみたのですがこの空きを無くすことができません。

    どなたかこの空きを無くす方法をご存知の方がいましたらアドバイス頂けないでしょうか?
    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • CG

    (@du-bist-der-lenz)

    「nineteen seventeen」がわからないので、コードがどうなっているか想像もつきませんが、、、「デフォルトイメージを出さないようにした」というのは、ヘッダー画像を非表示にしたというだけでしょうか。その方法もわかっていませんが、get_header_image();を条件で分岐させてはどうでしょう。

    トピック投稿者 megumiiuchi19920715

    (@megumiiuchi19920715)

    ご連絡ありがとうございます。
    おっしゃる通り、ヘッダー画像を非表示にしたということです。
    ただ、非表示にしてもまだ空きがあるので、その空きをすべて無くしたいのです。
    イメージが無くても結構大きな空きができてしまうので、素人ながら恐縮ですが
    get_header_imageで条件を分岐したとしても、問題の空きが無くなるとは思えないのですが。

    トピック投稿者 megumiiuchi19920715

    (@megumiiuchi19920715)

    スミマセン、Twenty Seventeenの間違えでした(nineteen seventeenではありません)。
    大変申し訳ありません。
    そのうえで再度質問させてくださいませ。
    下記のイメージのようにホームページ上部に大きな空きができてしまいます。
    https://drive.google.com/file/d/1KrvMiZA3h91xomx3wbeRq8NCIq9hR2ux/view?usp=sharing

    この空きをできる限り狭めたいのですがどのようにすれば良いかもしお分かりになるようでしたらばアドバイス頂けないでしょうか?
    なにとぞ、宜しくお願いいたします。

    CG

    (@du-bist-der-lenz)

    「Twenty Seventeen」でしたら、話は早いです。問題のサイトを提示してもらうのが判断しやすいのですが、該当箇所のコードを書いてもらうのでも判断しやすいです。ヘッダー画像を非表示にした手順もわかりませんが、「Twenty Seventeen」テーマをカスタマイズしていない状態でを前提とした、アドバイスとしては。ヘッダー部分は「投稿」「固定ページ」「フロントページ」を条件分岐しています。get_theme_support()で初期設定されるtwentyseventeen_custom_header_argsでコントロールされています。ヘッダー画像にサイトのタイトルや説明を重ねて配置しているので、画像をなしにしても領域は残るのでしょう。
    フロントページのカスタムヘッダーはWordPress 4.7から動画にも対応するようになりました。そのため関数の作りや名前が若干異なり、画像はhas_header_image()で設定されているかチェックできます。画像がセットされているか、動画がセットされているかを判断し、設定された動画の表示には必要なスクリプトを自動的に読み込んでHTMLタグを出力してくれるthe_custom_header_markup()を使います。

    こんにちは

    一番上のグレーのところと、その下のメニュー用のところは分かりますが、それにしたは幅が広い気もします。

    グレーのところとメニュー用のところを非表示にしたいのであれば、
    「外観」→「カスタマイズ」→「追加CSS」
    のCSS記述欄に書きを書いて公開してみてください。

    #masthead {
    	display: none;
    }
    
    #content {
    	padding-top: 0;
    }
    トピック投稿者 megumiiuchi19920715

    (@megumiiuchi19920715)

    munyagu さま

    ありがとうございます!
    私の不十分だと思われる情報から的確なアドバイスを頂き心より感謝しています。
    お陰様で100%私のしたいことができました。
    短時間で私の問題を理解してくださり、かつ要点だけを回答頂き、大変感謝しております。
    本当にありがとうございました!

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「ページ上部の空きスペースを無くしたい」には新たに返信することはできません。