httpからhttpsにする方法とSSL化。ワードプレスでブログを始める方法

エックスサーバー向けの記事です

どうも!
選民思想が強い成人男性のニコアちゃんです。

『そろそろ放置してたホームページを作ろうかな~』と思って情報収集してたんですけど、ネットの情報があまりにも見にくすぎて凄く困っちゃったんだよね😅

SEO狙いのスカスカな記事が邪魔すぎる!!!

だから、僕が分かりやすく内容をまとめるよ。

このページを見ればwordpressの始め方からSSL化まで全部解決だから、もう「うざったい記事」に悩まされる必要はないぞ!

よかったな~。僕に感謝しろよ☆

ちなみに、記事内の画像出典はWordPressとエックスサーバーね。

分からない部分があったらコメントください。ある程度は回答します。

エックスサーバーでワードプレスを始める前準備

スポンサーリンク

エックスサーバーと契約する(有料)

エックスサーバー株式会社は、大阪府大阪市北区に本社を持つ、インターネット関連サービス事業などを行う企業である。

引用:Wikipedia

まず、ブログを始めるためには有料のレンタルサーバーサービス
「エックスサーバー」と契約する必要がある


契約してない人は契約したらここに戻っておいで~。

プランは「ブログを10個運営する!」とかでもない限り、
スタンダードのプランで十分だと思います。

無料でブログをやりたい人はnoteをやりな。

ホムペならWixとかがいいと思うよ。

エックスドメインでドメインを取得する


ドメインはエックスサーバーのオマケで貰えたと思いますが、
他に欲しいドメインがあるなら「エックスドメインで取得する」のがオススメです。

「ロリポップ」とか「ドメインなんちゃら~」みたいなところで契約してもいいと思いますが、エックスドメイン以外の場所でドメインを購入すると移行がちょっとだけ面倒くさくなるので、エックスサーバーを使うつもりならエックスドメインで購入するのをオススメします。

ドメインを取得するなら「.com」か「.jp」がオススメです

でもまあ
「.com」とか「.jp」のドメインでseo(ブログの格みたいなもの)の優劣が決まるわけではないので、こだわりが無いならどのドメインを選んでもいいと思います(co.jpなどの例外はありますが、一般人は取得できないので関係ないです)。

ドメインには中古ドメイン(もともとseoの強いドメイン)ってのもありますが、アレは邪道なので、普通の人はやめたほうがいいと思います。

ズルするとろくなことにならないから!!

エックスドメインとエックスサーバーを連携させる


ドメインとサーバーを手に入れたら、それを連携させる必要があります。

流れは、
トップ→サーバー管理→サーバーパネル(ドメイン設定)→ドメイン設定追加って感じね。

サーバー管理
ドメイン設定
買ったドメインを記入

確認画面に進んでいって、決定していけばドメインの導入は完了。

Whoisを非表示にする

スポンサーリンク

Whoisとは、IPアドレスやドメイン名の登録者などに関する情報を、インターネットユーザーが誰でも参照できるサービスです。

引用:JPRS

たしか初期の時点でWhoisは表示状態になっていたはず。

コイツはマジで非表示にしておいた方がいいよ
(Whois検索で住所が割れるぞ!)。

流れは、
トップ→ドメイン(キミのドメイン.com)→登録者情報(設定変更)→Whois登録者情報非表示設定(有効)って感じね。

キミのドメイン

登録者情報

「登録名を表示しない」ってなってたらOK

こんな感じね。

画像はちょっと端折ってるけど、流石に分かるよね?
このくらいは頑張ってくれ~。

ついでに
適応先ドメインサーバーがエックスサーバーになっているかも確認しておいてね
(同じページかその付近のページにあったと思う)。

一応この状態になってるか確認

これね。

エックスサーバーでWord Pressをダウンロードする


ドメインとサーバーの連結が出来たら次は
WordPressをダウンロードする。

流れは、
トップ→サーバー管理→サーバーパネル(WordPress簡単インストール)→ドメイン選択画面(選択する)→WordPressをインストール

