1. マニュアル
  2. ホームページ
  3. プレビュー画面の操作
  4. パーツの並べ替え・エリア移動について

パーツの並べ替え・エリア移動について

パーツの並べ替え操作は誤操作防止のために、プレビュー画面編集モードが「プロ」モードの時のみ機能します。

各エリアに表示されているページパーツは、ドラッグ&ドロップすることで簡単に並べ替えできます。

以下で例として、エリア2(上部メニューバー)の「お客様の声」パーツの並び替え方法をご紹介します。

操作手順

  1. プレビュー画面の上部黄色エリアにある【編集ボタン表示切替】: [プロ]をクリック
  2. 「お客様の声」をドラッグ(マウスの左ボタンを押したまま移動)して、一つ右の位置まで移動させてドロップ(マウスの左ボタンを離す)
  3. 並べ替えの確認画面で[OK]をクリック

以上で、パーツの並べ替えがホームページに反映されます。

※表示している親パーツと子パーツのブロックをまとめて移動できます。



各エリアに表示されているページパーツの子パーツも、ドラッグ&ドロップで簡単に並べ替えできます。

以下で例として、エリア6の「メニュー」の子パーツの並び替え方法をご紹介します。

操作手順

  1. プレビュー画面の上部黄色エリアにある【編集ボタン表示切替】: [プロ]をクリック
  2. 「ボディエステ」をドラッグ(マウスの左ボタンを押したまま移動)して、一つ上の位置まで移動させてドロップ(マウスの左ボタンを離す)
  3. 並べ替えの確認画面で[OK]をクリック

※エリア8や他のエリアでも同様の手順で子パーツを並べ替えできます。


カテゴリーを設定している子パーツについて

カテゴリーを設定している子パーツは、プレビュー画面上でのドラッグ&ドロップの並べ替えはできません。

上記の子パーツを並べ替えしたい場合は、リウムスマイル!管理画面より並べ替えできます。


  1. リウムスマイル!管理画面の上部オレンジ色タブ[ホームページ]-[ホームページパーツ一覧]の順にクリック
  2. 子パーツを並べ替えたい親パーツの [並べ替え]をクリック

  1. 並べ替えたいパーツをドラッグ(マウスの左ボタンを押したまま移動)して、任意の位置まで移動させてドロップ(マウスの左ボタンを離す)
  2. [並べ替えの反映」をクリック


各エリアに表示されているページパーツを別のエリア(エリア8からエリア9へなど)に移動させることも可能です。

以下で例として、エリア2(上部メニューバー)の「サロン情報」パーツを、エリア3に移動する方法をご紹介します。

操作手順

  1. 移動したいパーツのエリアの左肩にある [表示項目の設定一覧]をクリック 


  1. 【C】の「サロン情報」をドラッグ(マウスの左ボタンを押したまま移動)して、【A】のエリア3まで移動させてドロップ(マウスの左ボタンを離す)
  2. 並べ替えの確認画面で[実行]をクリック

以上で、パーツのエリア移動がホームページに反映されます。

(元のプレビュー画面に戻るには、画面最上部の[戻る]ボタンをクリックしてください。)

※表示している親パーツと子パーツのブロックをまとめて移動できます。