ピアノ教室のホームページを自作したいので、作り方を教えてください!
僕は今まで、50個以上のホームページを作ってきました!
もちろん、ピアノ教室のWebサイトも作ったことがあります(サンプル)。
この記事では、ワードプレスを使ったピアノ教室のホームページについて作り方を解説します!
ホームページの開設は、カタカナが多くて難しく感じるかも知れません。
実際はとても簡単で、入力フォームに質問に答えるだけで作れるので10分で終わります!
ピアノ教室のホームページを作る手順を画像つきで解説するので、自作したい方はぜひ作り方をご覧ください。
ホームページ制作の用語を覚えよう
ホームページの作り方を説明する前に、3つの用語を説明します!
用語よりもサッサと作り方を知りたいです!
僕も始めてホームページの作り方を調べたときは、同じ気持ちでした。
だから読み飛ばした結果、その用語で
あなたには同じ状況になってほしくないので、まずは用語の説明に3分ください!
知っている方は、ホームページの制作手順までジャンプしてください!
WordPress(ワードプレス)
ワードプレスとは、ピアノ教室のホームページを簡単に自作できるツールです!
ブログを簡単に書けたり、ホームページのデザインをいじれたり。
「ワードプレスがないとホームページは運営できない」ってくらい重宝します。
今までホームページを始めたことがない主婦ブロガーさんも利用するツールなので、そこまで難しいものではありません。
とりあえず、ここでは「ホームページを自作ツール」と思っておけば大丈夫です!
サーバー
サーバーとは、分かりやすく説明すると「自作するホームページを置いておく場所」です!
例えば、家を建てるには「土地」が必要ですよね。
ホームページも同じで、作るには土地が必要であり、それを担うのがサーバーになります。
ドメイン
ドメインとは「URL」の一部分を指します。
この記事は「https://rufusuru.com/how-to-make/」がURLであり、ドメインは「rufusuru.com」の部分です!
ドメインやURLは「ホームページの住所」と考えると、とても分かりやすくなります。
上記のリンクを踏むと、このホームページに辿り着くのは住所の役割を担っているからなのです!
- ホームページ:家
- サーバー:土地
- ドメイン:住所
ピアノ教室のホームページを自作してみよう!
用語を理解できたので、ピアノ教室のホームページを自作してみましょう!
やることは簡単で、サーバーとドメインを契約するだけで終わります。
時間は約10分、手順は以下の通りです!
必要事項を入力するだけなので、10分もあれば終わります!
申請フォールを記入する
まずは、サーバーを準備します!
ピアノ教室のホームページだと、サーバーはレンタルが一般的。
おすすめは、18年以上の運用実績がある国内シェアNo.1のエックスサーバーです!
エックスサーバーを契約すると、無料でドメインを貰えます。
また「ワードプレスの導入費」と「SSL化(セキュリティ設定)」も無料なので、これからホームページを作るならおすすめのサーバーです!
- ドメイン
- ワードプレスの導入費(セットアップ代)
- SSL化(セキュリティ設定)
まずは、エックスサーバーの公式サイトにアクセスし、画面右上の「お申し込み」を選択してください。
「新規お申し込み」を選択。
そうすると「サーバー契約内容」のページに切り替わるので、下記の通りに入力してください。
サーバーID (サーバー名) |
お好みでOK (後で変更不可) |
---|---|
プラン | 「スタンダード(旧X10)」でOK |
WordPressクイックスタート | 「利用する」にチェック |
サーバーの契約期間 | お好みでOK |
取得ドメイン名 | お好みでOK (注意点を後述) |
ブログ名 | お好みでOK (後で変更可) |
ユーザー名 | お好みでOK (後で変更不可) |
パスワード | お好みでOK (後で変更可) |
メールアドレス | お好みでOK (後で変更可) |
テーマ | お好みでOK (注意点を後述) |
「取得ドメイン名」は、あとから変更できません!
どの名前にするか、以下のポイントを抑えてから決めましょう。
- 分かりやすい名前
- 日本語より英字
(ピュニコードに変換されるため) - 「com・net・jp」のどれか
(おすすめは “com”) - 数字は入れない
(SEOに影響するとの噂)
ピアノ教室のホームページであれば、教室名をドメイン名にするのが無難です。
白羽ピアノ教室なら「shirahane-piano-school.com」や「shirahane-piano.com」って感じだね!
テーマは後で入手できるので、どれを選んでも構いません。
迷ったら、当ホームページも利用する「Cocoon」を選びましょう。
Cocoonを選ぶときは「子テーマ」にチェックを入れてください。
入力し終えたら「Xserverアカウントの登録へ進む」を選択してください。
Xserverアカウント情報の入力
次は、エックスサーバーのアカウント情報を設定します。
遷移先ページの設定は、以下の通り。
メールアドレス | エックスサーバーから送られるメールの受信先 |
---|---|
パスワード | エックスサーバーにログインするためのパスワード |
登録区分 | 個人のピアノ教室なら「個人」でOK |
上記以外の項目はお分かりだと思うので、割愛します。
全て入力し終えたら「利用規約」ならびに「個人情報の取扱いについて」を確認し、同意欄にチェックを入れましょう。
最終確認
上記を入力し終えると、認証コードの入力が求められます。
登録したメールアドレスに届く認証コードを入力し「次に進む」を選択してください。
入寮内容の最終確認ページに遷移します。
登録内容に不備があれば修正を、無ければ「SMS・電話認証に進む」を選択してください。
次は電話認証を行うため、スマホもしくは家庭用電話を用意しましょう。
指示に従い入力すると認証コードを受け取れるので、それを入力すればホームページの開設は完了です!
本当に必要事項を入力するだけだった……
設定を終えると、数分~数時間でサーバーの設定完了通知が届きます。
そうしたら、設定したドメイン「https://ドメイン名/」を検索してみてください!
ピアノ教室を宣伝するホームページができました、おつかれさまでした♪
この記事のまとめ
- ホームページの作成には「サーバー」と「ドメイン」が必要
- ワードプレスはホームページ運営を手軽に行える無料ツール
- サーバーの契約は「エックスサーバー」がおすすめ
- ドメインの契約も「エックスサーバー」が最適 (永久無料の特典あり)
- 「WordPressクイックスタート」でワードプレスの開設がらくらく簡単に♪
この記事では、ピアノ教室のホームページを開設するまで行えました!
このあとに、肉付けや運営といった作業があるので、開設できただけでは終わりません。
ルフスルでは、自作ホームページからの集客を可能にする戦略を紹介しているので、ぜひ他の記事もご覧ください!
よくある質問
ピアノ教室のホームページを作るにあたり、よく訊かれる質問にお答えします。
ここに書いていないことで気になることがあれば お問い合わせページ からご質問ください。
どれくらいの維持費が掛かるの?
エックスサーバーだと、サーバー代が年間で約12,000円、ドメインが永久無料です。
ワードプレスではこの2つが必須なので、維持費が掛かり続けることになります。
とはいえ、月々1,000円なら生徒を1人でも獲得すれば支払えるので、負担にならないことでしょう。
アメブロではダメなの?
アメーバブログを始め、無料でホームページを制作できるサービスは以下の理由からおすすめしません。
- サービス終了の恐れがあるから
- ホームページを消されることがあるから
- 結局は有料プランへの導線であるから
上記については「実は危険!?アメブロでピアノ教室のホームページを開設する落とし穴」をご覧ください。
届いたメールはどうすれば?
エックスサーバーから届いたメールには、大事な情報が記載されています。
特にパスワードなど書かれているものは今後も使用するので、メモを取るか保存しておきましょう。
コメント