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 コメント(上から新着順)
インラインフィードバック
すべてのコメントを見る