この記事では、XAMPP と呼ばれる Web開発用のオープンソースパッケージに WordPress をインストールし、ログインするまでの方法について簡単に説明します。

難しい知識は特に必要なくただインストールし、インストールしたファイルを適切なファイルパスに押下すれば誰でもできます。

なおこの記事はデータベースの設定等が完了していることが前提で記述しております。

もしデータベースの設定を行っていない方は下記リンクを参考にしてみて下さい。

【自宅PCでWeb開発】XAMPPでMySQLにデータベースとユーザーの作成方法

2019.3.23

はじめに Wordpress でホームページ運用する際に、データを管理する機能としてDB（データベース）が必要となります。 この記事では、Web 開発環境を簡単に作成できる「XAMPP」というオープンソースパッケージを用いて、新規データベースとデータベースユーザーの作成方法について簡単に説明します。...

WordPress のインストール手順

まずWordpressの公式ページからダウンロードページに行きます。

そしてそこから最新版の WordPress をダウンロードします。

自分のパソコンに Zip ファイルがダウンロードされるので、その Zip ファイルを右クリックし「すべて展開」を選択します。

同じファイルパス（上記画面なら「ダウンロード」フォルダ）に「wordpress-5.1.1-ja」が展開されるので、

そのフォルダの下層の「Wordpress」フォルダをXAMPP のフォルダに移動させます。

今回は XAMPP を 「C:\」にインストールしているため、「Wordpress」フォルダを「C:\xampp\htdocs」に移動させます。

XAMPP コントロールパネルから MySQL と Apacheを起動させた状態で、

ブラウザで「https://localhost/wordpress」と入力すると下記のような画面が表示されますので、「さあ、始めましょう！」を押下し次に進めます。

つぎにデータベース情報を入力します。

データベース名と使用したいデータベース名を入力し、そのデータベース用のユーザ名とパスワード、ホスト名（今回は自分のPCで開発をするため「localhost」）を入力します。

入力が完了しましたら、「送信」ボタンを押下します。

インストールの準備が整いましたので、「インストール実行」を押下します。

下記画面に遷移しますので、サイト情報を入力します。

これらの設定は後で変更が可能であるため、一時的に適当な値を入力しても問題ありません。

「検索エンジンでの表示」についても、開発段階ならまだページを公開したくないと思いますのでチェックをつけることをおススメします。

すべての情報を入力後、「Wordpress をインストール」を押下します。

インストールが完了すると下記メッセージが表示されますので、「ログイン」を押下します。

ログイン画面が表示されますので、先ほど入力したユーザ名とパスワードを入力しログインします。

ログインに成功すると、Wordpress おなじみの画面に遷移することが確認できます。

最後に

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

これにて WordPress インストールが完了です。超簡単なので、ぜひこの記事を参考に行ってみてください。

「https 化ってなんで必要なんだろうか？」

そんなこと思ったことはありませんか？

自分のホームページをつくったら「https 化しよう！」というワードを一回は見ることになると思います。

結論から言いますと、

ホームページを作成したら絶対にHTTPS 化しましょう！というかした方がいいことだらけです！

この記事では HTTPSとは何か？ HTTPSの必要性についてと

エックスサーバー上での具体的な HTTPS化の手順について簡単に説明します。

そもそも HTTPS とは何か？

HTTPS とは、インターネットでホームページをする時に発生する通信を

暗号化する通信プロトコル（通信のお決まりごと）のことです。

その通信を第三者が覗き見た時に暗号化されているから通信が解読できないんですよ！

つまり HTTPS にすると第三者に盗聴されることなく安全に通信ができるんです！（下はイメージ図です！）

暗号化通信していないとき

例えば A君とBさんが会話してなんらかのやり取りをしている場合、C君がそれを盗み聞こうとしています。

そんなとき、A君とBさん間のやり取りが暗号化されていないとそのまま内容が筒抜けになってしまいます。

暗号化通信しているとき

上記に対して暗号化通信をしていると、A君とBさん間のやり取りがC君に盗み聞かれずに安全にやり取りができます。

ワイのサイトそんなにばれたらまずい情報ないで？

「私のサイトにそんなたいしたな情報ないよ...」っていう方、

少なからずログインIDやパスワードは通信データとして発信されていますね！

もちろん通信の安全性だけではありません。HTTPS の設定をすると以下のメリットがあります。

これだけ見たらさすがに HTTPS の設定をしようと思います。

さて次に WordPress での HTTPS 化のやり方をご紹介しましょう！！

超簡単！！Wordpress で HTTPS 化しよう！！

本手順は、エックスサーバー上での HTTPS 化する方法を解説いたします。

エックスサーバーの「サーバパネル」での設定

① エックスサーバーの「サーバパネル」にログインし、「SSL設定」 をクリックします。

② 下記画面で HTTPS 化するドメインを選択し（下記画面では「xxxxx.com」）、「選択する」をクリックします。

③ 下記画面が表示されますので「独自SSL設定の追加」タブを選択し、

そのまま「独自SSL設定を追加する(確定)」をクリックします。

④ 下記画面が表示されますので、少し待つと完了します。サーバ上での設定は以上です。

WordPress の管理画面での設定

① 次に WordPress の管理画面にログインし、「設定」→ 「一般」とクリックします。そして下記画面のようにWordpress アドレス (URL) とサイトアドレス(URL) の「http://」と記述してある箇所を「https://」と変更します。

② 画面下にスクロールして、「変更を保存」をクリックします。

③ 次にプラグイン 「Search Regex」をインストールします。

メニューの「プラグイン」→ 「新規追加」から「Search Regex」を検索し、インストール & 有効化 をしてください。

このプラグインは内部リンクを全部 「https://」に変更してくれます。

④ 次にメニューの「ツール」→ 「Search Regex」をクリックします。

⑤ 下記画面が表示されますので、変更前後のURLを入力し、「Replace & Save」をクリックします。

⑥ 次に、最後にWordpress のサーバーパネルにログインし「.htaccess編集」を押下します。

⑦ そして自分のサイトのドメイン名を選択し、

「.htaccess編集」タブ →「.htaccess」ファイルに以下のコードを一番上に張り付けて保存してください。

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

これでOKです！

一旦、管理画面を閉じてもう一度ログインしなおしてください。URL が 「https://」になってたら OK です！

最後に

以上で手順解説を終了します。

ぜひこの記事を参考に HTTPS 化に挑戦してみてください。

最後までご精読ありがとうございます。