• MENU ●●●●
  • シリウスモジュール機能をサイドバーで表示するカスタマイズ


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    当該サイトコンテンツ関連記事

     スポンサーリンク

    同一メニューを少しでも回避するためのモジュール機能メニュー化

    2015 0202
    シリウスメニューカスタマイズ フリースペース モジュールサイドメニュー

     

    サイドバーに掲載できるフリースペースは3カラムでも4つですが
    もう少しバリエーションを増やしたい場合は モジュール機能を使います

     

     

    おまけ記事 2カラムのフリースペース追加

     

    シリウス2カラムは サイドバーフリースペースが二つですが 構築基本に

     

    f5 f6のメニューがありますので 以下の記載に従い追加すれば
    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>
    <!-- ★サブメニューここまで★ -->

     

     

    これで サイドバーに表示されます


     

    記事内の読み込みは削除しましょう

     

    見出しについて

     

    見出しは自動で表示されませんので

     

    記事欄の最上部にメニューを記載し

     

    h4タグで囲みますと 自動でシリウスの見出しが表示されます

     


     

    <% freeSpace2 %>おまけネタ

     

    フリースペース2など使わんという方は

     

    上記位置に<% freeSpace2 %>の記述を配置換えすれば
    サイドバーにもう一つメニューが増えます

     

    ただし 見出し表示が異なり合いませんのでフリースペースのメニューは
    記載しないで

     

    記事の一番上にメニューを記載しh4タグで囲んで下さい

     

    サイドバーに入れることでh4タグが通常サイドバーの見出しに
    切り替わります

     

    スポンサーリンク

     

     

     

    シリウスモジュール機能をサイドバーで表示するカスタマイズ
    シリウスカスタマイズトップ

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト