画像ブロック

画像ブロック

画像ブロックについて

画像ブロックを使って、画像を表示することができます。

前提

  • 編集画面の基本的な使い方についてはこちら
  • ブロックの基本的な使い方についてはこちら
  • ファイルの選択またはアップロードについてはこちら

1. 画像のアップロード

画像のアップロードについてはこちらをご覧ください。

2. 画像の選択

画像の選択方法についてはこちらをご覧ください。

3. URLから挿入

URLからの画像の挿入方法についてはこちらをご覧ください。

4. ブロックの変換

「ブロックタイプまたはスタイルの変更」ボタンをクリックします。

ブロックを以下の形式に変換することができます。
※スタイルでは、画像をデフォルトまたは角丸に変更できます。

  • ギャラリー
  • カバー
  • ファイル
  • メディアと文章

例えば「メディアと文章」に変更した場合、
以下のように画像の横に、文章の入力等ができるようになります。

5. 画像の配置

画像の配置や表示の仕方を、以下の中から変更することができます。

  • 左寄せ(デフォルト)
  • 中央揃え
  • 右寄せ
  • 幅広
  • 全幅

例えば「中央揃え」にした場合、以下のように画像が中央に配置されます。

6. Altテキストの設定

画像設定から「Altテキスト(代替テキスト)」を設定できます。
Altテキストは、ネットワークやPC・スマホの問題で画像が表示できない時、
代わりに表示されるテキストです。

7. 画像サイズの変更

以下の条件に該当する画像では、画像設定に「画像のサイズ」項目が表示されます。

  • 画像サイズが640×480ピクセルより大きい
  • 建物ページ専用画像ではない

「画像のサイズ」では、フルサイズか中サイズを選択できます。
「画像のサイズ」が表示されない画像はフルサイズでのご利用となります。

画像の端をカーソルで掴んで画像サイズを変更することもできます。

8. 画像にリンクを設定する

画像にリンクを設定する手順は、動画でもご覧いただけます。
【動画】画像ブロックへのリンク追加方法

「リンクを編集」から画像にリンクを設定できます。

任意のリンク先を指定する場合は
「URLをペーストまたは入力して検索」に
リンク先のURLを入力してください。

リンク先のページを別タブで開かせたい場合は
「∨」マークを押し、「新しいタブで開く」をONにします。

※リンクrel属性:リンク先の位置付けを表します
 リンクCSSクラス:リンクにCSSクラスを付与します

「メディアファイル」を選択すると、画像をクリックした時、
その画像のURLページが開きます。

表示例

画像のURLページを別タブで開かせたい場合は
「∨」マークを押し、「新しいタブで開く」をONにします。

※リンクrel属性:リンク先の位置付けを表します
 リンクCSSクラス:リンクにCSSクラスを付与します

    • Related Articles

    • 【動画】画像ブロックへのリンク追加方法

      以下より、画像ブロックへのリンク追加方法の流れをご確認いただけます。 ※音声にてご案内しております。音声を流してご覧ください。 QRコードからアクセスすることでスマホにてご確認いただくことも可能です。 ※右下の歯車マークから動画の再生速度を調整できます。  0.5倍速~2倍速の範囲で指定可能です。
    • ファイルの選択またはアップロード

      ファイルの選択またはアップロードについて ファイル(画像ファイルを含む)は「ファイル」画面を通して追加や削除ができますが、 ファイルを使用する各機能からも、追加や削除を行うことができます。 この時、「ファイルの選択またはアップロード」画面が表示され、 ここからファイルの選択や編集、削除をすることができます。 「ファイルの選択またはアップロード」について、どの機能でも基本的な操作の仕方は同じですので 「画像ブロック」を例にご紹介します。 前提 ファイルについてはこちら 画像ブロックについてはこちら ...
    • 特集新着物件ブロック

      特集新着物件ブロックについて 作成済みの特集を選択し、その特集に合った条件の広告を新着順で表示します。 前提 編集画面の基本的な使い方についてはこちら ブロックについてはこちら 特集についてはこちら 1.使い方 「機能ブロック」のカテゴリーから「特集新着物件ブロック」を選択します。 ブロックの配置が完了します。 2.設定パネル 以下5項目が設定可能です。 対象の特集 表示対象の特集を選択します。本項目が未選択の場合、公開サイト側には何も表示されません。 表示件数 ...
    • 画像カテゴリー

      前提 画像カテゴリーは、画像ごとに任意で設定できる社内管理用のカテゴリーです。 画像カテゴリーを設定することで、ファイル一覧での絞り込みが簡単になり、 アップロード済み画像の編集・削除等の管理がしやすくなります。 ページの編集等で、既にアップロード済みのファイル一覧から画像を選択する際、 画像カテゴリーで絞り込んで画像を探すこともできます。 設定手順 ①ファイル>画像カテゴリーで設定したいカテゴリーを追加します。  カテゴリーの上限数はありません。 ...
    • 動画マニュアルまとめ

      ウェブサイトFlexの登録・操作についての動画マニュアルをまとめています。 操作セミナー動画:スタートアップ編 アカウントの発行からサイト全体の構築、主要ページの作成まで、 公開までに必要な操作をステップ形式で解説しています。 新規導入時や新入社員の入社など、 初めてウェブサイトFlexを操作される方におすすめです! タイトル 内容 【動画】Step1 ウェブサイトFlexの画面構成・アカウント作成~サイト作成まで アカウントの発行からサイトの立ち上げまで、一連の流れをご説明しています。 ...