69
WordPressをローカルで構築 する -Windows XAMPP-

第14回wb大阪 ローカルでのword press構築

Embed Size (px)

Citation preview

Page 1: 第14回wb大阪 ローカルでのword press構築

WordPressをローカルで構築

する

-Windows XAMPP編-

Page 2: 第14回wb大阪 ローカルでのword press構築

自己紹介WordPressは主にブログで利用。たまにお仕事でも。

YAT・Wordbench 大阪実行委員長

・YATのBLOGを 運営しています

Page 3: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 4: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 5: 第14回wb大阪 ローカルでのword press構築

XAMPP(ざんぷ)とは?

ウェブアプリケーションの実行に必要なフリーソフトウェアをパッ

ケージとしてまとめたもので、apachefriends.orgから提供されて

います。

X…Windows、Linux、Mac OS X、Solarisのクロスプラットフォーム

A…ApacheのAM…MySQLのMP…PHPのPP…PerlのP

Page 6: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

http://www.apachefriends.org/jp/xampp-windows.html

Page 7: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

Page 8: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

Page 9: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

WordPress 日本語版バージョン 3.2〜3.5 の動作環境

・PHP バージョン 5.2.4 以上

・MySQL バージョン 5.0 以上

Page 10: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

Page 11: 第14回wb大阪 ローカルでのword press構築

XAMPPのダウンロード

Page 12: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

Page 13: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

Page 14: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

Page 15: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

Page 16: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

Page 17: 第14回wb大阪 ローカルでのword press構築

XAMPPのインストール

コントロールパネルを起動しますか?

Page 18: 第14回wb大阪 ローカルでのword press構築

Apacheの起動

Page 19: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 20: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

ActionsがStopになっていればStartしているということ。つまり起動している状態。

Startになっているのは起動できていない状態。

Page 21: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

Page 22: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

一番多い原因としてSkypeのポートがApacheと同じ80番を利用しているために起動できないケース。

Page 23: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

一番多い原因としてSkypeのポートがApacheと同じ80番を利用しているために起動できないケース。

ツール>設定よりポートを調べます。

Page 24: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

Page 25: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

チェックが入っていたらチェックを外します。

Page 26: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

それでも解決しない場合

Page 27: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

コマンドプロンプトを起動します。

スタートメニューの「プログラムとファイルの検索」でcmdと入力して検索します。

Page 28: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

コマンドプロンプトを使って、ポート80番を利用しているアプリケーションを特定し、終了させます。

Page 29: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

netstat -ano

Page 30: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

Page 31: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

Page 32: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

ポート80番でPIDが8032を確認

Page 33: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

tasklist /svc /fi “PID eq <該当のPID番号>

Page 34: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

PIDのアプリケーションが特定出来るので該当のアプリケーションをWindowsより終了させます。

Page 35: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

再びnetstat -ano

Page 36: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

80番が項目に無ければOKです。

Page 37: 第14回wb大阪 ローカルでのword press構築

Apacheが起動しない場合

コマンドプロンプトを終了し、windowsに戻ります。

(終了はexitと入力)

Page 38: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動  

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 39: 第14回wb大阪 ローカルでのword press構築

XAMPPの起動

startをクリック

Page 40: 第14回wb大阪 ローカルでのword press構築

XAMPPの起動

PID及びPortsに情報が出現し、ActionsがStopに変わればOK

Page 41: 第14回wb大阪 ローカルでのword press構築

XAMPPの起動

localhostにアクセス

Page 42: 第14回wb大阪 ローカルでのword press構築

XAMPPの起動

このページが表示されればOK

Page 43: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 44: 第14回wb大阪 ローカルでのword press構築

WordPressのダウンロード

http://ja.wordpress.org/

Page 45: 第14回wb大阪 ローカルでのword press構築

WordPressのダウンロード

Page 46: 第14回wb大阪 ローカルでのword press構築

WordPressのダウンロード

Page 47: 第14回wb大阪 ローカルでのword press構築

WordPressのダウンロード

ダウンロードして解凍

Page 48: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 49: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 50: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

xampp/htdocsにフォルダ作成

Page 51: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

WP201302と言うフォルダを作成。名前に決まりはありません。

Page 52: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

ダウンロードして解凍したWordPressのデータを、作ったフォルダへ移動します。

Page 53: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 54: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

http://localhost/wp201302にアクセス

Page 55: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

http://localhost/wp201302 にアクセス

Page 56: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 57: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 58: 第14回wb大阪 ローカルでのword press構築

データベースの作成

データベースを作成します。

Page 59: 第14回wb大阪 ローカルでのword press構築

データベースの作成

http://localhost/phpmyadminにアクセス

Page 60: 第14回wb大阪 ローカルでのword press構築

データベースの作成

Page 61: 第14回wb大阪 ローカルでのword press構築

データベースの作成

utf8_general_ci

Page 62: 第14回wb大阪 ローカルでのword press構築

アジェンダ

1. XAMPPのインストール

-a. Apacheが起動しない場合

-b. XAMPPの起動

2. WordPressのインストール

-a. データベースの作成

-b. WordPressの初期設定

Page 63: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 64: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 65: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 66: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 67: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 68: 第14回wb大阪 ローカルでのword press構築

WordPressのインストール

Page 69: 第14回wb大阪 ローカルでのword press構築

以上でローカル環境へのWordPressインストールは完了です。

ご清聴ありがとうございました。