XAMPPにWordPressをインストールしたときの覚書

XAMPPにWordPressをインストールしたときの覚書

XAMPPにWordPressをインストールするとき、いつも「どうやるんだっけ」になるので、今回はスクショを撮りながら作業しました。

そのときのインストール手順を書き留めておきます。

データベースの作成

WordPressをインストールするには、データベースが必要です。phpMyAdminを使ってデータベースを作成します。

XAMPP コントロールパネル

XAMPPのコントロールパネルを起動して、ApacheとMySQLの「Start」をクリック。

XAMPP コントロールパネル

MySQLの「Admin」をクリック。

phpMyAdmin ログインページ

「ユーザー名」と「パスワード」を入力して、「実行」をクリック。

  • ユーザー名:変更していなければroot
  • パスワード:設定していなければ空欄
phpMyAdmin トップページ

「データベース」をクリック。

phpMyAdmin データベース作成ページ

「データベース名(任意の半角英数字)」を入力して、「照合順序」を選択したら、「作成」をクリック。

照合順序は、絵文字を使うならutf8mb4_general_ciで、使わないならutf8_general_ciでいいのかなと思います。

phpMyAdmin データベース構造ページ

左側のナビゲーションツリーにデータベースが追加されます。

WordPressのインストール

WordPressの日本語公式サイトからWordPressを入手します。

https://ja.wordpress.org/

ダウンロード

WordPress トップページ

「WordPressを入手」をクリック。

WordPress ダウンロードページ

「WordPressをダウンロード」をクリック。

僕がダウンロードしたときのバージョンは5.2.1でした。

保存ウィンドウ

任意の保存場所を選択して、「保存」をクリック。

PC ダウンロードフォルダ

ダウンロードしたwordpress-5.2.1-ja.zipを右クリックして、「すべて展開」をクリック。

圧縮(ZIP軽視)フォルダの展開ウィンドウ

「完了時に展開されたファイルを表示する」にチェックを入れて、「展開」をクリック。

PC ダウンロードフォルダとhtdocsフォルダ

展開が終わったら、wordpressフォルダーをC:\xampp\htdocsに移動。

wordpressフォルダ

これでXMAPPにWordPressをインストールすることができます。

wordpressフォルダ

wordpressというフォルダ名を好きな名前に変更することができます。僕は先ほど作成したデータベースの名前と同じにしました。

インストール

WordPress ようこそページ

「さあ、始めましょう!」をクリック。

WordPress データーベース接続情報 入力ページ

データベースの接続情報を入力して、「送信」をクリック。

  • データベース名:先ほど作成したデータベースの名前
  • ユーザー名:変更していなければroot
  • パスワード:設定していなければ空欄
  • ホスト名:localhost
  • テーブル接頭辞:任意の半角英数字_(アンダーバー)

テーブル接頭辞について補足すると、「wp_」のままインストールするのはセキュリティ上よろしくありません。容易にテーブルの名前が推測できてしまいます。また、一意な接頭辞を与えることで、1つのデータベースに複数のWordPressをインストールすることできます。

WordPress データーベース接続完了ページ

「インストール実行」をクリック。

WordPress 必要情報 入力ページ

管理画面へのログイン情報などを入力して、「WordPressをインストール」をクリック。

  • サイトのタイトル:ブログの名前
  • ユーザー名:管理画面ログイン時に使います
  • パスワード:管理画面ログイン時に使います
  • メールアドレス:管理者のメールアドレス
WordPress インストール完了ページ

成功しました!が表示されます。

WordPressの管理画面にログイン

WordPressの管理画面にログインしてブログを表示してみます。

http://localhost/フォルダ名/wp-login.php

WordPress ログインページ

ユーザー名とパスワードを入力して、「ログイン」をクリック。

WordPress 管理画面(ダッシュボード)

管理画面が表示されたら、「ブログの名前」をクリック。

WordPress ブログトップページ

ブログが表示されます。