印刷する

高度なカスタマイズ

ウィジェットゾーンの追加

ウィジェットとはINTER-STREAMのページの特定のエリア(ゾーン)に挿入されるHTMLコードのブロックを指します。
デフォルトではサイドバー用に1つのウィジェットゾーンが定義されていますが、必要に応じてゾーンを追加することができます。

ここでは"my_zone"として識別される新しいゾーンを追加します。

1. "_theme.ini"ファイルの編集
デフォルト/クラシックテーマの定義ファイルはpublic/frontend/default/_theme.iniです。
V2テーマの定義ファイルはpublic/frontend/v2/_theme.iniです。
ファイル形式はJSON、UTF-8エンコードのプレーンテキストファイルです。
Notepad、Notepad2Notepad++、Dreamweaverのようなプレーンテキストエディタで編集可能です。

以下の箇所を探します。

"widget_zones" : {
"sidebar" : { "file" : "widget_panel.tpl", "file_mobile" : "widget_panel.tpl" }
},

2. 新しいゾーンをエントリに追加して保存します。

"widget_zones" : {
"sidebar" : { "file" : "widget_panel.tpl", "file_mobile" : "widget_panel.tpl" },
"my_zone":{ "file" : "widget_panel.tpl", "file_mobile" : "widget_panel.tpl" }
},
  • "my_zone":ゾーンのID。スペースや特殊文字を含めることはできません。
  • "file":ウィジェットを内包する為に使用されるHTMLテンプレートです。
  • "file_mobile":モバイルインターフェースで新しいゾーンを使用する場合は、そのインターフェースでウィジェットを内包する為に使用されるHTMLテンプレートを指定してください。

注:変更を加えた後はファイル検証することを推奨します。オンライン検証ツールの利用が便利です。

3. 変更した"_theme.ini"ファイルをサーバーにアップロードして上書きします。
ファイルを公開した後、[一般設定>ウィジェット]に移動します。追加したゾーンが[表示エリア]のドロップダウンリストに表示されます。

4.新しいゾーンのラベルを目的のテンプレートに含めます。
例えば(サイドバーなしで)テキストチャンネルテンプレートにゾーンを追加する場合は、"page.tpl"ファイルを編集して新しいゾーンのウィジェットを挿入する場所を見つけ、対応するラベルを入力します。
今回の例では以下のようになります。

{k.html.widget_zone_my_zone}