サイドバーのメニューを複数のブロックに分けて表示させる方法

Tips_機能の拡張 Tips_プチ裏ワザ Tips_iPhone Tips_その他 購入者特典 購入者専用ページ

サイドバーのメニューを複数のブロックに分けて表示させる方法

サンプル画像

あなたも最初はきっと経験があるはず……。

 

シリウスの編集画面でカテゴリーやエントリーページをそのまま何も考えずに作っていくと、
ブラウザで見た時に一つのブロック(枠)で表示されてしまって
「見づらいなぁ」と思ったこと、ないですか?

 

例えばこんな↓編集画面があったとしましょう。

 

キャプチャ画像

 

これをブラウザで見てみると、こんな↓風に一つの大枠の中で全部表示されちゃいます。

 

キャプチャ画像

 

この例は数が少ないのでそうでもないですが、
記事(ページ)が増えてきたら見づらくなるのは目に見えてますよね。

 

そこでカテゴリーごとに複数のブロック(枠)に分けて表示させてみようというのが今回の目的です。

これを応用すると”カテゴリー”以外にも使えます。

当サイトのサイドバーはこのやり方でいくつものブロックに分けて見せています。

 

ブロックごとの分け方

カスタマイズの際の注意点として、元に戻せるようオリジナルファイルのコピーは必ず作ってください。

それでも不安な方はサイトのバックアップを事前に作成しておくと安心です。

 

やり方は至ってシンプル。

 

サイドバーの『メニュー見出しの追加』アイコンをクリックし、適当な見出しをつけます。

 

キャプチャ画像

 

作成した見出しに、ブロック分けしたいグループをドラッグ&ドロップします。
(見出し自体をドラッグするとうまくいかないことが多いです)

 

キャプチャ画像

 

これをブラウザで見ると、、、ブロック分けされて見やすくなりましたね。

 

キャプチャ画像

 

以上です。

購入ページへ


TOPへ戻る