Top / テンプレート作成 / デザインテンプレートの作成 / STEP04 - コーディングとタグ ~補足~

STEP04- コーディングとタグ~補足~

設定画面や設定方法などはWIKIPLUSのバージョンにより異なります。

画像の最大幅を設定する

{body}、{pane}命令にはwidth=""を設定することができます。
width=“”を設定することで、編集エディターから画像を貼り付ける際の最大幅を設定することができます。

【設置例1】<div>{body width="680"}</div>

※上記の設定の場合、画像を最大幅(100%)で貼り付けた時、画像幅は680pxとなります。

【設置例2】<div>{pane  permalink="_menu" width="200"}</div>

※上記の設定の場合、画像を最大幅(100%)で貼り付けた時、画像幅は200pxとなります。

 

編集タイプを設定する

変数{pane}にはtype=""を設定することができます。

type="block"
全ての命令が使います。type=""を設定しない場合、type="block"がデフォルトで設定されます。コンテンツエリアなど、自由にコンテンツを記述するエリアに使用します。
 【設置例】<div>{pane permalink="_freearea" type="block"}</div>

type="inline"
インライン命令のみを出力できるペイン。トップページ画像など、一つのインラインタグを表示させるエリアに使用します
【設置例】<div>{pane permalink="_topimage" type="inline"}</div>

type="text"
テキスト情報のみを出力するペイン。コピーライト等、タグで囲まれた中のテキストだけ編集させたいエリアに表示させます。
【設置例】<address>{pane permalink="_copyright" type="text"}</address>

 

編集できない{pane}エリアを作成する。

変数{pane}contents=""を設定することができます。
contents=“”を設定すると編集できない{pane}エリアを作成できます。
WIKIPLUSの特定プラグインを埋め込む場合や、データがない場合に表示するテキストとして使用することができます。

【設置例】<div>{pane contents="#sitemap"}</div>

※permalink=""と併用した場合は、Permalink=""のほうが優先となります。

【設置例】<div>{pane permalink="product_menu.html" content="ページはありません"}</div>

※この場合、product_menu.html自体がないか、権限がなければ、contentを表示します。

 

bodyおよびpaneの仕様についてはこちらをご参照ください。