2017-10-22 2 views
0

私は、ブートストラップを使用してHTMLでウェブサイト上で作業していましたが、ワードプレスに転送してカスタムテーマを作っています。ハードコーディングされたメニューをワードプレスに転送してスタイルを適用する

私はワードプレス管理パネルを使ってページとメニューを作ったので、今では自分のスタイルをそのメニューに追加したいと思っています。コードは次のとおりです:

すべてのクラスをインポートした後、私はULブロック全体を削除し、wordpressからメニューを残す必要があります。

'menu-class' => 'navbar-nav'を使用してULクラスにアクセスできますが、他のクラス(マスク、nav-item、右枠、アクティブ、nav-link)にアクセスする方法はわかりません、sr-only)、そしてこの現在の状態をちょうどこのLIブロックに適用する方法(この後、同じLIブロックが繰り返されていますが、最初のブロックがアクティブです)。

+0

関数wp_nav_menuのドキュメントを参照してください。https://developer.wordpress.org/reference/functions/wp_nav_menu/ –

+0

wp_nav_menu()関数を使用することはできません。 。 私の知る限り。 –

+0

[WP Bootstrap Navwalker](https://github.com/wp-bootstrap/wp-bootstrap-navwalker)をご覧ください。それは本当に素晴らしいです。 – grusl83

答えて

0

私は実際に自分で答えを見つけることができました。 wp_nav_menu()関数を使用すると、メニューが生成されます。私は、だから、私はワードプレスで行われたすべてのページを引っ張ってくる

「theme_location」=>「主」

とそれを接続します。その後、私がする必要があるのは、ページを開いてページを調べることだけです。インスペクタでは、関数が生成するすべてのタグが表示され、それらのタグにはそれぞれ独自の設定でジェネリッククラスが割り当てられています。だから私はちょうどそれらのクラスの1つを使用して、メニューをどのように見えるかを変更する自分のスタイルを追加してカスタマイズすることができます。ここで

は、一例として画像です:

Menu generated by wp_nav_menu() function

ご覧のように、私はそれらのジェネリッククラスのすべてを使用し、ちょうどそれらを編集することができます。

関連する問題