スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. カテゴリーで分けたギャラリーページ(ヘアギャラリーなど)の作り方

カテゴリーで分けたギャラリーページ(ヘアギャラリーなど)の作り方

2013/05/27

美容室さんなどの例では「ショートカットスタイル」「ミディアムスタイル」「ロングスタイル」「パーマスタイル」などのカテゴリー分けしたヘアスタイルギャラリーを簡単に作成することができます。

 

例)ヘアギャラリーページ

 

 

作成手順は、大きく分けて次の通りです。

  1. カテゴリーを作成する
  2. 写真をPCに用意する
  3. ギャラリーページパーツを追加する
  4. 画像をアップロードして、写真パーツを追加する
  5. ギャラリーページの確認と表示調整をする

次に詳しく説明します。

 

カテゴリーを設定する

「ホームページ」-「ホームページカテゴリー一覧」の順にクリック

 

  1. カテゴリー一覧の「新規カテゴリー作成」の「+」アイコンをクリック

  1. カテゴリー名を入力する
  2. 「保存」をクリック

上記要領で、ギャラリーページ内で使用したいカテゴリーを全て作成します。

 

 

写真をPCに用意する

デジカメや携帯などで撮った写真を、お使いのPCに取り込みます。

※PCへの取り込み方は、各デジカメや携帯などの取扱説明書を御覧ください。

 

 

ギャラリーページパーツを追加する

「ホームページ」-「ホームページパーツ一覧」の順にクリック

 

  1. ギャラリー欄の「+子パーツを追加」をクリック

  1. 「タイトル」にギャラリーページのタイトルをつける
  2. 「保存」をクリック

ここまででギャラリーページの親(表紙)パーツが作成されます。

次にそのギャラリーページに写真のパーツを追加していきます。

 

 

画像をアップロードして、写真パーツを追加する

  1. 前のステップで作成した「ギャラリー」パーツ欄の、「画像を選択してギャラリーの子パーツを追加」をクリック

  1. アップロードする画像群を保存するフォルダを作成する為に「新規フォルダ作成」をクリック

後で管理しやすいようにフォルダを生成しています。

画像数が多くないなど、特にフォルダ別けする必要が無い場合は、本手順は必要ありません。

  1. 「フォルダ名」を入力して、「この名前でフォルダ作成」をクリック

  1. 作成したフォルダをクリック

  1. 「参照」をクリックして、アップロードする画像を選択して「開く」をクリック
  2. 「アップロード実行」をクリック

上記要領で、ギャラリーに追加したい画像群を全てアップロードしていきます。

 

  1. ギャラリーに追加したい画像にチェックをつける
  2. 各画像のタイトルを入力する
  3. 各画像のカテゴリーを選択する
  4. 「チェックをつけたファイルをホームページパーツとして追加」をクリック

 

 

ギャラリーページの確認と表示の調整

前のステップまででギャラリーページは作成されています。

表示を確認して、必要であれば表示方法などを調整します。

  1. ホームページタブ画面の右上の「PCサイトプレビュー」をクリック

 

 

  1. プレビュー画面のサイドなどに追加したギャラリーページへのリンクが表示されていますので、それをクリック

作成したギャラリーページが表示されますので確認ください。

 

 

プレビュー画面上のギャラリーページタイトル部にマウスを合わせると表示される「表示項目の設定」ボタンをクリックすると、表示設定画面が開きます。

表示設定画面では、写真を何列表示にするか、1ページに何枚表示するか、パーツ順に並べるか、カテゴリー順に並べるかなどの表示設定を細かく設定することができます。

 

「子パーツのカテゴリー目次」を表示させた場合 「子パーツの目次」を表示させた場合

 

カテゴリーに分けて表示させた場合、上図のように表示されます。

後で追加していくときも、カテゴリーをつけておくと、自動でカテゴリーに振り分けて表示されるので、管理がすごく楽になりますよ!