開設・設定 PR

【エックスサーバー】ドメイン設定、WordPressインストールとSSL化の手順

【エックスサーバー】ドメイン設定、WordpressインストールとSSL化の手順
記事内に商品プロモーションを含む場合があります
うにょらー
うにょらー
こんにちは!
当サイト以外は放置気味。
うにょらー(@unyora3)です!



この記事はブログをこれから始められる方に向け、

エックスサーバーでの

  • ドメイン設定
  • WordPressインストール
  • 独自SSL設定

上記を画像付きで解説していきたいと思います!

ブログをちゃんとやろうと思って、ドメイン契約やレンタルサーバー契約など初期投資をしても、

最初の設定がちゃんとできていないせいで、後々後悔することが多いです。

うにょらー
うにょらー
反対に、最初にちゃんとできていれば、後は設定など気にせず記事を追加するだけにできます!


当解説記事を読みながら、パパっと終わらせてしまいましょう!

WordPress(ワードプレス)でのブログ開設手順全体が知りたい方はこちらをご覧ください!

ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説
ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説コロナによる収入減、老後の年金2000万問題など副業をやる理由はたくさんある。Wordpressブログが人気ですが、開設方法や設定を間違えると全く稼げないって知ってます?...



⇒ ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説





スポンサーリンク

エックスサーバーでのドメイン設定方法を解説!






今回の解説では、

上記を契約したうえでドメインの設定やWordpressのインストールをしていきます。

まだ契約してないよ!



という方は、それぞれ解説している記事を用意してありますので、ぜひそちらを先に済ませてください!






ドメイン設定【お名前.com】



ドメインを設定するには、ドメイン側とサーバー側の双方で設定する必要があります。

うにょらー
うにょらー
まずはドメイン側を設定していきます。



ドメイン側では、「このサーバーで使うよ!」というのを設定します。

画像はクリックで拡大できます!

うにょらー
うにょらー
まずはお名前.comにログイン



トップ画面内の「よく利用されるお手続き」の「ネームサーバーを設定する」を選択



エックスサーバー設定【お名前ドットコムのトップからネームサーバー設定を選択】



うにょらー
うにょらー
ドメイン設定をしたいドメインにチェックを入れます



エックスサーバードメイン設定【お名前ドットコムでドメイン設定をするドメインを選択】




  1. ネームサーバーの選択は「その他」
  2. 「その他のネームサーバーを使う」に入力するのはエックスサーバーのネームサーバー
  • ネームサーバー1(プライマリネームサーバー)
    ⇒ns1.xserver.jp
  • ネームサーバー2(セカンダリネームサーバー)
    ⇒ns2.xserver.jp
  • ネームサーバー3
    ⇒ns3.xserver.jp
  • ネームサーバー4
    ⇒ns4.xserver.jp
  • ネームサーバー5
    ⇒ns5.xserver.jp

上記をコピペしてください




エックスサーバードメイン設定【お名前ドットコムにてエックスサーバーのネームサーバーを入力する】



うにょらー
うにょらー
ここに関してはこれだけだとわからないと思うので、より詳しく解説しておきます。



ドメインに対して、どこのサーバーで使うかというのを設定するのがこの作業になります。

なので、入力するのはエックスサーバーの情報です。

うにょらー
うにょらー
ちなみに、エックスサーバー側の説明を見ていただくと、今回入力する内容についてしっかりと書かれています!



エックスサーバードメイン設定【エックスサーバー公式でのネームサーバー説明】

上記ページでも書かれているように、

  • ネームサーバー1(プライマリネームサーバー)
    ⇒ns1.xserver.jp
  • ネームサーバー2(セカンダリネームサーバー)
    ⇒ns2.xserver.jp
  • ネームサーバー3
    ⇒ns3.xserver.jp
  • ネームサーバー4
    ⇒ns4.xserver.jp
  • ネームサーバー5
    ⇒ns5.xserver.jp

この情報を、ドメイン側に設定(コピペ)します。

うにょらー
うにょらー
コピペしたあと、間違っていないかもう一度確認し、設定します。



エックスサーバードメイン設定【エックスサーバーのネームサーバー設定確認】



うにょらー
うにょらー
変更すると、通信中の画面(クルクル)になって…



エックスサーバードメイン設定【エックスサーバーのネームサーバー設定中の待機画面】



うにょらー
うにょらー
しばらく待つと、変更完了画面が出できます!



エックスサーバードメイン設定【エックスサーバーのネームサーバー設定完了画面】



うにょらー
うにょらー
これでドメイン側の設定は完了です!






ドメイン設定【エックスサーバー】



続いて、今度はレンタルサーバー側(エックスサーバー)で設定していきます!

うにょらー
うにょらー
エックスサーバー(サーバーパネル)にログイン





うにょらー
うにょらー
インフォパネルから移動もできます!



エックスサーバードメイン設定【エックスサーバーのインフォパネル→サーバーパネル】




「サーバーパネル」で「ドメイン設定」を選択します。


エックスサーバードメイン設定【エックスサーバーのサーバーパネルでドメイン設定を選択】



うにょらー
うにょらー
ドメイン設定追加タブを選択!



エックスサーバードメイン設定【エックスサーバーのドメイン設定追加タブを選択】



うにょらー
うにょらー
先ほどネームサーバーを設定していたドメインを入力!


  • 無料独自SSLを利用する(推奨)
  • 高速化・アクセス数拡張機能「Xアクセラレータ」を有効にする(推奨)

上記2つのチェックは入れたままにしましょう。

うにょらー
うにょらー
どちらも必須&便利機能なので使わない理由がありません





エックスサーバードメイン設定【エックスサーバーにドメイン紐づけ&オプション選択】



うにょらー
うにょらー
入力内容と注意事項をもう一度確認してドメインを追加します!



