home
twitter
ページトップへ
目次
  • 「WordPress」のインストーラーをインストール!
  • 「WordPress」のサイトで「入手」のボタンをクリック
  • 「自分でダウンロードしてインストール」を選択!
  • ダウンロードが終わるのを待つ
  • ダウンロードした「WordPress」の「zipファイル」を展開する
  • 「すべて展開」を選択
  • 「参照」をクリックして「XAMPP」の中を選択
  • 展開できればOK!
  • 「XAMPP」を立ち上げて「WordPress」を使ってみる
  • まず「データベース」を作る!
  • 「phpMyAdmin」にアクセス
  • 「データベース」の作り方!
  • 設定した名前のデータベースができたか確認
  • 「WordPress」にWebブラウザからアクセス!
  • すると「WordPress」の初期設定ページに飛ぶ
  • 「データベース名」や「ユーザー名」を設定しよう
  • 何を入力したらいい?
  • データベースに接続できたらインストール!
  • ログインしてみる!
  • 「ダッシュボード」を表示できたら完了!
  • まとめ!
about
categories
page
archive
皇帝ペンギンブログ

2025/12/23 (更新日:2025/12/23)

「WordPress」を「XAMPP」で作った環境で使えるようにする方法!

Categories > programming

前回の記事で「XAMPP」の環境をローカルのPCに作りました。

「XAMPP」の使い方!

関連記事

「XAMPP環境」に今回は「WordPress」をインストールして使えるようにします!

この記事では、

・WordPressをネット上からダウンロード
・XAMPPを立ち上げる
・Apacheを立ち上げる
・MySQLを立ち上げる
・WordPressをサーバー内に配置
・データベース作成
・WordPressとデータベースを連結
・ログイン情報等_設定
・ログイン

これらの情報を扱います。

目次
非表示
  • 「WordPress」のインストーラーをインストール!
  • 「WordPress」のサイトで「入手」のボタンをクリック
  • 「自分でダウンロードしてインストール」を選択!
  • ダウンロードが終わるのを待つ
  • ダウンロードした「WordPress」の「zipファイル」を展開する
  • 「すべて展開」を選択
  • 「参照」をクリックして「XAMPP」の中を選択
  • 展開できればOK!
  • 「XAMPP」を立ち上げて「WordPress」を使ってみる
  • まず「データベース」を作る!
  • 「phpMyAdmin」にアクセス
  • 「データベース」の作り方!
  • 設定した名前のデータベースができたか確認
  • 「WordPress」にWebブラウザからアクセス!
  • すると「WordPress」の初期設定ページに飛ぶ
  • 「データベース名」や「ユーザー名」を設定しよう
  • 何を入力したらいい?
  • データベースに接続できたらインストール!
  • ログインしてみる!
  • 「ダッシュボード」を表示できたら完了!
  • まとめ!

「WordPress」のインストーラーをインストール!

まずは「Google」で「WordPress」と検索して、WordPressの公式サイトへ移動

「WordPress」のサイトで「入手」のボタンをクリック

先日、WordPressの6.9がリリースされましたね。

時期によってサイトの画面は変わると思うのですが、「WordPressを入手」的なニュアンスのボタンをクリックすればOKです。

「自分でダウンロードしてインストール」を選択!

開発者の皆さんは「自分でダウンロードしてインストール」の方が速いし簡単です。

ダウンロードが終わるのを待つ

Chromeというブラウザをお使いの方なら、右上にダウンロード中のローダー的なものが表示されると思います。

ダウンロードした「WordPress」の「zipファイル」を展開する

PCのダウンロードフォルダに「zip」フォルダで「WordPress」がダウンロードされているはずです。

「zipフォルダ」というのは圧縮されたフォルダのことです。

これを「XAMPP」の中に展開してあげればOKですね。

「すべて展開」を選択

「すべて展開」を選択して、展開してあげます。解凍ともいいます。

「参照」をクリックして「XAMPP」の中を選択

ここが重要です。

C:\xampp\htdocs\my_wordpress 今回はここに展開します。

my_wordpress は今回任意で名前をつけた作業フォルダーです。

で、そもそも「XAMPP」を前回の記事でCドライブ直下にインストールしました。

「XAMPP」に含まれる「Apache」によって「Webサーバー」をお手元のPCで立ち上げられる訳ですが、その「Webサーバー」にアクセスするとデフォルトで「htdocs」がルートディレクトリとなります。

なのでその中に「WordPress」を置いてあげて、そこにアクセスして開発していく、という感じです。

展開できればOK!

C:\xampp\htdocs\my_wordpress\wordpress

のように「WordPress」のコードが入ったフォルダを、作業フォルダーに設置できればOKです!

「XAMPP」を立ち上げて「WordPress」を使ってみる

