php - Wordpress のナビゲーション バーをカスタマイズする

Question

サイト メニューをカスタマイズするのに助けが必要です。まず私のサイトをご覧ください http://f.coupleshops.com/

上部にナビゲーション バーが表示されます (シェフ、ペストリーなど)

境界線を追加するだけです。ナビゲーション バーの上下の境界線。ここの例を参照してください http://www.frankiepress.com.au/shop/

CSSファイルで遊ぶ方法を知っている人はいますか?

Answer 1

Web サイトのこのcss ファイル (stylesheet.min.css という名前の css ファイル)の "header_top_outer" という名前のクラスに次の 2 行を追加するだけです。

border-bottom:1px #000 solid;
border-top:1px #000 solid;

ファイルパス:wp-content/themes/lamaison1/css/stylesheet.min.css

Answer 2

メニューを表示するためにwp_nav_menu()を使用したと仮定します。wp_nav_menu() では、使用できるさまざまなパラメーターがあります。その 1 つのパラメーターは「menu_class」で、メニューの <ul> にクラス名を付けることができます。

例：

         <?php wp_nav_menu(array("menu_class"=>"navigation"));?>

上記の関数は、CSS クラスを <ul> に割り当てるのに役立ちます。CSSファイルに次のように書くだけです

==========================CSSファイル=====================

.navigation{border-bottom:1px #000 solid; border-top:1px #000 solid;} または

.navigation a{border-bottom:1px #000 solid; border-top:1px #000 solid;}

要件に応じて、必要に応じて上記のクラスに他の CSS を追加してください。