イメージパーツ

目次

イメージパーツとは

イメージパーツはこのパーツです。
ページ内にイメージ(画像)を入れることができます。
【完成イメージ】

イメージパーツの設置方法

ページ一覧 > ページ編集画面 >デザインパーツ >イメージ
1.イメージパーツを、空白のセクションにドラッグ&ドロップします。
2.イメージパーツをクリックすると、編集パネルが出現します。
▶1分ほどの動画で、イメージパーツでできることが分かります!

イメージパーツの編集パネルでできること 

ページ一覧 > ページ編集画面 >デザインパーツ >イメージ

①画像や写真を選択、アップロードができます。
詳細は下記に記載。

②画像の編集ができます。
- 切り抜き
- サイズ変更

③画像のリンク設定ができます。
- 外部リンク:
外部のページに遷移させることができます。
- トップに遷移:
そのページのトップに遷移させることができます。
- ページ内リンク:
ページ内にある見出しに遷移させることができます。

④画像の大きさを選択できます。
- ラージ:
画像サイズ(pixel数)が1024×1024となり、カラムにフィットします。
- オリジナル:
画像サイズのまま表示されます。
- ノーマル:
画像サイズ(pixel数)が600×600となり、カラムにフィットします。
- サムネイル:
画像サイズ(pixel数)が120×120となり、カラムにフィットします。

⑤画像の大きさ設定
プラスやマイナスを選択して画像の大きさを変更できます。
フィットを選択すると、カラムに合わせてフィットします。

⑥画像の左寄せ、中央寄せ、右寄せ

イメージパーツへの画像、写真、素材のアップロード方法 

1.画像や写真の選択、アップロードについては①のアイコンをクリックします

2.画像選択モーダルが出現します。3パターンの画像アップロード方法があります。

  • 挿入したい画像をドラッグ&ドロップ
  • 「新しい画像をアップロード」ボタンをクリック
  • [素材]から選択

用意されている[素材]に関しましてはこちらを参照ください。

3.すでにある画像を選択してクリックすると、画像の詳細が下に出現します。

4.画像を追加する際は、②の「このイメージをページに追加」をクリックしましょう。
 
①ALTテキストを設定できます
 ※ALTとは
・音声ブラウザにおいて、どんな画像であるかを音声で伝えることができます
・検索エンジンの画像検索で検索対象になります
・サイト内検索で検索対象になります
SEOの観点でも登録したほうが有利といえます。

②このイメージをページに追加
選択した画像をページに追加できます。
 
③イメージを削除
選択した画像を削除できます。

イメージパーツの画像にリンクを設定する

1.画像のリンク設定については③のアイコンをクリックします。

2.画像設定モーダルが出現します。
ここに、画像をクリックした際のページの各見出し、外部サイトへのリンク設定ができます。
①〜⑧に関しては下に記載しております。

①外部リンクを設定
ここにチェックをして②のリンクURLを設定すると、外部サイトにリンクするように設定ができます。

③別ウィンドウで開く
リンクする際に同一ウィンドウではなく、新しくウィンドウを開きます。

④ページのトップに遷移する
画像を配置しているページの一番上に遷移させることができます。内容が長くなり、スクロールするのが大変な場合などに使用してください。

⑤ページ内リンク
同一ページ内で見出しに遷移させるときにはここから選択します。

⑥キーワード検索
サイト内またはページ内にリンクさせる場合、キーワードでリンク先を検索することができます。

⑦URL
サイト内またはページ内にリンクさせる場合、リンク先のURLで検索することができます。

⑧ページ内リンクの検索結果
検索結果が表示されますので、こちらからリンク先を選択することができます。

画像のサイズについて 

サイズについては、サーバー側でできるだけ適切なファイルサイズの画像を使用できるようにするために用意しています。
フィットについてはレスポンシブデザインを採用しているので、基本的にはカラム幅に合わせて可変する仕様になっていますが、カラム幅に合わせたくないというケースに対応するために「オリジナル」を選ぶという選択肢を用意しています。

推奨サイズに関してはこちらを参照ください。

ヘルプを検索

よくある質問集