メディアと文章

画像と文章をセットで表示できます。

キーワードメディア, 画像, media
カテゴリーメディア

左に画像

テキストテキストテキストテキストテキスト
テキストテキストテキスト

右に画像

テキストテキストテキストテキストテキスト
テキストテキストテキスト

長いテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

画像を高さに合わせてトリミング

「カラム全体を塗りつぶすように画像を切り抜く」を設定しています
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

使用方法

下記のいずれかの方法で画像を選択します。

アップロード
パソコン内にある画像をアップロード
メディアライブラリ
アップロード済みの画像を選択
ここからアップロードも可能

画像をクリックすると「メディアと文章」ブロックの設定が表示されます。
画像の反対側には各ブロックを設置できます。

左右の位置切り替え

画像とコンテンツの左右の位置を設定

上下の位置切り替え

コンテンツの高さがことなる場合の上下位置を設定

メディアと文章の設定

モバイルでは縦に並べる
スマホ表示で画像とコンテンツを縦に並べます。
カラム全体を塗りつぶすように画像を切り抜く
画像を高さに合わせてトリミングできます。
設定で画像の