こんにちは!

イトビッシュです。

今回はWordPressを使ってブログを作る!

というテーマで記事を書いていきます。

図を交えつつ書いたのでこの通りにやれば
誰でも簡単にサイトを解説出来るように仕上がっています!

それではさっそくいきましょう!

1WordPressサイトの作り方 ドメインを取得する

まずはステップ1としてドメインを取得します!

ドメインサービスのムームードメインにアクセスする前に決め方を解説します。

ドメイン取得の手順 ① ドメインの決め方

ドメインの決め方のポイントとしては3つあります!

 

 

 

1.ブログやサイトに関連した名前にする

私だったらペンネームイトビッシュで活動しているので
「itovish.net」にしています。
その他阪神タイガースだったら
「https://hanshintigers.jp」
ミツカンだったら
「http://www.mizkan.co.jp/」
となっています。
このように自分のサービスや名前にするのが無難でしょう。

 

 

2.長すぎないようにしよう!

ドメインを直入力でサイトを訪れる方もいるかもしれません。
そんなかたのためになるべく短めにしましょう。
「arashi-lovers-fansite-ninomiyablog.net」みたいな長いのはだめです!

 

 

3.迷ったら.com .net. co.jp

自分の文字列のあとにどれを付けるか問題ですが
どれでもOKです
私は.netや.comで取ります。
.net .com .co.jpは有名なので
こだわりがなかったらこちらにしましょう!

 

 

ドメイン取得の手順 ② ドメインを決める

 

ドメインを考えたらさっそく取っていきましょう!

まずはムームードメインにアクセス!

 

 

 

 

画像の新しい独自ドメインを入力のところに自分の欲しいドメインを入力します。
今回はitovish01という文字列で検索してみます!

 

 

 

 

このように出てきました。
カートに追加と出ているものは取得可能なドメインとなっています。
今回はitovish01.netを取って作成していきます!

 

 

ドメイン取得の手順 ③ ドメインを購入する

さきほどの画面まで行ったらカートに追加をクリックしましょう

 

 

 

すると「カートに追加しました」となるので
お申込みへをクリック

 

 

ムームードメインを持っていない方は新規登録しましょう!
登録後は

 

 

このようにドメイン設定の画面に行きます。
ここ結構大事なので抜け目ないようにやっていきましょう。

 

1 WHOIS公開情報
「弊社の情報を代理公開する」に変更
2 ネームサーバー
一番上      GMOペパボ以外のサービスに変更
ネームサーバ1        ns1.xserver.jp
ネームサーバ2        ns2.xserver.jp
ネームサーバ3        ns3.xserver.jp
ネームサーバ4        ns4.xserver.jp

ネームサーバ5        ns5.xserver.jp

サーバーとの兼ね合いでこのように変更します

上の画像のようになっていたら正解です!
続いて下にスクロールしてもらって
オプション、ムームーメールの設定です
こちらは2つとも不要なので契約しないでOKです。
続いてお支払いです

 

ドメインの契約年数はブログやめちゃう可能性もあるので
とりあえず1年でOK!
その他決済情報を入力しましょう!

入力できたら

 


「次のステップへ」をクリック!

 

こちらの画面になりますが無視して「次のステップへ」をクリック!

 

 

 

情報の確認画面がでるので 確認してOKのようだったら
取得するをクリック!

すると

 

 

するとドメインが取れます!

これにてSTEP1完了です!
お疲れさまでした!!

 

 

2WordPressサイトの作り方 サーバーを契約と設定

①エックスサーバーを契約しよう

ドメインを取れたのでつづいては
サーバーの設定をサクッとやっちゃいましょう!

まずはこちらにエックスサーバー にアクセス!

 

まずはエックスサーバーのサイトに行ったら
上にある「サーバーお申し込みフォーム」をクリック!

新規お申し込みをクリック!

この画面になります!

 

サーバーIDは 適当でOK
特にこれはログインなどのときにしか使わないので
適当に決めてもらってOKです

 

プランはx10でOK
x10プランでも充分速いですし値段も一番安いので
これにしてOKです!

 

その他各種情報を記入


続いて確認画面が出るので
SMS・電話認証へ進む

 

どちらか好きな方で認証してください!

 

ここまで行ったら登録したメールアドレスをチェック!

【Xserver】■重要■サーバーアカウント設定完了のお知らせ[試用期間]

このタイトルのメールが届きます!

