サイトマップ
同一メニューを少しでも回避するためのモジュール機能メニュー化
2015 0202
シリウスメニューカスタマイズ フリースペース モジュールサイドメニュー
サイドバーに掲載できるフリースペースは3カラムでも4つですが
もう少しバリエーションを増やしたい場合は モジュール機能を使います
おまけ記事 2カラムのフリースペース追加
シリウス2カラムは サイドバーフリースペースが二つですが 構築基本に
ｆ５ ｆ６のメニューがありますので 以下の記載に従い追加すれば
4つのフリースペースが使えます
2カラムデフォルト記述
<!-- ★サイドメニューここから★ -->
<div id="menu">
<% freeSpace3 %>
<% siteMenu %>
<% siteNewEntry %>
<% freeSpace4 %>
</div>
<!-- ★サイドメニューここまで★ -->
</div>
こちらで簡単カスタマイズ
<% freeSpace5 %>
<% freeSpace6 %> を記載追加例
<!-- ★サイドメニューここから★ -->
<div id="menu">
<% freeSpace3 %>
<% freeSpace5 %>
<% siteMenu %>
<% siteNewEntry %>
<% freeSpace4 %>
<% freeSpace6 %>
</div>
<!-- ★サイドメニューここまで★ -->
</div>
トップ カテゴリー エントリーにすべて反映する場合は
全てのHTMLに追加します
モジュール機能でメニューを追加する
モジュール機能でサイドバーにメヌーを表示させる手順です
以下例
シリウス操作画面でモジュール機能に入ります
新規追加選択
モジュール名
タイトルではありませんが関連するお名前にします
記事画面でフリースペース同様に編集します
OKを選択します
つぎに 呼び出し記述を操作画面でどこでも酔うので
張り付け選択
祖もメニュー覧から モジュールの挿入を選択
読み込みメニュー選択
すると記事欄に以下の記述が張り付けられます
<% module(シリウス) %>
プレビューで確認すると
モジュール画面の記事が表示されますね
記事は例えです
こちらは公式サイトのソースでの記述を一部シリウスに合わせたものですが
こちらのコードでも動きます
この記事を サイドバーで表示させるには
HTMLテンプレートへ移動します
freeSpaceの表示させたい位置をえらんで
モジュール呼見込み記述を張り付けます
<!-- ★サイドメニューここから★ -->
<div id="menu">
<% freeSpace2 %>おまけネタ
<% freeSpace3 %>
<% siteMenu %>
<% freeSpace4 %>
<% module(vvvvv) %>追加した箇所
</div>
<!-- ★サイドメニューここまで★ -->
</div>
<!-- ★サブメニューここから★ -->
<div id="rmenu">
<% freeSpace5 %>
<% subMenu %>
<% freeSpace6 %>
</div>
<!-- ★サブメニューここまで★ -->
これで サイドバーに表示されます
記事内の読み込みは削除しましょう
見出しについて
見出しは自動で表示されませんので
記事欄の最上部にメニューを記載し
ｈ４タグで囲みますと 自動でシリウスの見出しが表示されます
<% freeSpace2 %>おまけネタ
フリースペース2など使わんという方は
上記位置に<% freeSpace2 %>の記述を配置換えすれば
サイドバーにもう一つメニューが増えます
ただし 見出し表示が異なり合いませんのでフリースペースのメニューは
記載しないで
記事の一番上にメニューを記載しｈ４タグで囲んで下さい
サイドバーに入れることでｈ４タグが通常サイドバーの見出しに
切り替わります
スポンサーリンク