WEB制作

【たったの1日で完成!】ワードプレスHPの作り方を分かりやすく解説

こんにちはNatsuです。
ワードプレスはHP制作をする上で欠かせないツールですよね。
世界のHPの40%はワードプレスで作られているんですよ。ワードプレスを学べば受注単価も上がります。

・HPの勉強が終わったので、早速ワードプレスでHPを作ってみたい。
・HPの勉強を始める前にHP制作がどういうものか体験してみたい!
・事業用のサイトを自分で作ってみたいから初心者にもわかりやすく教えて!

今回は、そんな悩みについてお答えしていきます。

この記事で分かること

・ワードプレスでHPを始める方法
・コードがわからなくてもわかる!ワードプレスHPの作り方

HP制作って難しそうだしセンスが必要なイメージありますよね。
でも、実際にやってみるとそんなことありません。

わたし自身、完全未経験からHP制作を始めて副業で4ヶ月で5万円、5ヶ月目で10万円以上、7ヶ月目で30万円超えました。

そんな私がHP制作を学んだことがない方にもわかりやすいように、ワードプレスでHPを作る方法を丁寧に手順を紹介していきます。1日あれば1サイトできますのでチャレンジしてみてください。

(※HP制作で稼ぎたいかたはカスタマイズの幅を広げるためにコードの学習必須です!)

たったの3ステップ!ワードプレスHPの作り方

ワードプレスでHPを作る方法は大きく分けて3つです。
STEP01・STEP02は10分ほどです。

このサーバー・ドメインって何?
サーバーはネット上にデータを保存するところで、ドメインはサイトのURLと覚えておけばOKだよ。

HPを制作する上でサーバーとドメインの契約は必須です。
契約しないとHPが作れないので手順を見ながら進めていきましょう!

サーバー・ドメインが既にあるかたはSTEP03ワードプレスでHP制作へ!

STEP01 STEP02 サーバー・ドメインを契約する

通常サーバーとドメインの契約を別々に行うことが多いですが、エックスサーバーで契約すると同時に契約ができ面倒な紐付け作業が不要になります。

今回はエックスサーバーを使ってワードプレスを開設していきます。

エックスサーバーとは

多くのレンタルサーバーの中でも初心者も安心して使えると評判なのがエックスサーバー。約240万サイト以上の運用実績があり、レンタルサーバー国内シェアNo.1を誇っています。

副業のブロガーやアフィリエイター等の個人をはじめ、Xサーバーは法人利用も可能なほどのスペックを擁しています。法人利用は大手企業から官公庁まで、約17万社の法人が導入し、個人・法人問わず人気のサーバーです。

おすすめの理由!
「WordPressクイックスタート」という初心者でも面倒な操作なしに5分程度でWordPressを開設できる機能がある
初期費用無料・維持費が安い
サーバー速度も高速で、抜群の安定性
サイトを簡単に移行できる機能がある。

 

【4月21日 12:00まで】お得なキャンペーン中

エックスサーバーは、4月21日(金)12時まで、月額料金キャッシュバックキャンペーン中!

通常990円〜が最低実質月693円〜スタートすることができます。

今すぐにHPを制作しない人でも先に契約しておけばお得ですよね。

さっそく、「エックスサーバー公式サイト」にアクセスしていきましょう!

\ はじめるなら今がチャンス! /

申し込み手順

↑まずは「お申し込み」ボタンをクリック。

 

↑次に初めてご利用のお客様は「10日間無料お試し 新規お申込み」をクリック

【XserverアカウントIDをすでに取得している】という場合は右側からログインすればOKです。※ここでは【初めて利用する場合】を前提に解説していきます。

 

「サーバー契約内容」の欄で、お申し込み内容を選択していきます。

サーバーID
IDはそのままでOKです。

②契約期間
一番お手頃で「人気No.1」のスタンダードプランを選んでおけば間違いありません。プランの違いは実質「ディスク容量」くらいなんですが、300GBあるのでめちゃくちゃ余裕です!

 

「WordPressクイックスタート」にチェックを入れます。

クイックスタートを利用すると、初心者でも面倒な作業なくワードプレスを無料で簡単に立ち上げができるので非常におすすめなサービスです。

具体的には以下の工程を自動で設定してくれます。

・ドメイン取得・設定
・独自SSL設定
・WordPress設定

ただこのプランにはデメリットが1点あり、10日間無料お試し期間がありません
お試し期間がなくなりますが、セットアップの労力がかなり軽減されるのでクイックスタートを選んで損はないです。

チェックすると…

 

↑ この画面が出てくるので一通り確認し「確認しました」ボタンをクリックしましょう。

 

↑ サーバーの契約期間・ドメイン名を決定しましょう。

