美容室のホームページの作り方

美容室のホームページの作り方を知ってますか？

どのように作ればよいのか、わからない人もいるのではないでしょうか。

美容室のホームページの作り方には、自分で作る方法と業者に依頼する方法があります。

自分で作るメリットは更新がいつでもできることやコスパがよいことで、業者に依頼するメリットはクオリティが保証されることや時間がかからないことです。

この記事では、美容室のホームページの作り方についてわかりやすく説明します。

目次
▶︎　美容室のホームページの作り方
　　– 自分でホームページを作る方法
　　– 業者に依頼してホームページを作る方法
▶︎　美容室のホームページをワードプレスで作る方法
▶︎　まとめ

美容室(美容院)のホームページの作り方

ホームページを作るというのは、インターネット上に家を作るようなものです。

インターネット上に家を作るには、サーバーとドメインというものが必要です。

イメージしやすいものに例えると、サーバーが土地、ドメインが住所、ホームページが家です。

ホームページを作る場合、サーバーは業者から借りるレンタルサーバーというものを利用します。

しかし、レンタルサーバーというのはいくつもあるので、どれを選べばよいのかわからない人も多いと思います。

そこでここでは、国内シェア1位のレンタルサーバーであるエックスサーバーを利用したホームページの作り方を説明します。

自分でホームページを作る方法

エックスサーバーにアクセスし、お申し込みを選択します。

　↓
次に表示されたページで、10日間無料お試し新規お申込みを選択します。

　↓
次に表示されたページで、サーバーIDを決めて、スタンダードプランを選択します。

　↓
WordPressクイックスタートの利用するにチェックを入れたら、サーバーの契約期間を決めます。

※WordPress（ワードプレス）とはホームページ作成ツールのことです。
　↓
次にドメイン名を決めます。ドメイン名はお店専用のホームページアドレスになるので、お店の名前や愛称がよいと思います。

　↓
次にブログ名、ユーザー名、パスワードを決めて、メールアドレスを入力します。

　↓
次にテーマでCocoonを選択します。テーマオプションの子テーマをインストールするにもチェックを入れたら、Xserverアカウントの登録へ進むを選択します。

※テーマとはホームページをカスタマイズするファイルのことです。
　↓
そのあとは案内に沿って、個人情報や支払い方法などを登録し、認証したら申し込みが完了です。
　↓
ワードプレスでホームページを作ります。
　↓

美容室のホームページをワードプレスで作る方法

業者に依頼してホームページを作る方法

Xserverビジネスにアクセスし、お申し込みを選択します。

　↓
次に表示されたページですぐにスタート！新規お申込みを選択します。

　↓
次に表示されたページで、サーバーIDを決めて、共用サーバーとスタンダードプランにチェックを入れたら、Xserverアカウントの登録へ進むを選択します。

　↓
案内に沿って、個人情報や支払い方法などを登録し、認証します。
　↓
そのあと独自ドメイン、設定代行サービス、ホームページ無料制作サービスの申し込みをしたら完了です。
　↓
ホームページの完成までにかかる日数は最短2日です。

ホームページを自分で作るのと業者に依頼するおもなの違い

自分で作る	業者に依頼
あまりお金がかからない	お金がかかる
時間がかかる	あまり時間がかからない
更新がしやすい	更新がしにくい
クオリティは自分次第	クオリティが期待できる

美容室のホームページをワードプレスで作る方法

美容室のホームページをワードプレスで作るにはまず、ホームページを簡単にカスタマイズできるCocoonというテーマを使えるように設定します。
ワードプレスのダッシュボードから、外観 → テーマを選択し、表示されたページでCocoon Childというテーマを有効化します。

　↓
次にホームページのトップページを作成します。
ワードプレスのダッシュボードから、固定ページ → 新規追加を選択し、トップページを作成します。画像を入れてテキストを添えると、美容室のホームページらしくなります。

　↓
次に作成したトップページを、ホームページのトップページに設定します。
ワードプレスのダッシュボードから、外観 → カスタマイズを選択し、ホームページ設定よりトップページを設定します。
固定ページのタイトル、投稿日時、キャッチフレーズは不要なので非表示にします。

　↓
まず固定ページのタイトルを非表示にします。
固定ページ → 固定ページ一覧 → トップページを選択し、編集ページの下部にあるカスタムCSSに、
.entry-title {
display: none;
}
の記述をコピペすると、タイトルが非表示になります。

　↓
次に投稿日時を非表示にします。
ワードプレスのダッシュボードから、Cocoon設定 → 本文を選択します。表示されたページの下部にある投稿情報表示設定の投稿日の表示と更新日の表示のチェックを外すと投稿日時が非表示になります。

　↓
次にキャッチフレーズを非表示にします。
ワードプレスのダッシュボードから、Cocoon設定 → ヘッダーを選択し、表示されたページにあるキャッチフレーズの配置の表示しないにチェックを入れると、キャッチフレーズが非表示になります。

　↓
不要なものを非表示にすると、このようにすっきりします。

　↓
次にホームページタイトルのフォントを変更します。
ワードプレスのダッシュボードから、外観 → テーマファイルエディターを選択し、スタイルシート (style.css)の子テーマ用のスタイルを書くのところに、
#header .site-name-text {
font-size: 32px;
font-weight: 900;
}
}
の記述をコピペすると、ホームページタイトルの大きさと太さが変わります。