SIRIUS(シリウス)のサブメニューをサイドバー最上部に表示させる方法

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

「サブメニュー」をサイドバー最上部に表示させる方法

サンプル画像

 

SIRIUS(シリウス)にはサブメニューという機能があります。

 

そのまま作ると
メインメニュー(サイドメニュー)カテゴリー一覧の下に配置されます。

 

こんな↓感じですね。

 

キャプチャ画像

 

ここに例えばテキストではなく
画像を使ったインパクトのあるメニューを作ったとします。(こちら↓はサンプル画像です)

 

キャプチャ画像

 

しかしカテゴリー内のエントリー記事が増えてきた場合、
そのままではずっと下までスクロールしないと
目に入らなくなってなってしまいますよね。

 

そこでこれをメインメニュー(サイドメニュー)最上段に置いて、
ファーストビューで常に訪問者の目に入るようにしてみましょう。

やり方

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

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

 

やり方は至って簡単です。

 

「テンプレート」→「HTMLテンプレート編集」を開き、

<% siteMenu %>

<% subMenu %>

と書いてあるところを探します。

 

『<% siteMenu %>』というのがメインメニュー(サイドメニュー)のカテゴリーなどを表示させるシリウス独自タグで、
『<% subMenu %>』というのが「サブメニュー」を表示させる独自タグです。

 

よって②上記 2行の順番を入れ替えます。
こんな↓感じに。

 

キャプチャ画像

 

これだけでサブメニューが最上段に移動します。

 

キャプチャ画像

 

おまけ

このページの冒頭で作ったテキストサブメニューですが、
カテゴリーリストに関しては「メニュー」という名前が先頭に付いてて
わかりやすいですね。

 

でもサブメニューの方はアタマには何にも付きません。

 

キャプチャ画像

 

もしもサブメニューにも何らかの見出しを付けたいということであれば、
以下の方法をお試しください。

 

今回は「サブメニュー」といったようなテキストをつけてみます。

(やり方は他にもあるんですが、ここではより確実な方法をお教えします)

 

キャプチャ画像

 

「メニュー」とかの名前を付けていくつかのブロックに分けて表示する方法は「サイドバーのメニューをいくつかのブロックに分けて表示させる方法」をご覧ください。

 

「テンプレート」→「HTMLテンプレート編集」を開き、先ほどと同じように

<% siteMenu %>

<% subMenu %>

と書いてあるところを探します。

 

そして<% subMenu %>のすぐ上に
『<h4>サブメニュー</h4>』と書き込みます。

(『サブメニュー』の文字は好きなように変えてください)

 

キャプチャ画像

 

これで下のように表示されます。

 

キャプチャ画像

 

以上です。

 

購入ページへ


てっぺん