エックスサーバードメイン設定【エックスサーバーにドメイン追加の最終確認】




ドメイン設定の追加完了画面が表示されます。

うにょらー
うにょらー
一応内容確認しておいてください!



エックスサーバードメイン設定【エックスサーバーにドメイン追加完了画面】




ちなみに、先ほどのオプション

  • 無料独自SSLを利用する(推奨)

上記を利用しておくと、この後で解説する「独自SSL設定」が設定済みになるので、

「サーバーパネル」→「ドメイン」→「SSL設定」から、

うにょらー
うにょらー
設定がちゃんと行われているか確認してみましょう!



エックスサーバードメイン設定【お名前ドットコムにてエックスサーバーでSSL設定がされているか確認】







スポンサーリンク

エックスサーバーでのWordpressインストールおよび必須設定






ここまで、地道な契約や設定お疲れ様です。

お次がやっと、

WordPressのインストールです!

うにょらー
うにょらー
WordPressというのはフリーのソフトで、サイト作成やブログ執筆など包括的に行える便利な奴です。



Wordpressをインストールしたあと、

  • 最低限の必須設定
  • テーマ(デザインなど包括したもの)の選択
  • プラグイン(アプリみないなもの)の追加

ここまでやれば、アドセンス(Google Adsense)に合格できるブログを投稿できるようになります!





WordPressインストール


うにょらー
うにょらー
まずはエックスサーバーのサーバーパネルにログイン!




「Wordpress」→「Wordpress簡単インストール」を選択

エックスサーバーWordpressインストール【エックスサーバーサーバーパネルから簡単インストールへ】

うにょらー
うにょらー
「Wordpressインストール」タブで以下を入力していきます!


  • サイトURL
    ⇒取得&設定してきたドメイン!

  • サイトタイトル
    ⇒お好きな名前でOK!

  • ユーザー名
    ⇒お好きなものでOK!

  • パスワード
    ⇒管理画面に入るためのものなので忘れないように!

  • メールアドレス
    ⇒ログインに使用したり、他にも使うので使用できるものを!

  • キャッシュ自動削除
    ⇒ONで問題なし!

  • データベース
    ⇒自動でデータベースを作成するチェックで問題なし!



エックスサーバーWordpressインストール【Wordpress簡単インストールのための入力解説】



うにょらー
うにょらー
インストールが終わると、ブログのURLと管理画面のURL、その他作成したデータベースについて表示されます



エックスサーバーWordpressインストール【Wordpressインストール完了画面】




インストールはこれで完了です!

インストール直後のブログ画面
Wordpressインストール直後のブログ画面




インストール直後のブログ管理画面へのログインページ
インストール直後のブログ管理画面へのログインページ




実際のブログへのリンク
(※現在ドメイン期限切れで別のドメインになっています…。
設定、使用テーマは一緒です。)
⇒ https://unyora.site/

ドメイン設定・SSL設定などのタイミングによっては、ブログ画面が表示されない場合があります。
その場合はしばらく(数分~数十分)待ち、キャッシュをクリアすると表示されるようになります。





Wordpressをインストールしたら、忘れずにやっておいて頂きたい設定のひとつ、

パーマリンク

忘れてあとから大量に修正するより、最初にやってしまいましょう!





WordPress必須設定(パーマリンク)



またしても知らない単語が出てきたと思います。

パーマリンク

ブログのURLに関わる部分なのですが、ドメインの後に続く部分になります。

例えば今読んでいる記事。

ドメインは、「https://unyora-toppiroki.info/」

この記事のURLは、「https://unyora-toppiroki.info/Xserver-configuration

うにょらー
うにょらー
パーマリンクとは、この「Xserver-configuration」の部分をどんな形(文字列)にするかになります。



例えば、記事のタイトルそのままURLにする。

うにょらー
うにょらー
Wikipediaなんかはそうなっています。



「天空の城ラピュタ」のページだと、

見かけ上のURLは、https://ja.wikipedia.org/wiki/天空の城ラピュタ

でも、URLは日本語に対応していないので、URLをコピーすると

うにょらー
うにょらー
こんな風にわけのわからない感じの文字列になります。



そうならないように、あなた(執筆者)の好きに設定できるようにしておくのです!

ブログで多いのが、記事の内容を英語でまとめるというもの。

URLからでも記事の内容がわかるので、自分でも管理しやすいですし、Googleさんにも評価してもらいやすい(らしい)という形です。

うにょらー
うにょらー
設定するために、まずWordpress管理画面にログインします。



「設定」→「パーマリンク設定」を選択

Wordpressインストール後必須設定【パーマリンク設定画面へ移動】




カスタム構造を選択し、以下を入力する

  • /%postname%



Wordpressインストール後必須設定【パーマリンクを設定】




これで記事を投稿するときに、好きなパーマリンクが設定できるようになります。

うにょらー
うにょらー
最初にやっておかないと、各記事のパーマリンク全部を手作業で修正しなければならなくなる上、記事の順位が変動してしまうので地獄ですよ



忘れずに必ずやっておきましょう!





スポンサーリンク

エックスサーバーでの独自SSL設定を解説!






「独自SSL」

それはなんですか?



そう言いたくなるような名称ですが、通信における「データの暗号化」のことです。

うにょらー
うにょらー
すごく簡単に言うと、「このサイト安全に使えるよ!」という証明書および設定です。



2018年の初めまでは対応していなくても問題なかったのですが、世界の検索を牛耳るGoogleさんより、SSL設定するようお達しがありました。

検索してページが表示される際に、SSL設定していないサイトは

「保護されていない通信」

と書かれるようになってしまいました。

保護されていない通信

SSL設定すると、URLが「http://」→「https://」このように変更されます。

うにょらー