Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 特定の固定ページのみヘッダー画像の変更とナビゲーションを非表示にする方法
-
投稿者投稿
-
-
2017年11月15日 9:15 AM #56879
ミッチェル
ゲストいつもお世話になっております。
該当する質問を見つけきれなかったためご質問をさせてください。
特定の固定ページのみヘッダー画像を変更したり、ヘッダー下部のナビゲーションを非表示を行いたいと考えております。
特定の固定ページをヘッダーと本文のみにしてLP風に使えればと考えております。
どうぞ皆様のアドバイスをいただければ幸いでございます。
何卒よろしくお願い申し上げます。 -
2017年11月15日 10:12 AM #56881
koiitirou2
ゲスト#page-id-66 header{display:none;}
をstyle.cssに書き込めばいけるようにおもいます。
ページのソースを表示 > page-id-xx か postidxx を検索して数字を探してみてください。
-
2017年11月15日 10:24 AM #56883
koiitirou2
ゲスト#page-id-66 div#footer-mobile-buttons, #page-id-66 header{display:none;}
下のモバイルメニューは<div id=”footer-mobile-buttons”>となっています
-
2017年11月15日 3:27 PM #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画像を指定している場合はどんな挙動になるか不明です❦ -
2017年11月15日 3:34 PM #56887
かうたっく
ゲストローカルで成功したら、子テーマフォルダ内にアップロードしておくと、アップデートで上書きされません。とだけ^^
(public_html/)wp-content/themes/simplicity2-childフォルダ内にheader-logo.phpをアップロード -
2017年11月15日 5:26 PM #56888
ミッチェル
ゲストkoiitirou2様
かうたっく様早速のアドバイス誠にありがとうございます。
ヘッダーはロゴ画像ではなく背景でid=”h-top”の背景になる形にしております。ロゴとディスクリプションは透過で消しております。
説明が不足しており大変申し訳ございません。上記のやり方の場合、何か適切な方法や既存の機能で補うことはできますでしょうか?
重ね重ねの質問で恐れ入りますがどうぞよろしくお願い申し上げます。
-
2017年11月15日 6:36 PM #56891
わいひらキーマスターよかったら、カスタマイズ対象ページのURLを提示していただいてよろしいでしょうか。
でしたら、そのページに合わせてCSSコードを書きますよ。
上記のようなカスタマイズ内容でしたら多分koiitirou2さんが書かれているようなCSSだけでできると思います。 -
2017年11月16日 9:10 PM #56914
ミッチェル
ゲストわいひら様
ご回答、誠にありがとうございます。
また、ご返信が遅れ申し訳ありません。お客様の関係でURLの公開は難しいのですが、該当ページのソースを確認いたしましたところ、「page-id-458」とありました。
URLのご提示ができず申し訳ございません。
コチラの情報だけではやはり難しいでしょうか?
重ね重ねの質問で恐縮ですが何卒よろしくお願い申し上げます。
-
2017年11月16日 10:39 PM #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ナビいっぱいにヘッダーの画像表示させます。
上記リンク先で引用の文字の一部を「ページ内検索」すればスタイルが表示されるので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ファイルを触らなくても表示できそう。というか『できなく』ないかもしれません。試してませんが^^; -
2017年11月17日 11:16 PM #56954
わいひらキーマスター提示できない場合は、同様のヘッダーの設定状態になっている他サイトでもいいですよ。
いずれにせよ、#page-id-458のCSSセレクタを利用して、背景画像のURLを変更すればできるかと思います。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。