6-9-1-2. XAMPP + WordPress ブログサイト開発環境の構築要領

Wordpress の Update や、テーマのカスタマイズのために、ブログの開発環境を構築。
ローカルでテストを実施した後、本番環境に適用。


1. XAMPP（ザンプ）のインストール

xxampp-portable-win32-5.6.21-0-VC11-installer.exe (日付: 2016-05-13, サイズ: 90.1 MB)
をダウンロードしインストール。

インストールするフォルダの指定　→　「NEXT」をクリック


XAMPP コントールパネル　→　v3.2.2 になる


※ XAMPP 新バージョンでの変更点。
　・Apache Admin で、管理画面が出なくなった。以前の http://localhost/xampp/　はなくなった。
　・http://localhost/security/　もなくなった。


http://localhost/dashboard/jp　で次の画面が表示される


『xampp』フォルダの中に xampp-control.exe というファイルがあるので、
これのショートカットをデスクトップに作る。このショートカットで XAMMP を立ち上げ、
Apache を start とすれば、Windows PC 内で Webサーバーが起動すると共に、
Apache + MySQL + PHP + Perl の開発環境が完成。
これで、phppgm フォルダの中に、HTML/CSS/PHP のプログラムを作成すれば、Webサイトが動く。

　ブラウザでのURLは、http://localhost/phppgm/
　→　"phppgm" のファイル名を変えれば、幾つものテストサイトが作れる。


2. WordPress 用のデータベース作成

phpMyAdmin で、データベースを作成。
この画面は、http://localhost/phpmyadmin　で表示できる



3. WordPress のインストール

WordPress 4.5.2 をダウンロード　→　解凍し、wordpress ファイルを xampp/htdocs にファイルごとコピーする。
http://localhost/wordpress/ にアクセスし WordPress をインストール。




・データベース名　→　wp-tac
・ユーザー名　　　→　root
・パスワード　　　→　ブランク
・データベースのホスト名
　→　localhost のままにする
・テーブル接続辞
　→　wp_ のままにする

「送信」ボタンをクリック



インストール実行




ようこそ画面


・サイト名　　　→　wptestsite
・ユーザー名　　→　xxxxx
・パスワード　　→　yyyyy
・メールアドレス 　→　zzzzz


4. WordPressの管理画面へのログインと動作確認

下記URLへアクセスすることで、ログイン画面を出すことができる。

http://localhost/wordpress/wp-login.php

ログインすると、ダッシュボード画面が表示されるので、
動作確認と、初期設定を行う。







開発ノウハウ等





PAGE TOP ▲