FAQキーワード別一覧 - アーティクル -の質問一覧

キーワード検索

アーティクルで画像を出力させるにはどの様に記述すれば良いですか?

「アーティクルリスト」の「ループタグ」内に下記の通り記述してください。
<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*]">

 

↓リサイズモードの設定例です。

カテゴリ:
OWLet構築関連
キーワード:
画像アーティクル
アーティクルでアップロードできる画像の形式ですが、何を推奨しておりますでしょうか?

基本的にはJPG/PNGを推奨させていただいております。

SVG,GIFなどもアップは可能でございます。 ただし、OWLetには、画像パーツをリサイズできる機能がありまして、 サイズを変換した際に、内容が全て変換されなかった場合に 正常に表示されない可能性がございます。

リサイズ機能を使わない場合は SVG,GIFなどでも、正常に作動する割合が高いです。 恐れ入りますが、一部相性が悪く正常に作動しない可能性がございますことを、ご了承いただけますと幸いです。

画像パーツリサイズ機能とは? OWLetの中で画像の大きさを変換できる機能です。 例えば、300×250のサイズを200×100のサイズに比率を変更できる機能です。

カテゴリ:
OWLet基本操作関連
キーワード:
ピックアップ画像アーティクル

なんでもFAQ カテゴリ一覧

OWLet DEMOサイト利用状況

今、利用中のDEMOサイト数

site/
analyzer

OWLet イベントTOPIX

OWLetに関する旬のイベント情報をお届け!

全国セミナーよくある御質問OWLetの改修要望募集WordPressの脆弱性≪ 既存サイトを撃退するひっくり返し営業法 ≫OWLetイベント情報はコチラ

【注目】OWLet動画

OWLet おもしろコンテンツ

OWLet無料相談センター

今なら無料で専門家がアドバイスします
OWLetでお悩みのことがあれば、OWLet
無料相談センターにご相談してみませんか?

今すぐ相談する

0120-307-555
受付時間 10:00~18:00 (月~金)

参考になった記事のランキング

【新着】OWLet製WEBサイト実績

OWLet製WEBサイト実績一覧へ>