1. マニュアル
  2. ホームページ
  3. 本文エディタの使い方
  4. 画像を追加・変更する

画像を追加・変更する

リウムスマイル!では、一つのホームぺージパーツにアイキャッチ画像として1つの画像を簡単に設定できます。

アイキャッチ画像とは、パーツの本文冒頭や一覧に配置される一番目を引く画像です。

1パーツにつき1画像であることや必ず冒頭に表示されることなどいくつかの制約がありますが、その分簡単に設定でき、表示レイアウトの変更が簡単にできます。

 

また、本文内にはいくつでも自由に画像を表示することができます。

文章と画像を上手にレイアウトするには少しコツが要りますが、その分自由度が高いです。

 

まずは、アイキャッチとなる画像を一つ設定し、もっと沢山画像を表示したい場合に、後述する本文内に画像を挿入していく方法を試してみてください。

操作手順

まずは画像を変更・追加したいホームページパーツの編集画面を開きます。



  1. リウムスマイル!管理画面の左上 [PC版:プレビュー]をクリック
  2. 変更したいホームページパーツの右上にある [編集・コピー]をクリック
  3. [このパーツを編集する]をクリック


  1. 編集画面の画像欄の [画像アップロード/選択」をクリック
    ※画像未設定の場合は、サブタイトル欄下の[↓画像編集領域を開閉]をクリックしてください。


  1. [ファイルをアップロードする]をクリック
    (既にアップロード済の画像の場合は、一覧から画像をクリックすると即セットされます)
  2. アップロードする画像をお使いのPCのフォルダから探してダブルクリック


  1. アップロードした画像がセットされた後、編集画面の左下[保存]をクリック

設定したアイキャッチ画像がホームページに反映されます。



  1. 本文内で、画像を挿入したい場所をクリックしてカーソルを置く
  2. 上部ツールバーにある [画像(アップロード/左右位置指定/説明編集/加工)]をクリック


  1. [ファイルをアップロードする]をクリック
    (既にアップロード済の画像の場合は、一覧から画像をクリックすると即セットされます)
  2. アップロードする画像をお使いのPCのフォルダから探してダブルクリック


  1. 本文内にアップロードした画像が挿入されるので、画像をダブルクリック


  1. 画像編集[リサイズ・回転・トリミング・加工]
    アップロードした画像のトリミング(切り取り)・回転・枠付けなどの編集・加工を行えます。
    ※アップロードされている写真や画像のファイル本体を編集・加工する機能です。同じ写真や画像を他ページで使用している場合、編集・加工が反映されます。
  2. 画像の位置
    画像の表示位置を設定できます。
    「右」または「左」に設定すると、文字が回り込んで表示されます。
  3. 画像のデザイン
    画像に、枠や影などのデザインを設定できます。
    ※「画像編集」と異なり、デザインの設定は写真や画像のファイル本体に及びません。

設定後に黒いウィンドウの右下の[更新]をクリックする。



  1. 編集画面の左下[保存]をクリック

以上で、ホームページに反映されます。



  1. 差し替えたい画像をダブルクリック

 

  1. 黒いウィンドウ内の[画像の差し替え]をクリック

ホームページ用アップロードファイル管理画面が開くので、すでにアップロードしている場合は一覧から画像をクリック、まだアップロードしていない場合は[ファイルをアップロードする]をクリックしてアップロードしてください。

クリックした画像に差し替わりますので、ページを保存してください。