トップページ
3do1ヘルプ
ページブロック「画像」
3do1ヘルプ
3do1の機能や操作方法についてご案内します。

ページブロック「画像」

ページ機能では様々なタイプのページブロックを組み合わせることで、誰でも簡単に自由度の高いページを作成できます。PC・タブレット・モバイルのそれぞれの表示にも自動対応します。

ここではページブロック「画像」の使い方を説明します。

ページブロック「画像」について

画像が主役となるコンテンツを設置できるブロックです。
1列〜4列まで、画像の大きさや枚数によって様々な印象のレイアウトを実現できます。

画像1列に1枚だけ設置したイメージです。

ページブロック「画像」の編集方法(基本設定)

基本設定では、次のような部分を編集できます。

次のような画面で編集していきます。

タイトル

ブロック単位でタイトルを設定できます。

入力を省略することもできますが、どのような内容のセクションなのか簡潔に示すと情報が伝わりやすいページになります。

テキスト

ブロック単位でフリーテキストを設定できます。

入力を省略することもできますが、サブタイトルに利用したり、セクションに関する説明テキストを添えると情報が伝わりやすいページになります。

画像

画像のセットを複数追加できます。追加した画像は並び替え、削除などが可能です。

● 画像選択

画像はファイル管理に登録されている中からセレクトしたり、ここから新しい画像の追加も可能。一度設置した画像の削除や、トリミングを変更したい時には「再編集」の機能も利用できます。

● 画像の説明

『画像の説明』はユーザーや検索エンジンに対して、どのような内容の画像なのかをテキスト情報としてわかりやすく説明をするために用意されている入力項目です。

ページ上には反映されず「alt属性」という画像を表示できない時の代替テキストとして利用され、アクセシビリティの向上やSEO対策に有効です。

「キャプションとして表示」のオプションを利用することで、テキストをページ上に表示することもできます。

画像の説明の活用方法

● リンク選択

画像をクリックしてページ遷移させるためのリンクを指定できます。作成している3do1内のページだけでなく、ソーシャルやブログなど外部リンクを設定することもできます。

内部リンク・外部リンクの指定方法

ブロックレイアウト

  • 画像(1列)
  • 画像(2列)
  • 画像(3列)
  • 画像(4列)

の4種類のレイアウトタイプを選択できます。

画像の高さ

  • 自動調整あり:規定のサイズで画像がトリミングされます。
  • 自動調整なし:登録した画像がそのままの比率で表示されます。

を切り替えられます。

ブロック余白

ブロック単位での上下余白を調整することができます。上部の余白、下部の余白をそれぞれ

  • あり
  • なし

で指定できます。

ページブロックの編集方法(背景設定)

基本設定だけでなく、背景を編集することでさらに自分らしいデザインが可能です。背景設定の方法は下記のヘルプ記事をご覧ください。

ページブロックの背景設定「色」
ページブロックの背景設定「画像」
ページブロックの背景設定「動画」