テキスト(左)+画像(右)

文章(左)と画像(右)がセットになっているパーツです。
但し、配置する場所の幅が小さい場合には画像(上段)+文章(下段)になります。


▼サンプルとして「2列(77:23)」コンテナに「テキスト(左)+画像(右)」パーツを2つ配置し、同じ画像とテキストを入れています。
左のパーツに、背景色を設定しました。

サンプル画像

テキスト(左)+画像(右)のサンプルです。
表示の違いがわかるように、同じ画像と同じテキストを入れてあります。


サンプル画像

テキスト(左)+画像(右)のサンプルです。
表示の違いがわかるように、同じ画像と同じテキストを入れてあります。




設定項目



[パーツ設定]

[ファイル選択]
表示する画像を設定します。
登録できる画像はjpg、gif、pngです。
ローカルファイルをアップロードする(新規アップロード)か、アップロード済みの画像から選択することができます。

[「新規アップロード」ボタン]
新規ファイルアップロード用フォームが表示されます。ローカルファイルからアップロードするファイルを選択します。

[「アップロード済みのファイルから選択」ボタン]
アップロード済みの画像(タイトルとして保存した画像は除く)の参照ウインドウが表示されます。登録する画像を選択します。

[alt(代替テキスト)]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

[キャプション]
画像下に表示される画像の説明を入力します。

[クリック時の動作]
画像クリック時の動作を選択します。
なし・・・何もしません。(リンクしません)
拡大表示・・・アップロードされた画像を別ウィンドウで表示します。
拡大表示(同ウィンドウ内)・・・アップロードされた画像を同ウィンドウ内に表示します。
リンク・・・指定したURLへリンクさせます。URLは「リンク先URL」に入力します。

[リンク先URL]
画像クリック時のリンク先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

[テキスト]
表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力できます。


[デザインオプション]

[背景色]
パーツ背景色の表示有無を選択します。
※背景色はデザインにより異なります。
デフォルト値:なし

[枠線]
パーツを囲む枠線の表示有無と表示形式を選択します。
デフォルト値:なし

[下方スペース]
パーツ下方スペースの高さを設定します。
デフォルト値:標準