④契約期間
・契約期間が長いほど「割安」
・「ドメイン永久無料」の契約特典が12ヶ月契約以上でないと対象外
・初回のお支払いは「一括前払い」のみ。

⑤ドメイン
・使える文字は「半角英数」「-(ハイフン)」上限は63字
・既に使われているドメインは選択不可
後から変更不可

 

↑ 上記赤枠部分を記入しましょう。

⑥ブログ名
サイトの名前を記載。後から変更可能なので仮決めでOK!

⑦ユーザ名
ワードプレスのログインで使うユーザ名。
変更難易度が高いので変な名前は避けよう!

⑧パスワード
ワードプレスのログインで使います。後から変更可能です。

⑨メールアドレス
よく使うメールアドレスを記載。後から変更可能です。
登録したアドレスにワードプレスの各種お知らせが届きます。

⑩テーマ
HPを作る際にはデフォルトテーマでOK

 

↑「Xserverアカウントの登録へ進む」ボタンをクリック

ここから…

 

↑ 続いてお客様情報を記入しましょう。以下迷いそうなポイントについて記載しました。

11 登録区分
個人で制作する場合は「個人」を選べばOKです。

12 インフォメーションメールの配信
チェックを外しても重要な案内は届くのでどちらでも大丈夫です。

13 支払い
クレジットカードか後払いになります。

入力が完了したら「利用規約」と「個人情報の取り扱いについて」を確認し、同意できたら左側のBOXにチェックを入れて「次へ進む」ボタンを押しましょう。

後少しで申込み完了だよ!

 

↑次にコード認証です。「確認コードを入力してください」という画面になり、お客様情報で入力したメールアドレス宛にコードが届くので入力し、「次へ進む」ボタンをクリックしましょう。

認証が終わると入力内容の確認になります。

 


↑入力内容をチェックして問題がなければ、画面を一番下までスクロールし「SMS・電話認証へ進む」というボタンをクリック

※「この内容で申込みする」というボタンが表示されている場合はボタンをクリックし、お申し込み手続きを完了すれば申し込み完了です。

最後に!本人確認です。

 

「取得する電話番号を入力する」に認証で使いたい電話番号を入力しましょう。(既に番号が入っている場合もあります。)

SMSか自動音声通話を選択し、「認証コードを取得する」というボタンをクリックしましょう。

 

↑このコードが届いたら、「認証コード」欄に入力し、「認証して申し込みを完了する」というボタンをクリックすれば完了です。

お申し込みが完了すると「案内メール」が届き、数分後にサーバーアカウント設定完了のお知らせというメールも届きます。こちらに「WordPress管理画面のログインURL」なども記載されています。

↑ログインするとこんな感じの画面が出てきます。この「管理画面」が、これからHPを作っていく拠点になります。

※設定完了メールが届いてからワードプレスにアクセスできるようになるまでには、最大で「1時間程度」かかります。

お疲れ様でした。これでサーバーとドメインの契約が完了です。次はお待ちかね、ワードプレスでHPを作っていきましょう!

【4月21日 12:00まで】お得なキャンペーン中

\ はじめるなら今がチャンス! /

 

ここまでブログを見たのにできなかった!
という方は@natsu_webにインスタでDMしてください。サポートします。
もちろん無料でお手伝いしますよ。

 

STEP03 ワードプレスでHP制作

ここからは動画を使って、実際にHPを作っていきます。初心者でも問題なく作成できる内容です。わかりやすい動画を2つピックアップしましたのでチャレンジしてみてください!

動画を見て制作しよう①!

 

\「WordPressクイックスタート」を契約した人は4分50秒からスタートしよう!/

動画を見て制作しよう②!

 

\動画は全部で4部編成になっているよ!/

 

\HP制作で使う画像はこちらに記載の無料素材サイトがおすすめ!商用利用可能です。/

【本当は教えたくない!】使うだけでwebデザインのクオリティが上がる無料素材サイト31選この記事で紹介する「使うだけでwebデザインのクオリティが上がる無料素材サイト31選」を使えば、webデザイン初心者でも無料素材だけでクオリティが高いサイトを制作できます。記事前半では「無料素材サイト33選」を後半では「素材使用時の注意点」を解説するので、ぜひ活用してください。...

まとめ

いかがでしたか?

ワードプレスでHP制作と聞いて大変そうだなと思っていた方も実際にやってみて「あれ、意外と簡単に作れちゃうぞ」と思ってくれたら嬉しいです。

案件をとっていきたい方はサイトを2-3つ作ってみて、それをポートフォリオに載せて営業をかけていきましょう。

【4月21日 12:00まで】お得なキャンペーン中

\ 先に契約しておけばお得! /