・「XAMPP」を立ち上げる
・「XAMPP」のコントロールパネルから「Apache」を起動
・「MySQL」も起動

「XAMPP」のインストールと使い方については下記の記事で解説しています。

「XAMPP」の使い方!

関連記事

まず「データベース」を作る!

まず「WordPress」で使う「データベース」を作ります。

「データベース」を先に作らないと、「WordPress」は使えません。

「WordPress」は「データベース」ありきなのです!

「phpMyAdmin」にアクセス

設定は簡単で、アドレスバーに下記を入力します。

http://localhost/phpmyadmin/

「データベース」の作り方!

・「データベース」をクリック!
・「データベース名」に任意の名前を入力
・今回は「WordPress」とします
・デフォルトの「utf8mb4_general_ci」のままでOK
・「作成」をクリック!

設定した名前のデータベースができたか確認

左のサイドバー的なところで「データベース」名前を確認できます。

デフォルトでいろいろデータベースがあるみたいですね。

今回は「WordPress」という名前にしたので、それが確認できればOKです!

「WordPress」にWebブラウザからアクセス!

Webブラウザーのアドレスバーに

localhost/my_wordpress/wordpress/ と入力してください

全文だと http://localhost/my_wordpress/wordpress/ 

ですね。http:// は打たなくてもOKです。省略できます。

すると「WordPress」の初期設定ページに飛ぶ

http://localhost/my_wordpress/wordpress/wp-admin/setup-config.php

ここに飛ばされると思うのですが、大丈夫です。正常です。

ここで、データベースとの連結などの初期設定を、Webブラウザから行うことができます。

「WordPress」が使いやすい点の一つですね。

ファイルのコードを直接編集して、そこにデータベースの情報を書き込んでもOKなのですが、この画面で入力したものが、wp-config.phpに記述されるのですが、それも「WordPress」が行ってくれます。

PHPはファイルの読み書きができるのです。

「さあ、始めましょう!」で始めましょう

「データベース名」や「ユーザー名」を設定しよう

・データベース名
・データベースのユーザー名
・データベースのパスワード
・データベースホスト
・テーブル接頭辞 (1つのデータベースに複数の WordPress を作動させる場合)

これらの入力を迫られるので、入力します。

何を入力したらいい?

・「データベース名」
先ほど作ったデータベース名を指定

・「ユーザー名」 root  「重要」!!

・パスワード 空欄にする  「重要」!!

・「データベースのホスト名」 localhost  「重要」!!

「データベースの接頭辞」 wp_ これはなんでもOK

こんな感じで指定すればOKです。

なぜこのように指定するのか?

まず「データベース」を指定するには、

・ホスト名
・データベース名
・ユーザー名

この3つが必要です。

・ホスト名 は手元のPCでデータベースを使うので、自分のPCを表す localhost と指定(必須)

・データベース名 作ったデータベースの名前を指定 任意に決める

・ユーザー名 root という管理者権限のユーザーがデフォルトで用意されているので、それを使用すると楽である
もちろん新しくユーザーを作って、そのユーザーに作ったデータベースを操作する権限を与えて使用することも可能ですが、WordPressの開発ではrootをそのまま使っちゃえば楽、ということです!

データベースに接続できたらインストール!

・サイトのタイトル
・ユーザー名
・パスワード
・パスワードの確認
・メールアドレス
・検索エンジンでの表示

これらの設定をします。

すべて後から変更可能なので、とりあえず何でもOKです。

設定できたら、「WordPress をインストール」をクリック!

ログインしてみる!

先ほど設定した

・ユーザー名
・パスワード

これらを入力して、ログイン!

「ログイン状態を保存する」もおすすめ!ある程度の期間は、再度ログイン情報を入力なくてもログインできるようになります。

「ユーザー名」と「パスワード」はChromeなどに保存しちゃってOKだと思いますね。

「ダッシュボード」を表示できたら完了!

おめでとうございます!

これで「WordPress」がお手元のPCで使えるようになりました!

いろいろ操作して楽しんでみてください!

まとめ!

この記事では、

・WordPressをネット上からダウンロード
・XAMPPを立ち上げる
・Apacheを立ち上げる
・MySQLを立ち上げる
・WordPressをサーバー内に配置
・データベース作成
・WordPressとデータベースを連結
・ログイン情報等_設定
・ログイン

この辺まで解説しました!

画像をたくさん使ったので、イメージしやすいかったと思います!

次は、WordPressのテーマを作っていこうと思うので、よかったらまたブログに訪れてみてね!

ではまたっ

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (189)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • phpの入門編 (10)
    • Web制作をする環境を整えよう! (1)
    • WordPress (11)
  • Uncategorized (25)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 勉強 (3)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (8)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2025年12月 (12)
  • 2025年11月 (1)
  • 2025年10月 (5)
  • 2025年7月 (8)
  • 2025年6月 (1)
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.