アーティクルで画像を出力させるにはどの様に記述すれば良いですか?
「アーティクルリスト」の「ループタグ」内に下記の通り記述してください。
<img src="/_img/ja/article/[*@id*]/◯◯/△△_□□_☆_xxyyzz/">
・◯◯
管理画面から登録した、画像項目のコードが入ります。
・△△
画像の横幅を指定します。ピクセル単位での設定になります。
・□□
画像の高さを指定します。ピクセル単位での設定になります。
・☆
1~4の数値を半角で入れる事で、画像のリサイズモードを設定します。
1:アスペクト比固定&余白塗りつぶし
2:アスペクト比固定&トリミング
3:中央トリミング
4:単純リサイズ
xxyyzz
横幅及び高さを指定した際に、余白部分の色をのHTMLカラーコードを設定します。何も設定しない場合は黒になります。
「xx」が赤、「yy」が緑、「zz」が青に対応しています。
カラーコードについて詳しくはこちら。
画像にaltを設定したい場合は、alt用の文言を登録するための「一行テキスト」項目を作成しておく方法があります。
【記述例】
・入力項目1(画像登録用) 入力タイプ:画像 コード:main_img
・入力項目2(alt文言登録用) 入力タイプ:一行テキスト コード:main_img_alt
・横幅:400px
・高さ:300px
・リサイズモード:1
・背景色:白
この場合の記述は下記の通りになります。
<img src="/_img/ja/article/[*@id*]/main_img/400_300_1_ffffff/" alt="[*@main_img_alt*]">
↓リサイズモードの設定例です。