このメールの中の

XserverアカウントID 
メールアドレス 

がログインに必要になります!

こちらからログインしてみましょう!

このような画面になります!
ログイン情報は先程届いたメールの中盤に書いてあります
【2】管理ツールのログイン情報の欄ですねー!

この画面に行けたらログイン完了です!

②サーバー料金を払おう!

つづいて料金を払っていきましょう!

 

料金のお支払いをクリック

・カード
・振り込み
・コンビニ
・銀行

などから選んで決済しましょう。
個人的にはカードが楽ですが持ってなかったり
カード使いたくないって方は
コンビニ決済のセブンイレブン選択が楽です。

セブンにするとメアドあてに決済のバーコードが届きますよ。

ここまで出来たらOK!!
サーバー契約完了です!

3WordPressサイトの作り方 サーバーにインストールする

 

ここまで来たらもうあともうすぐです!
それではさっそく行きましょう!

①ドメインの追加する

まずは先程のようにログインしましょう。

ログインしてエックスサーバーアカウントの画面に行きます。

そして少し下にスクロールすると、、

 

「ご契約一覧」というところがあります

そこの「サーバー管理」をクリックしましょう。


サーバーパネルという画面にいくので
「ドメイン設定」をクリックしましょう!

 

 

ドメイン設定の画面に行くので

解説

ドメイン名 ムームードメインで取ったやつを入力
無料独自SSLを利用に チェックいれる

高速化アクセス数拡張機能に チェックいれる

確認画面へ行き追加するをクリックです!
ここまで出来たらドメインの追加が完了しました。

② WordPressをインストールする

ここまで来たらもう85%終了です!

まずは先程と同じようにサーバーパネル へいきます。

この画面の簡単インストール をクリック。

ここで先程追加したドメインを選択!


ここのwordpress簡単インストールをクリック

この画面に行きます

解説
サイトURL  空欄でOK
ブログ名   ブログのタイトルになります!あとから変えれます
ユーザー名  ログインのときに使います(忘れないように)
パスワード  ログインのときに使います(忘れないように)
メール    メールアドレスを入力してください
キャッシュ自動削除 ONのままでOK
データベース    自動でデータベースを生成のままでOK

この設定で確認画面へ進むをクリック

確認できたら「インストールする」をクリック
これでインストール完了できました。
おつかれさまでした。
この管理画面URLは次のログインで使います!
コピーしておきましょう。

4WordPressの設定をする

ここまで出来たらWordPressデビューですね!
そしたらより良いWordPressにするために軽くカスタムしていきましょう。

まずは先程の管理画面URLをクリックしましょう。
(もし開けなかったらじかんをおいてみてください)


この画面が出るので
前のところで設定したユーザー名とパスワードを入力!

この画面に行ったらログイン完了です!

httpsに変更しよう


サイドにある設定から一般をクリック


解説

wordpressのアドレス  httpをhttpsに変える
サイトアドレス     httpをhttpsに変える
変えると再びこの画面に行くのでログインしてみましょう。

設定を保存しましたとなればOKです!

まだこれだけでは不十分なのでサーバーの方の設定もしましょう。

エックスサーバーの管理画面へ行きましょう!

.htaccess編集をクリック


.htaccess編集をクリック

 

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] </IfModule>

このコードを先頭に入れます。

先頭にコピペもらって確認画面へ進むをクリック
そして実行するをクリックしてもらえれば完了です!

これでhttps化完了です!

 

パーマリンクの設定をしよう

 

つづいてパーマリンクの設定をしましょう

サイドの設定→パーマリンク設定

解説

カスタム構造にチェック入れて 空欄を /%postname%/ に設定しましょう
そして下に行って変更を保存をクリック

これにて完了です。

Classic Editorを導入しよう

 

最後に今のWordPressは記事投稿のやり方が分かりづらいので
Classic Editorを導入してやりやすくする設定をします。

左側のプラグインから新規追加をクリック
ここの検索窓に Classic Editor と打ち込みます

今すぐインストールクリック

その後この画面になるので
有効化をクリック。これで完了となります。

WordPressサイトを作り方のまとめ

 

いかがでしたでしょうか?

今回はWordPressのブログを作る方法を図を交えつつ説明していきました。

これであなたもWordPressブログ管理人ですね!
あとは投稿して人気サイトを作り上げてくださいね。

ありがとうございました!

おすすめの記事