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

うにょらー

こんにちは！
当サイト以外は放置気味。
うにょらー(@unyora3)です！

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

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

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

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

うにょらー

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

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

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

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

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

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

今回の解説では、

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

まだ契約してないよ！

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

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

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

うにょらー

まずはドメイン側を設定していきます。

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

うにょらー

まずはお名前.comにログイン

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

お名前.com

うにょらー

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

うにょらー

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

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

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

うにょらー

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

www.xserver.ne.jp

ネームサーバーの設定 | レンタルサーバー【エックスサーバー】

https://www.xserver.ne.jp/manual/man_domain_namesever_setting.php

レンタルサーバー「エックスサーバー」のご利用マニュアル｜ネームサーバーとは、ドメインの運用サーバーを決定する仕組みとお考えください。エックスサーバーで独自ドメインを使用するには、ネームサーバーをエックスサーバー指定のものへご変更ください。

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

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

うにょらー

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

うにょらー

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

うにょらー

しばらく待つと、変更完了画面が出できます！

うにょらー

これでドメイン側の設定は完了です！

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

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

うにょらー

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

うにょらー

インフォパネルから移動もできます！

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

うにょらー

ドメイン設定追加タブを選択！

うにょらー

先ほどネームサーバーを設定していたドメインを入力！

うにょらー

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

うにょらー

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

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

うにょらー

一応内容確認しておいてください！

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

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

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

うにょらー

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

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

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

お次がやっと、

WordPressのインストールです！

うにょらー

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

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

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

WordPressインストール

うにょらー

まずはエックスサーバーのサーバーパネルにログイン！

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

うにょらー

「Wordpressインストール」タブで以下を入力していきます！

うにょらー

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

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

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

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管理画面にログインします。

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

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

うにょらー

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

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

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

「独自SSL」

それはなんですか？

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

常時SSL Lab. by Zenlogicのファーストサーバ株式会社

常時SSLにはどれを使う?今さら聞けないSSL証明書の種類と違い

https://zenlogic.jp/aossl/basic/ssl-type/

SSLサーバー証明書の種類と特長、それぞれの違いについて、改めて確認しておきましょう。

うにょらー

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

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

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

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

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

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

うにょらー

後で設定するのは大変なので、必ずブログ記事を書く前に設定しましょう！

エックスサーバーでの独自SSL設定の追加

最初の設定は、エックスサーバーでの独自SSL設定を追加するところからですが、ドメイン追加の際に「独自SSL設定を追加」していれば完了しています！

あれ…？ちゃんと設定したっけ…？

そう不安になった方は、

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

うにょらー

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

WordPress側の設定変更とリダイレクト設定

Wordpressインストールに、必ずしておくべき設定を紹介します。

うにょらー

基本的には、上で書いたSSL設定の続きになります！

まずは、Wordpressの管理画面にログイン

管理画面のトップページで、「設定」→「一般」と選択

うにょらー

一般設定の画面で以下の通り変更！

うにょらー

ログインしなおし、URLがかわっていることを確認してください

URLが変わっていることを確認したら、「http://」の方にアクセスが行かないようにサーバー側での設定をします。

うにょらー

エックスサーバー(サーバーパネル)に再びログイン！

右上が設定したいドメインか確認(そもそも表示されていなければ気にしないでOK)
「ホームページ」→「.htaccess編集」を選択

うにょらー

独自SSLの設定をしたいドメインを選択！

うにょらー

注意を読みつつ、.htaccess編集画面へ

これで「.htaccess」というブログの中でも結構重要なファイルを編集できるようになります。

このファイルに手を加えることで、「http://」の方にアクセスした人を、

自動的に「https://」の方に転送するなんてことができるようになります！

うにょらー

私が極力重要なファイルをいじりたくない人なので、あなたもコピペで済むようにします！

開いた「.htaccess」の先頭に以下の文字列を追記する！

上記文字列を追記してファイルを更新すれば、SSL設定は完了です！

うにょらー

お疲れ様です！

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

うにょらー

まずは、最低限の設定お疲れさまでした。

私にはあなたが、お金を稼ぐためにブログを開設するのか、ただの趣味でブログを開設するのかはわかりません。

それでも当サイトにたどり着き、ブログを開設しよう実際に動いた時点で素晴らしい行動力だと思います。

うにょらー

まずは一度自分を褒めてください。

これからあなたが望むブログ執筆という道は、運いい人か死に物狂いでやる人以外、最初の数か月人に見てもらえないという過酷な道です。

うにょらー

さらにはブログ収益のための「Google Adsense」に合格することさえ何度も躓くかもしれません。

Googleアドセンス対策としてのブログ構成などはお伝えすることができますが、それでもGoogleさんに評価され、読者が満足するブログというものに正解はありません。

時にはくじけそうになったり、辞めたくなることもあるでしょう。

そんな時は、Twitterででも話しかけてください。

うにょらー

あんまり根を詰めずに、一緒に頑張りましょう！(@unyora3)です！

そんなありきたりな励ましよりも、

WordPress(ワードプレス)でのブログ開設、設定手順全体が知りたい

という方はこちらをご覧ください。

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

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