STEP 04｜TOPページレイアウトの整え

リウムスマイル！へのログイン方法

リウムスマイル！へのログインは、お試しお申込み時に届いた「【リウムスマイル！】ご利用開始のご案内」メールに記載されている情報から行えます。

• 

  「【リウムスマイル！】ご利用開始のご案内」メールに記載されているリンクをクリックし、リウムスマイル！のログイン画面へアクセスします。

• 

  「【リウムスマイル！】ご利用開始のご案内」メールに記載されているIDとパスワードを入力し、ログインします。

  ※管理画面にアクセスしたらブックマーク（お気に入りに追加）しておきましょう。

ホームページ作成の操作はプレビュー画面から

リウムスマイル！管理画面の左上［PC版：プレビュー］ボタンをクリックすると、作成中のホームページをパソコンで見た時の画面になります。

ホームページ作成作業はこのページで行います。

現在は立ち上げたお手本がそのまま表示されている状態ですね。

リウムスマイル！のTOPページの実体は、ほぼ、ヘッドライン画像までの部分のみです。

ヘッドライン以下の部分は、「他のページの一部が表示されているだけ」になっています。

このため、他のページを編集すればTOPページに表示されている部分も連動して変わります。

まずは、お手本に用意されているパーツの名称を、自分のホームページのものに変更していきましょう。

お手本の「コンセプト」パーツを、「私の想い」に変更する例で説明します。

１｜変更するパーツの編集画面を開く 編集したいパーツ「コンセプト」の上でダブルクリック、またはページタイトルの右上［編集・コピー］ボタンをクリックします。 ［このパーツを編集する］ボタンをクリックして、ページ編集画面を開きます。

２｜タイトルを変更する タイトル欄に入っている「コンセプト」を「私の想い」に書き換えてください。

３｜変更内容を保存する 編集画面の左下［保存］ボタンをクリックします。 ※パーツを編集・修正した際には、必ず［保存］ボタンをクリックしてください。 クリックせずに画面を閉じてしまうと、編集・修正した内容は保存されず、ホームページにも反映されません。

４｜変更を確認する 「コンセプト」が「私の想い」に変更されました。

お手本のパーツは、すべて同じ要領でタイトルを変更することができます。

各ページのタイトルをすべて自分のホームページのものに変更していきましょう。

お手本に用意されているメニュー数が、あなたの提供するメニューよりも少ない場合はメニューのパーツを新規に作成する必要があります。

この時、お手本のメニューパーツをコピーしてメニューを追加すると、ページ内容を作成する時にお手本の文章をつかえるので良いでしょう。

例として、オンリーワンメニューをコピーして追加する方法を紹介します。

ホームページの中段にある「おすすめコース」には2つのメニューが表示されていると思います。

この2つのメニューを1つ増やして、3つにする操作について説明します。

※使用するお手本によっては、タイトルやメニュー数が異なることがありますが、操作は同じです。

※ご自身のオンリーワンメニューが2つ以内の場合でも、一度この操作を行っておくと良いでしょう。

お手本でのメニューパーツの構造

• 親パーツ
  下に子パーツをぶら下げている。親パーツは存在するだけで、内容がない場合も多い。
• 子パーツ
  内容のあるページ。親パーツにぶら下がっている。子パーツにも子パーツをぶら下げることができる。

お手本のおすすめコースは、上記のホームページパーツの構造になっています。

「おすすめコース」というパーツには、内容が何も記載されておらず、ただ「しわ・たるみアロマ整体エステフェイシャル」・「PMS・更年期アロマ整体エステ全身トリートメント」の親パーツとして存在している、というイメージです。

１｜パーツをコピーする コピーしたいパーツのバナー画像の右上［編集・コピー］ボタンをクリックします。 ［このパーツをコピーする］ボタンをクリックすると、コピー画面が開きます。

２｜タイトルを変更する タイトル欄に入っているコース名を自分のおすすめコース名（もしくは適当なコース名）に書き換えてください。

３｜リンクバナーを変更する 編集画面を下の方へスクロールし、リンクバナー欄の「バナー上に表示する文字」の入力欄で、現在入っているコース名を自分のおすすめコース名（もしくは適当なコース名）に書き換えてください。 ※「リンクバナー」欄が編集画面に見当たらない場合は、［↓詳細設定項目を表示］ボタンをクリックすると表示されます。

４｜変更内容を保存する 編集画面の左下［保存］ボタンをクリックします。 ※パーツを編集・修正した際には、必ず［保存］ボタンをクリックしてください。 クリックせずに画面を閉じてしまうと、編集・修正した内容は保存されず、ホームページにも反映されません。

お手本に自分が必要とするページがない場合はこの要領で、お手本のパーツをコピーして必要なパーツを増やして準備していきましょう。

お手本に用意されているけど、自分のホームページでは利用しないパーツは削除しましょう。

※ホームページには必要だけど、TOPページに表示させたくない場合は、「TOPページからパーツを表示解除する」の手順を行ってください。

ホームページには必要だけど、TOPページに表示させたくない場合は、パーツの表示解除を行います。

TOPページに表示されているパーツの位置は簡単に移動することができます。

ここでは、「おすすめコース」を「コンセプト」の上に移動する手順をご説明します。

１｜編集ボタンを切り替える プレビュー画面上部の黄色エリアにある【編集ボタン表示切替】欄の［プロ］ボタンをクリックすると、プロモードの編集ボタンが表示されます。

２｜移動したいパーツをドラッグ＆ドロップ おすすめコースをタイトルあたりをドラッグ（マウスのボタンを押しっぱなしにする）して、上へ移動させます。 コンセプトの上辺りまで移動させたら、ドロップ（マウスのボタンを離す）します。 『並び替えを反映させますか』画面が表示されるので、［OK］ボタンをクリックします。

おすすめコースが、コンセプトと入れ替わります。

同じ要領で、メニューバーやサイドに表示されているパーツも移動することができます。

現在のデザインで問題ない場合はそのままでOKですが、自分のペルソナさんに合っていないと感じる場合はデザインを変更しましょう。

リウムスマイル！は、ホームページのデザイン部分だけが「デザインスキン」として定義されているため、ページの内容、構造はそのままで、デザインのみ簡単に変更することができます。

デザインスキン（テンプレート）一覧はこちら

１｜デザインスキン設定画面を開く プレビュー画面上部の黄色エリアにある【編集】欄の［デザインスキン変更］ボタンをクリックすると、デザインスキン設定画面が開きます。

２｜デザインスキンを変更する 利用できるデザインが表示されます。 カラーやレイアウト等で選ぶこともできます。
気になるデザインを見つけたら、デザインスキン画像下の［同じ系統を全部見る］ボタンをクリックし「色違い・レイアウト違い」の中から変更したいデザインスキンを見つけ、［このデザインを選択］ボタンをクリックします。 『デザインスキンを変更します。よろしいですか？』画面が表示されるので、［OK］ボタンをクリックします。

３｜プレビュー画面で確認する 変更したデザインで問題ないかプレビュー画面で確認しておきましょう。

これで準備はばっちり！
ホームページの各ページ作成を開始しましょう！

「STEP 05｜ページを作成する」に進む