画像+テキスト

画像の横に文字列を配置できるブロックです。

画像+テキストブロックを使うことでこのように表示できます。

画像+テキストブロックを使うことでこのように表示できます。画像+テキストブロックを使うことでこのように表示できます。画像+テキストブロックを使うことでこのように表示できます。画像+テキストブロックを使うことでこのように表示できます。画像+テキストブロックを使うことでこのように表示できます。画像+テキストブロックを使うことでこのように表示できます。

編集画面の説明

画像+テキスト

画像の配置・テキスト回り込み
画像の配置を左右どちらにするか、テキストが画像の高さより長くなった場合、画像の下に回りこんで表示させるかを選べます。

画像
表示させたい画像を設定します。画像をファイルマネジャーにあげていない場合は、「ファイルの選択」からアップロードすることが可能です。
「マウスオーバー時の画像」を設定したい時は、別途画像を用意して、同じように「+画像を選択して下さい」からファイルマネージャーを開いて画像を設定してください。

リンク先
設定した見出し画像にリンクを貼りたい時はここで設定します。
サイト内からページを選択する「サイト内リンク」、外部サイトのURLを直接記載する「外部リンク」、ファイルマネージャーからファイルを指定する「ファイルリンク」の3つから選べます。

「alt(オルト)」
画像のコンテンツを説明するためのものです。 画像が表示されないブラウザの場合、画像の代わりにこのテキストが表示され、画像情報を伝える役割を担います。

「title」
マウスカーソルを画像に合わせた時、表示される説明文です。

「画像下に表示するキャプション」
画像の下に説明文を付けたい時に使用します。

テキスト
画像の横に配置したい文章を入力します。

2カラムレイアウトとの違い

レイアウトを2カラムにして、画像の横にテキストを配置しても、見た目を同じレイアウトにすることが可能です。
違う点は、2カラムレイアウトは画像のサイズを任意のサイズに変更できるのに対し、画像+テキストブロックはできません。また2カラムレイアウトはテキストの回り込みができません。

 
キーワードで検索する

検索バーに調べたい単語をいれて、検索をクリックしてください。