WordPress on　local　for　windows

ローカル環境にインストール

WordPress

WordPress on　for Windows

を

ローカル

野元博之

@hironoglyph

2012.7.14

WordPressを使うために必要なもの

パソコンにWEBサーバーを入れてしまえばOK！

での制作に必要なもの

WordPressは通常のHTML（静的コンテンツ）とは違い、動的に生成されます。（動的コンテンツ）※リクエストに応じて、部分的または全体的にコンテンツを生成する　Webコンテンツを動的コンテンツと呼びます。

レンタルサーバーなどのwebサーバーには用意されています。

WordPressWordPress on　 for Windowsローカル

テキストエディタをパソコンにインストール

での制作に必要なもの

カスタマイズをする際にテキストファイルを編集する作業が多くなります。

そこで・・・

Windows用エディタMKEditor：http://www.mk-square.com/サクラエディタ：http://sakura-editor.sourceforge.net/download.html

Mac OS X用エディタmi：http://www.mimikaki.net/

本日はWindows用には上記のエディタを用意してますが、自分が使い慣れたエディタでも構いません。

WordPressWordPress on　 for Windowsローカル

ローカルサーバー環境を用意しよう！

1.ローカルサーバーってなんぞや？自分のパソコンのうえで動作するサーバーのことを、「ローカルサーバー」（Local Server）と呼びます。

Windowsでは「XAMPP for Windows」、Mac OS Xの場合は「MAMP」を利用すれば簡単に環境を構築できます。

http://www.mamp.info/en/index.htmlhttp://www.apachefriends.org/jp/xampp-windows.html

Step1 WordPress on　 for Windowsローカル


2.ローカル環境をつくってみよう

Windowsでは「XAMPP for Windows」をインストールの前に・・・

WordPressで扱うにあたりバージョンによっては各ソフトウェアのバージョンに指定があります。例：WordPress 3.2 日本語版だと・PHP バージョン 5.2.4 以上・MySQL バージョン 5.0 以上また、ローカル環境でクリアしていてもご利用のサーバーがこれに対応していないと使えませんのであらかじめご利用のレンタルサーバー等でも利用できるバージョンが入っているか確認することをオススメ致します。


バージョン確認！！


2.ローカル環境をつくってみよう１）xampp-win32-1.7.7-VC9-installer.exeを実行

日本語版が無いので、言語設定はEnglishのまま「OK」

Windows7 64bit環境だと以下のような警告が出ると思いますが「OK」をクリック。




「Next＞」をクリック

インストール先はデフォルトのまま c:\xampp でOKです。

cドライブ部分はOSのインストール先により異なると思います

ｄドライブなどに変更してもOKです。




上の2つだけチェック（デフォルト）で「Install」をクリック


デスクトップにアイコンを作成

スタートメニューにフォルダを作成

XAMPP起動時に起動するサービスの選択



インストール中・・・インストール完了。




今すぐ XAMPP Control Panel を起動しますか？と聞いてくるので「いいえ」を選択。

デスクトップにショートカットキーが作成されます。

ショートカットorスタートメニューの XAMPP Control PanelよりXAMPPコントロールパネルが起動します。



2.ローカル環境をつくってみよう2）XAMPPコントロールパネルを起動


WordPressで必要なのはApache と MySQL ですこれらを起動します。

プログラムがファイアウォールでブロックされている警告が出た場合「アクセスを許可する」をクリック。


2.ローカル環境をつくってみよう2）XAMPPコントロールパネルを起動


うまく起動すると「Running」が表示されます。

Apacheの「admin」をクリックしWEBベースの管理画面を開きます。

※Apacheはポート番号80を利用して通信を行います。Skypeなど

同じ80番を使うソフトとの競合によりApacheが起動されない場合、

Skypeのメニューよりツール＞設定、詳細＞接続から、

ポート80を使用のチェックをはずす。

ローカールサーバー環境を用意しよう！

2.ローカル環境をつくってみよう3）XAMPP管理画面を表示　


ローカルサーバー完成！！

はじめて管理画面を開く場合は、左の画面のように、言語を選ぶリンクが表示されるので右側にある、「日本語」をクリック。

左の画面に切り替わります。http://localhost/

標準でHTMLやPHPファイルを入れる

場所は C:\xampp\htdocs\ となり

このフォルダをドキュメントルート

（Document Root）と呼びます。

WordPress用のデータベースを作成

1.データベースってなに？


先ほどインストールした「XAMPP」にはすでに用意されてます。

WordPressはMySQLデータベースを必要します。ではデータベース作成にあたり、設定をして行きます。

APACHE＝WEBサーバのソフトウェア

MySQL＝データベースを管理運用するためのシステム

一言でいえば、「沢山のデータを蓄積して簡単に利用するための仕組み」です。

RDB（リレーショナルデータベース）の中でも、オープンソース（誰でも使える）で、シンプル・高速で安定性のあるRDBMS（リレーショナルデータベースマネージメントシステム）の

MySQL（マイエスキューエル）が有名です。

準備完了！！


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


その前に、MySQLのパスワード設定

１）http://localhost/security/index.php　にアクセス

２）新しいパスワードを入力

３）Cookieにチェック

４）Flie:にチェック

５）パスワード変更

６）MySQLを再起動

wordvolcano




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

２）言語で日本語を選択

３）ユーザ名を入力

４）パスワードを入力

５）実行するをクリック

wordvolcano

root




phpMyAdminにログインしたところ




１）新規データベースを作成するデータベースの名前をつけます

２）文字コードを確認

３）作成ボタンをクリック

wordpress

utf_8general_ci

データベース完成！！

WordPressをインストールするStep3 WordPress on　 for Windowsローカル

1.最新のWordPressを用意します。WordPress.orgのサイトからダウンロード　（http://ja.wordpress.org/）

ダウンロードはこちらから


2.XAMPPとWordPressのフォルダ配置

C：ドライブ

xamppフォルダ

htdocsフォルダ

wordpressフォルダ

wp-adminフォルダ

wp-contentフォルダ

wp-includesフォルダ

index.phpフォルダ

ファイルの解凍とコピー　「http://localhost/wordpress/～」　　

「http://localhost/」XAMPP for Windowsのトップページ

「http://localhost/wordpress/」WordPressをコピーするフォルダ

「xampp」の「htdocs」フォルダへ解凍した「wordpress」フォルダをコピーします。


3.WordPressのインストール！！コピーが終わったら「http://localhost/wordpress/」にアクセス　　

「設定ファイルを作成する」をクリック。


3.WordPressのインストール！！

必要な情報を確認して、「さあ、始めましょう！」をクリック

wordpressroot

wordvolcanolocalhost

wp_



情報入力して、「送信」をクリック

wordvolcano

root



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



必要情報を入力して「WordPressをインストール」をクリック

好きなタイトルをお付け下さい

変更してもOKです。

パスワードを入力

メールアドレスを入力



「ログイン」をクリックするとログイン画面にうつります。

WordPressインストール完了！！



管理画面URL　　　http://localhost/wordpress/wp-login.php

先ほど入力したログインIDとパスワードで管理画面にログイン

この続きは・・・

WordPress on　 for Windowsローカル

毎月、第3土曜日

勉強会やってます！！

Twitter ID :WB_Kagoshima

http://wordbench.org/groups/kagoshima/

お疲れ様でした！

Self Improvement

WordPress on local for windows

WordPress on　local　for　windows