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

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

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

サンプル画像

サブメニューについての詳細はメニューいろいろをご覧ください。

 

このサブメニューですが、
そのまま作るとメインメニュー(サイドメニュー)カテゴリー一覧の下に配置されてしまいます。
こんな↓感じですね。

 

キャプチャ画像

 

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

 

キャプチャ画像

 

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

 

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

 

やり方

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

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

 

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

 

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

<% siteMenu %>
<% subMenu %>
と書いてあるところを探します。

 

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

 

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

 

キャプチャ画像

 

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

 

キャプチャ画像

 

おまけ

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

 

でもサブメニューの方はアタマに何にも付いてないので
そのままだと何のメニューかちょっとわかりにくいですね。

 

キャプチャ画像

 

そこでサブメニューの先頭にも、
「サブメニュー」といったようなテキストをつけて分かりやすくしてみましょう。
(やり方は他にもあるんですが、ここではより確実な方法をお教えします)

 

キャプチャ画像

 

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

 

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

<% siteMenu %>
<% subMenu %>

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

 

そして<% subMenu %>のすぐ上に『<h4>サブメニュー</h4>』と書き込みます。
(『サブメニュー』の文字は好きなように変えてください)

 

キャプチャ画像

 

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

 

キャプチャ画像

 

以上です。

購入ページへ


TOPへ戻る