モバイルで上の階層のページを簡単に開く方法


概要


デスクトップ版やWeb版では、ページ左上にこのような階層リンクが常時表示されていますが、モバイルではこれは表示されていません。


ここでは、モバイルで簡単に階層構造を確認したり、上の階層のページへ遷移したりする方法を紹介します。



方法1:トップバーのページ名をタップする 【おすすめ】


モバイルの場合、ページ上(下図赤枠部分)に常時、その時に開いているページのタイトルが表示されています。一見するとただのページ名ですが、タップすることで階層構造を表示することができます。




ページ名をタップすると、以下のように階層リンクが表示されます。任意の階層をタップすることで、そのページを開くことが可能です。



方法2:サイドバーを開いて使う


モバイルの左下にあるこのボタンをタップすると、サイドバーを開くことができます。



サイドバーの使い勝手はデスクトップ版やWeb版と同様で、各ページ名の左端のトグルをクリックすることで階層構造の表示・非表示を切り替えることができます。

階層の最上位から現在地までの直系しか表示されない階層リンクとは異なり、今いるページを含め上下および同列の階層のページを広く可視化することができるのが利点です。




方法3:階層リンク ブロックを使う


トップバーでもサイドバーでもなく、ページ内の任意の箇所からすぐに上の階層へと遷移したい場合、階層リンク ブロックを使うことが可能です。

デスクトップならスラッシュコマンドの /bread 、モバイルなら マークからアドバンストセクションまでスクロールして呼び出します。



デスクトップでは、ページ左上の階層リンクと同様の表示となりますが…



モバイルでは、トップバー同様にその時の現在地であるページ名が表示されるのみとなります。



モバイルだとぱっと見で階層リンクだと判別しにくいのが難点ではありますが、トップバーのページ名同様、タップすることで階層リンクを表示、そこからページ遷移することが可能です。

記事を評価 ありがとうございます! 失敗しました