ハンバーガーメニューでアイテムを非表示にする

[attj]

ハンバーガーメニューのタグなどの項目を削除したいです。

似たような記事で、CSSで可能だと見ました: How can I disable "About" menu in hamburger menu?

しかし、このCSSをプラグインのどこに配置すればよいか分かりません。

[Don]

こんにちは。

これには新しいコンポーネントを作成する必要があります。

1. /admin/customize/themes/ に移動します。
   カスタマイズ → テーマ

2. コンポーネント タブをクリックし、次に インストール ボタンをクリックします。

3. ポップアップウィンドウで 新規作成 ボタンをクリックし、新しいコンポーネント名を入力します。
   

   

4. 作成 ボタンをクリックします。

5. コンポーネントが作成されました。次に、アクティブにしたいテーマを選択します。
   

   

6. 次に CSS/HTMLの編集 ボタンをクリックします。
   

   

7. 次に 共通 タブをクリックし、以下のコードを CSS セクションに貼り付けます。
   

   

   ここでは title 属性もターゲットにできますが、href をターゲットにする方が良いでしょう。なぜなら href は固定されており、title は言語によって異なるため、理想的ではないからです。

   .menu-panel li a.widget-link {
     &[href="/tags"] {
       display: none;
     }
   }
   

   この例では タグ を非表示にしていますが、以下のコードに従ってさらに項目を追加できます。

   これにより、タグ と バッジ が非表示になります。

   .menu-panel li a.widget-link {
     &[href="/tags"],
     &[href="/badges"] {
       display: none;
     }
   }
   

   保存をクリックします。完了です！

[attj]

この回答から多くのことを学びました。本当にありがとうございます！