ホームページデザインを簡単アップグレード！おすすめコースの表示を変えてみよう

それでは実際に設定を変更していきましょう。

最初はトップページのエリア8の「おすすめコース」ページパーツの表示項目の設定を変更します。

トップページのエリア8の「おすすめコース」ページパーツの表示項目の設定を変更する

1. プレビュー画面を開き、エリア8にある「おすすめコース」タイトルの左上にある［表示項目の設定］をクリック
   
2. おすすめコースの表示設定：子パーツの表示設定を以下の設定に変更します。
   
   【子パーツの表示要素】
   ・サービスメニューのタイトル
   　位置：中央寄せ
   　スタイル：見出しデザイン
   ・リンクバナー
   　位置：中央寄せ
   ・概要
   
   【子パーツの表示方法】
   ・子パーツのレイアウト：2列枠
   ※今回は子ページが2ページしかないので、2列枠にチェックを入れます。3つ、4つある場合は任意のレイアウトにチェックを入れてください。
3.  おすすめコースの表示設定画面の左下［保存］をクリック

これだけで最初とはちょっと印象が変わってきたと思います。

次はバナー画像を変更していきましょう。

ついでに各コースメニューの内容を説明する文章を概要に入力して表示するようにします。

ページパーツのバナー画像を変更する

1. 子ページパーツの［編集・コピー］をクリック
2. ［このパーツを編集する］をクリック
3. 
   概要欄にコースメニューの簡単な説明を入力します
4. リンクバナー画像を変更します
   どんなコースなのかが伝わる写真を設定しましょう。ページに使用している写真でもOK！
   
   ●リンクバナー画像に設定する写真のサイズについて
   写真をアップロードする際は、アップロードファイル管理画面の「おすすめサイズに合わせて自動リサイズしてアップロードする」にチェックを入れておくようにしましょう。
   レイアウトに合わせて設定した写真は縮小されますので、横幅400px以上がおすすめです。
   

   ---

   ▼リンクバナーの設定方法はこちら
   https://riumsmile.jp/contents_1096.html
   
   ▼写真の縮小・トリミング方法はこちら
   https://riumsmile.jp/contents_934.html
5.  編集画面の左下［保存］をクリック

同じ様にもう一つのページも変更すれば完成です！

少しの手間を掛けるだけで簡単にホームページのデザインがぐっと良くなるので、ぜひ試してみてくださいね！

説明に使用した写真について

上記の例では、素材サイト「写真AC」さんからダウンロードした写真を用いています。

エステ・マッサージ関連の写真だけでなく、ビジネス関連やヒーリング関連の写真なども揃っています。
（会員登録必須）
写真AC　https://www.photo-ac.com/

ただ、実際のサービスの写真の方が説得力が増しますので、オリジナルのものを撮ることをオススメします。