ページの読み込み時にメニュー要素を太字にし、クリック時に別のメニュー要素を太字にする、WordPress での操作方法は次のとおりです。

Question

長い間検索しましたが、良い解決策が見つかりませんでした。 サイトに入ったときにメニュー項目 DE を太字にしたいのですが、EN をクリックすると DE が細字に戻り、EN が太字にしたいと考えています。

ウェブサイトは: https://kxplaw.live-website.com

現在、current-menu-item クラスの要素は太字で表示されていますが、最初にページを開いたときの要素はこれに含まれていません。

JavaScript を使用してみましたが、どうやって機能させるのかよくわかりません。

Answer 1

「外観 -> メニュー」 に移動し、右上隅の 「画面オプション」 をクリックします。次に (チェックされていない場合)、CSS クラス オプションをチェックし、各メニュー項目 CSS クラス (オプション) および EN および DE に新しいフィールドを追加します。 クラス menu- language を追加します。

DE のみ クラス lang-DE を追加

EN のみ クラス lang-EN を追加します

クリックイベントに追加されました

リーリー

選択した言語がすべてのページで太字になります。