特定の固定ページのみヘッダー画像の変更とナビゲーションを非表示にする方法

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 特定の固定ページのみヘッダー画像の変更とナビゲーションを非表示にする方法

9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #56879
      ミッチェル
      ゲスト

      いつもお世話になっております。

      該当する質問を見つけきれなかったためご質問をさせてください。

      特定の固定ページのみヘッダー画像を変更したり、ヘッダー下部のナビゲーションを非表示を行いたいと考えております。

      特定の固定ページをヘッダーと本文のみにしてLP風に使えればと考えております。

      どうぞ皆様のアドバイスをいただければ幸いでございます。
      何卒よろしくお願い申し上げます。

    • #56881
      koiitirou2
      ゲスト

      #page-id-66 header{display:none;}

      をstyle.cssに書き込めばいけるようにおもいます。

      ページのソースを表示 > page-id-xx か postidxx を検索して数字を探してみてください。

    • #56883
      koiitirou2
      ゲスト

      #page-id-66 div#footer-mobile-buttons, #page-id-66 header{display:none;}

      下のモバイルメニューは<div id=”footer-mobile-buttons”>となっています

    • #56886
      かうたっく
      ゲスト

      画像を『ロゴにしている場合』ですけど、

      <?php if ( get_header_logo_url() )://ヘッダーロゴを画像が設定されている場合
          $logo_url = ( get_header_logo_url() ? get_header_logo_url() : get_stylesheet_directory_uri().'/images/logo.png' );//ロゴ画像の取得
          $site_title = '<a href="'.home_url('/').'"><img src="'.$logo_url.'" alt="'.get_bloginfo('name').'" class="site-title-img" /></a>';
        else://ロゴがテキストの場合(デフォルト)
          $site_title = '<a href="'.home_url('/').'">'.get_bloginfo('name').'</a>';
        endif;
      ?>

      Simplicity2: header-logo.phpの上記を以下のように変更してください。

      <?php if ( is_page() ):
          $site_title = '<a href="'.home_url('/').'"><img src="画像のパス" alt="'.get_bloginfo('name').'" class="site-title-img" /></a>';
        else:
          $logo_url = ( get_header_logo_url() ? get_header_logo_url() : get_stylesheet_directory_uri().'/images/logo.png' );//ロゴ画像の取得
          $site_title = '<a href="'.home_url('/').'"><img src="'.$logo_url.'" alt="'.get_bloginfo('name').'" class="site-title-img" /></a>';
        endif;
      ?>

      src="画像のパス"画像のパスは画像のURLをコピペして入れる感じです。

      複数の固定ページを指定する時はis_page()この部分をis_page( array( id, id ) )idには固定ページのIDを入れてください。

      ※id確認方法は固定ページをひらいて、post.php?post=701&action=editこの場合701です。

      ※念の為ローカルなどでカスタマイズして成功したら、コピペしてくださいね。
      ※自分がheaderにロゴを使っているので、ロゴの場合こんな感じでカスタマイズした事があります。header画像を指定している場合はどんな挙動になるか不明です❦

    • #56887
      かうたっく
      ゲスト

      ローカルで成功したら、子テーマフォルダ内にアップロードしておくと、アップデートで上書きされません。とだけ^^
      (public_html/)wp-content/themes/simplicity2-childフォルダ内にheader-logo.phpをアップロード

    • #56888
      ミッチェル
      ゲスト

      koiitirou2様
      かうたっく様

      早速のアドバイス誠にありがとうございます。

      ヘッダーはロゴ画像ではなく背景でid=”h-top”の背景になる形にしております。ロゴとディスクリプションは透過で消しております。
      説明が不足しており大変申し訳ございません。

      上記のやり方の場合、何か適切な方法や既存の機能で補うことはできますでしょうか?

      重ね重ねの質問で恐れ入りますがどうぞよろしくお願い申し上げます。

    • #56891
      アバター画像わいひら
      キーマスター

      よかったら、カスタマイズ対象ページのURLを提示していただいてよろしいでしょうか。
      でしたら、そのページに合わせてCSSコードを書きますよ。
      上記のようなカスタマイズ内容でしたら多分koiitirou2さんが書かれているようなCSSだけでできると思います。

    • #56914
      ミッチェル
      ゲスト

      わいひら様

      ご回答、誠にありがとうございます。
      また、ご返信が遅れ申し訳ありません。

      お客様の関係でURLの公開は難しいのですが、該当ページのソースを確認いたしましたところ、「page-id-458」とありました。

      URLのご提示ができず申し訳ございません。

      コチラの情報だけではやはり難しいでしょうか?

      重ね重ねの質問で恐縮ですが何卒よろしくお願い申し上げます。

    • #56916
      かうたっく
      ゲスト
      .page-id-458 .site-title-img {
      	display: none;
      }

      class指定としましたけど、もしid指定でしたら#page-id-458にすれば非表示になります。該当ページのヘッダー画像を消すCSSです。

      ちなみに。

      ヘッダーはロゴ画像ではなく背景でid=”h-top”の背景になる形にしております。ロゴとディスクリプションは透過で消しております。

      ・ロゴとディスクリプションとありますが、サイトタイトルとディスクリプションを消しているってことでしょうか。
      ・且つ、PCの超大画面でヘッダー画像を目いっぱいに表示させる設定をしていない

      これが前提でしたら、
      1・ロゴ画像に今の画像を設定後
      2・メインとサイドいっぱいにヘッダー画像を表示させるようスタイルを追加すれば『サイトタイトル・ディスクリプションをCSSで消す必要もなく』クリアになると思います。

      上述の見出し『ロゴ画像』を設定したとき1070pxのヘッダー画像の表示設定をして、CSSでコンテンツ部分やPCナビいっぱいにヘッダーの画像表示させます。

      https://bibabosi-rizumu.com/simplicity-customizer/

      上記リンク先で引用の文字の一部を「ページ内検索」すればスタイルが表示されるのでCSSにコピペ。それから。

      3・header-logo.phpは上記のようにカスタマイズ
      4・header-logo.phpのサイト概要を丸々削除

      <!-- サイトの概要 -->
      <?php //サイトの概要 ?>
      <?php $site_description = get_bloginfo('description'); ?>
      <?php if ( is_home() ): ?>
      <h2 id="site-description">
        <?php echo $site_description ?>
      </h2>
      <?php else: ?>
      <p id="site-description">
        <?php echo $site_description ?>
      </p>
      <?php endif ?>

      このように一応書きましたが。
      わいひらさんの言うように特定ページのヘッダー画像をCSSで非表示にしてから、新規ヘッダー画像を指定すれば、PHPファイルを触らなくても表示できそう。というか『できなく』ないかもしれません。試してませんが^^;

    • #56954
      アバター画像わいひら
      キーマスター

      提示できない場合は、同様のヘッダーの設定状態になっている他サイトでもいいですよ。
      いずれにせよ、#page-id-458のCSSセレクタを利用して、背景画像のURLを変更すればできるかと思います。

9件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)