モバイルでの左側ハンバーガーメニュー

以前、フル高さのスライドアウトハンバーガーメニュー の作業を行ってから、ハンバーガーメニューが右側にあるにもかかわらず、メニューが側から開くという点を見落とし、一部混乱を招いていました。ヘッダーのレイアウトを変更したい方のために、このテーマコンポーネントを用意しました:

モバイルメニューが画面の左上に表示されると、片手での操作がしにくいため、これは独立したテーマコンポーネントとして提供しています。選択肢は大切です。

「いいね!」 38

とても素敵です。メニューアイコンが左にある場合、ロゴをバーの中央に配置するオプションを追加して、コンポーネントを拡張することは可能でしょうか?UX の観点から考えると、それが最も論理的な方法だと思います。

「いいね!」 4

もちろんです、ロゴをより中央に配置するためのテーマオプションを追加しました。お楽しみください! :slight_smile:

Screenshot from 2020-09-21 09-56-45

「いいね!」 9

デスクトップ版でもカスタマイズすることは可能でしょうか?

テーマコンポーネントをありがとう、@featheredtoast

「いいね!」 1

この特定のテーマコンポーネントについては、デスクトップ版は対象外と考えるのが妥当です。

もしデスクトップ版でも同様のことを行いたい場合は、ここで私が使用した手法を別のテーマで採用すれば、要素の再配置もそれほど難しくありません。何か具体的なアイデアがあるようであれば、ぜひお試しください。

「いいね!」 2

返信ありがとうございます :slight_smile: 私には自分で作るスキルはありませんが、多分自分で習うべきなのでしょう :wink:

タブレットでのみ有効にできますか?そのUXはタブレットには非常に適していますが、モバイル(多くの人が片手でスマートフォンを使用している)にはそれほど適していません。

最近このコンポーネントにバグがあり、有効にするとすべてがずれてしまいます。どうすれば修正できますか?
image

「いいね!」 1

これは機能しません。ハンバーガーボタンはデスクトップでは既に左上にありますが、コアコードでモバイルUIでも同様にすることは可能でしょうか?もし不可能であれば、このようなデザインの統一を妨げている理由は何でしょうか?

「いいね!」 1

このテーマコンポーネントが現在機能していないという報告がいくつかあったため、#:broken: タグを追加しました。:+1:

「いいね!」 1

OPに記載されているとおり:

片手での操作性を考慮して、モバイルのメニューは同じ側に配置されています。

指摘していただきありがとうございます。確かに見落としていました。理解しました。しかし、設定可能にすることはできますか?
アイデアとしては、比較的サイズの小さいスマートフォン(例:Pixel 7)をお使いのユーザーは、リーチの問題がなく、左からメニューが表示されるのは非常に不自然な場合があります。もし何かが隅に表示される必要があるなら、なぜそれをメニューボタン(現在はホームページにリンクするサイトロゴ)に設定できないのでしょうか?

これが修正される時期または修正されるかどうかについて、何かニュースはありますか?

遅れて申し訳ありません。@benji がこの修正を提出しました。他に問題があればお知らせください。

「いいね!」 2

@featheredtoast@benji、ありがとうございます!

試してみましたが、残念ながら、インストールされている別のテーマコンポーネントとうまく連携していないようです。

スクリーンショットをご覧ください(チャットアイコンが2行目に移動しています)。

「Left side hamburger menu on mobile」テーマコンポーネントを無効にした場合の表示はこちらです。

お役に立てば幸いです!

「いいね!」 2

これは役に立ちます。ありがとうございます!今日はこれで終わりですが、月曜日に確認するように自分にメモしておきます。何が起こっているのかわかったと思います。

「いいね!」 3

ハッピーマンデー、@Robin.Grant!これらのスクリーンショットは、「左側」テーマのアップデートをダウンロードした後に撮影されたもので間違いないか確認したかったのです。現在、ローカルで再現しようとしています。

「いいね!」 1

はい - 100%

「いいね!」 1

これを修正しました。@benji さん、ありがとうございました。

@Robin.Grant さん、試してみてください。

「いいね!」 3