Archive

txp:article_image

article_imageタグは単一のタグです。

割り当てられた数値 ID か　URL を合わせると、<img src="..." /> HTMLタグで記事が表示されるときにマッチングします。

関連しているイメージはコンテントタブの下に設定されます。Advanced Options の イメージ分野 ( 参考画像 )へ画像の URL か　Textpattern ID （数値は Textpattern でアップロードしセットしたもの）のどちらかを入力して下さい。大抵の場合、ここではイメージ ID を使用するでしょう。各記事に一つのイメージしか割り当てることが出来ないので注意して下さい。

シンタックス

<txp:article_image />

属性

thumbnail="boolean"

フルサイズの画像よりもサムネイルを使用したい場合。

有効な値: 1 (yes) または、 0 (no).

デフォルトは0です。

escape="html"

alt属性 や title属性 <, >などの HTML から逃れる場合。

有効な値: htmlまたは、セットしない。

デフォルトはhtml

wraptag="tag"

括弧なしで指定された img タグを書く場合の HTML タグ。

デフォルトでは設定されていません。

class="class name"

CSS の class 属性をイメージに ( wraptag を設定した場合は wraptag に ) 適用します。

デフォルトでは設定されていません。

html_id="id"

イメージに ( wraptag を設定した場合は wraptag に ) HTML の id 属性を割り当てます。

デフォルトでは設定されていません。

style="style rule"

CSS のスタイルを付加させます。あなたが代わりに class 属性か HTML の id 属性を書き、 CSS の代わりを使用出来ます。

デフォルトでは設定されていません。

align="HTML value"

img タグの為に HTML の align 属性で配置を指定します。あなたが代わりに class 属性か HTML の id 属性を使用し、CSS を使用することを勧めます。

例1: wraptag と class 属性を使う

<txp:article_image wraptag="p" class="article-image" />

上記タグを書いた場合の HTML でのマッチング結果

この wrap は、パラグラフ要素のタグでイメージを包みます: <p class="article-image"><img src="..." /></p>

例2: サムネイルを記事にリンクする

<txp:permlink><txp:article_image thumbnail="1" /></txp:permlink>

• << Older
• Newer >>