サーバー管理

WordPress簡単インストール(赤線の下)

ユーザー名は英数字限定

項目に入力する文字は好きな言葉で良いです
(なんでもいいけど、分かりやすい言葉にしておいた方がいいよ)。

その他の項目はデフォルトのままでOK

──で、インストールが終了したら管理画面URL(http://luminaglass.jp/ほにゃらら)をクリックする。

ほにゃららの部分は今後、
管理フレーズと呼ぶことにします

キミのURL

管理画面URLをクリックするとwordpressの管理画面に行けるはず。

そして、この管理画面URLは忘れないようにメモっておくこと!
(ブックマークもしときな~)。

httpからhttpsにする方法(エックスサーバー)

スポンサーリンク

httpからhttpsにするにはまず始めに、
SSLに申し込みをする必要がある。

流れは、
エックスサーバートップ→サーバー管理→SSL設定→選択する→独自SSLの追加。

サーバー管理

SSL設定ってとこね

最終的にこうなればOK

設定を確定して反映の確認が出来たら次は
wordpressに移動する

httpからhttpsにする流れは、
wordpressトップ→設定→一般設定

一般をクリック

真似してみてね

上の画像のページでurlをhttpsに変更する。

重要なのは
WordPress アドレス (URL)をいじらないこと
(httpをhttpsにするのはOK)。

WordPressアドレスを変更すると
めちゃくちゃめんどくさいことになるので、絶対に間違えないように!
(やり直すなら再インストールする方が早いし楽だよ)。

あと、間違えてluminaglass.jpと打たないように。
それは僕のURLだぞ!

そして、終わったらここからがちょっと面倒。

エックスサーバートップ→ファイル管理→キミのドメイン(??.com)→public_html→管理URL(キミが選んだURL)→index.phpをコピー

今度は左のファイル管理

indexを選択して、public_htmlにコピーする

public_htmlの中にある管理フレーズ(自分で選んだ英数字のフォルダ)の中からindex.phpを選択してコピーする。

index.phpのコピー先はpublic_html。

下の画像は例。

public_htmlが選択された状態で変更を押す(logは関係ない)

……で、コピーが完了したら
コピー先のindex.phpを開いて、ページの一番下部にあるコードを書き換える。

/** Loads the WordPress Environment and Template */
require __DIR__ . '/wp-blog-header.php';

から

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/管理フレーズ/wp-blog-header.php' );

に変更ね。

「管理フレーズ」を忘れてる人はwordpressのurlからでも確認できるよ。

この塗りつぶされてる英数字が管理フレーズ

ちなみに、このindex.phpのコードが正確なのは僕のブログだけです😅

…………。
……。

ありえなくない?

僕がいじくって発見したからこのコードも正確ではないかもしれないですけど、これじゃなきゃ動かなかったからね😓 どうなってんだ。

いらん

それと、public_html内にあるindex.htmlは邪魔になるので、消去しておきましょう。
コイツを消さないと動かなかったはず。

で、次にやることは常時SSL化

ワードプレスを常時SSL化させる方法

スポンサーリンク

改変したindex.phpと同じpublic_html内にある.htaccess

RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

を挿入する。

挿入する場所は#BEGIN WordPressの上とかで良いと思います。

#BEGIN WordPressと#End WordPressの間に挿入すると勝手に初期化されるので注意。

こんな感じになっていればOK(エックスサーバーのhtaccess編集からも変更が可能)

これで常時SSL化は完了

自分のurlをhttp://の状態で検索して、https://のページが表示されれば完成。

僕のやつはこうなった

成功したら上のようなページが表示されるはず
テーマは違う奴かもしれないけど、とりあえずエラーページじゃなければOK

…………。
……。

あとはもうキミだけでできると思うけど、一応次回も予定している。

次回の内容は、
ワードプレスの初期設定と導入するプラグインやテーマについての紹介。

記事ができたらリンクを貼るね☆

0 コメント(上から新着順)
インラインフィードバック
すべてのコメントを見る