ナビゲーションを上部に
-
twenty seventeenなんですが、
ナビゲーション(メニュー?)を最初から上にある状態にしたいのですが、
どなたかわかる方おりますでしょうか?このように
https://drive.google.com/file/d/1crQqGg-9xYFv3PlUu4NTu5Wl5bBMyLlk/viewよろしくお願い致します。
-
このトピックは
hachikumaが6年、 1ヶ月前に変更しました。
ヘルプの必要なページ: [リンクを見るにはログイン]
-
このトピックは
-
ご返答ありがとうございます。
ヘッダー画像というのでしょうか、大きな画像は残したままでメニューバーだけ上に配置したいのです。
よろしくお願い致します。横から失礼します。
実験がてらやってみました。
①できれば子テーマを作成する(CSSの読み込みは親テーマ→子テーマが望ましい)
②header.phpの31行目以下を編集(子テーマを作成した場合は子テーマにコピーしてから編集)
【編集前】<?php get_template_part( 'template-parts/header/header', 'image' ); ?> <?php if ( has_nav_menu( 'top' ) ) : ?> <div class="navigation-top"> <div class="wrap"> <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> </div><!-- .wrap --> </div><!-- .navigation-top --> <?php endif; ?>
【編集後】
<?php if ( has_nav_menu( 'top' ) ) : ?> <div class="navigation-top"> <div class="wrap"> <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> </div><!-- .wrap --> </div><!-- .navigation-top --> <?php endif; ?> <?php get_template_part( 'template-parts/header/header', 'image' ); ?>
③WPのダッシュボード→外観→カスタマイズ→追加CSSに以下のコードを追加
(子テーマでもOKだがこちらのほうが簡単)
@media screen and (min-width: 48em){ .navigation-top { position: relative; } }
上記の変更だとモバイルメニューが表示されなくなるので取り消しました。
WPのダッシュボード→外観→カスタマイズ→追加CSSに以下のコードを追加すればOKです。
この場合スマホではヘッダ画像の下にメニューが表示されます。@media screen and (min-width: 48em){ .navigation-top { top:0; bottom:inherit; } }
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。理由: 誤り訂正
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
思った以上に複雑だったので、以前の投稿は無視してください。
①できれば子テーマを作成する
(CSSの読み込み順は親テーマ→子テーマが望ましい)②header.phpの31行目以下を編集
(子テーマを作成した場合は子テーマにコピーしてから編集)【編集前】
<?php get_template_part( 'template-parts/header/header', 'image' ); ?> <?php if ( has_nav_menu( 'top' ) ) : ?> <div class="navigation-top"> <div class="wrap"> <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> </div><!-- .wrap --> </div><!-- .navigation-top --> <?php endif; ?>
【編集後】
<?php if ( has_nav_menu( 'top' ) ) : ?> <div class="navigation-top"> <div class="wrap"> <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?> </div><!-- .wrap --> </div><!-- .navigation-top --> <?php endif; ?> <?php get_template_part( 'template-parts/header/header', 'image' ); ?>
③WPのダッシュボード→外観→カスタマイズ→追加CSSに以下のコードを追加
(CSSの読み込み順が親テーマ→子テーマの場合子テーマでもOK)@media screen and (min-width: 48em){ .navigation-top { position: relative; } } .navigation-top { z-index:9999; }
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
-
この返信は6年、 1ヶ月前に
DRILL LANCERが編集しました。
RICKさん、もう1点質問を投稿したのですが、
こちらもおわかりになればご解答頂けないでしょうか?
↓↓wordpress テーマ「sydney」のメニューの背景を変えたいと思っています。
このように
https://drive.google.com/open?id=1crQqGg-9xYFv3PlUu4NTu5Wl5bBMyLlkスタート時点だとメニューやロゴが黒字の場合、画像が暗かったりすると見づらいのです。
標準だとスクロールすると白い透かしの背景に変化するのですが、最初からうっすらとした白い透かしがあればいいなぁと思っています。どなたかそのような方法を教えて頂けないでしょうか?
宜しくお願い致します。このトピックの問題はもう解決したようなので解決済みにしてください。
次の質問には気が向いたときに回答させていただきます。 -
この返信は6年、 1ヶ月前に
- トピック「ナビゲーションを上部に」には新たに返信することはできません。