管理ドロップダウンのカスタマイズ

開発
1

こんにちは、

お手伝いできる方がいらっしゃるかと思い、ご連絡しました。少し堂々巡りになってしまっています。管理者パネルをカスタムデザインに変更する方法をご存知でしょうか？私の意図しているところは、添付したスクリーンショットをご覧ください。

image
image473×692 50.5 KB

2

ユーザーパネルも同様です。これも変更する必要がありますが、よろしいでしょうか？

image
image428×265 10.3 KB

3

この問題への対策として、CSS でメニューを非表示にし、その後以下のようにメニューを作成しました：

  const h = require("virtual-dom").h;
  const headerIcons = [];
  const userIcon = []

  headerIcons.push(
    h(
      "a.toggle-hamburger-menu",
      {
        href: "#"
      },
      h(
        "svg.hamburger"
      )
    )
  );


  api.decorateWidget('header-icons:before', helper => {
    return helper.h('li.hamburger-toggle',headerIcons);
  });

今後誰かがこの情報が必要になる場合に備えて共有します。