2. WordPress on
ローカル for Windows
WordPress での制作に必要なもの
WordPressは通常のHTML(静的コンテンツ)とは
違い、動的に生成されます。(動的コンテンツ)
※リクエストに応じて、部分的または全体的にコンテンツを生成する
Webコンテンツを動的コンテンツと呼びます。
WordPressを使うために必要なもの
レンタルサーバーなどのwebサーバーには用意されています。
パソコンにWEBサーバーを入れてしまえばOK!
3. WordPress on
ローカル for Windows
WordPress での制作に必要なもの
カスタマイズをする際にテキストファイルを編集する
作業が多くなります。
そこで・・・
テキストエディタをパソコンにインストール
Windows用エディタ
MKEditor:http://www.mk-square.com/
サクラエディタ:http://sakura-editor.sourceforge.net/download.html
Mac OS X用エディタ
mi:http://www.mimikaki.net/
本日はWindows用には上記のエディタを用意してますが、
自分が使い慣れたエディタでも構いません。
4. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
1.ローカルサーバーってなんぞや?
自分のパソコンのうえで動作するサーバーのことを、
「ローカルサーバー」(Local Server)と呼びます。
Windowsでは「XAMPP for Windows」、
Mac OS Xの場合は「MAMP」を利用すれば簡単に環境を構築できます。
http://www.apachefriends.org/jp/xampp-windows.html http://www.mamp.info/en/index.html
5. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
Windowsでは「XAMPP for Windows」をインストールの前に・・・
バージョン確認!!
WordPressで扱うにあたりバージョンによっては各ソフトウェアのバージョンに指定があります。
例:WordPress 3.2 日本語版だと
・PHP バージョン 5.2.4 以上 ・MySQL バージョン 5.0 以上
また、ローカル環境でクリアしていてもご利用のサーバーがこれに対応していないと使えませんので
あらかじめご利用のレンタルサーバー等でも利用できるバージョンが
入っているか確認することをオススメ致します。
6. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
1)xampp-win32-1.7.7-VC9-installer.exeを実行
日本語版が無いので、
言語設定はEnglishのまま「OK」
Windows7 64bit環境だと以下のような
警告が出ると思いますが「OK」をクリック。
7. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
「Next>」をクリック
インストール先はデフォルトのまま
c:xampp でOKです。
cドライブ部分はOSのインストール先により
異なると思います
dドライブなどに変更してもOKです。
8. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
デスクトップにアイコンを作成
スタートメニューにフォルダを作成
XAMPP起動時に起動するサービスの選択
上の2つだけチェック(デフォルト)で「Install」をクリック
9. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
インストール中・・・ インストール完了。
10. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
今すぐ XAMPP Control Panel
を起動しますか?
と聞いてくるので「いいえ」を選択。
デスクトップにショートカットキーが作成されます。
ショートカットorスタートメニューの XAMPP Control Panel
よりXAMPPコントロールパネルが起動します。
11. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
2)XAMPPコントロールパネルを起動 WordPressで必要なのは
Apache と MySQL です
これらを起動します。
プログラムがファイアウォールで
ブロックされている警告が出た場合
「アクセスを許可する」をクリック。
12. WordPress on
ローカル for Windows
Step1 ローカルサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
2)XAMPPコントロールパネルを起動 うまく起動すると「Running」が
表示されます。
Apacheの「admin」をクリックし
WEBベースの管理画面を開きます。
※Apacheはポート番号80を利用して通信を行います。Skypeなど
同じ80番を使うソフトとの競合によりApacheが起動されない場合、
Skypeのメニューよりツール>設定、詳細>接続から、
ポート80を使用のチェックをはずす。
13. WordPress on
ローカル for Windows
Step1 ローカールサーバー環境を用意しよう!
2.ローカル環境をつくってみよう
3)XAMPP管理画面を表示
はじめて管理画面を開く場合は、
左の画面のように、言語を選ぶ
リンクが表示されるので右側に
ある、「日本語」をクリック。
左の画面に切り替わります。
http://localhost/
標準でHTMLやPHPファイルを入れる
場所は C:xampphtdocs となり
このフォルダを ドキュメントルート
(Document Root)と呼びます。
ローカルサーバー完成!!
14. WordPress on
ローカル for Windows
Step2 WordPress用のデータベースを作成
1.データベースってなに?
一言でいえば、「沢山のデータを蓄積して簡単に利用するための仕組み」です。
RDB(リレーショナルデータベース)の中でも、オープンソース(誰でも使える)で、
シンプル・高速で安定性のあるRDBMS(リレーショナルデータベースマネージメントシステム)の
MySQL(マイエスキューエル)が有名です。
先ほどインストールした「XAMPP」にはすでに用意されてます。
準備完了!!
APACHE=WEBサーバのソフトウェア
MySQL=データベースを管理運用するためのシステム
WordPressはMySQLデータベースを必要します。
ではデータベース作成にあたり、設定をして行きます。
15. WordPress on
ローカル for Windows
Step2 WordPress用のデータベースを作成
2.WordPress用のデータベースを作成
その前に、MySQLのパスワード設定
1)http://localhost/security/index.php にアクセス
2)新しいパスワードを入力
wordvolcano
3)Cookieにチェック
4)Flie:にチェック
5)パスワード変更
6)MySQLを再起動
16. WordPress on
ローカル for Windows
Step2 WordPress用のデータベースを作成
2.WordPress用のデータベースを作成
1)http://localhost/phpmyadmin/ にアクセス
2)言語で日本語を選択
3)ユーザ名を入力
root
4)パスワードを入力
wordvolcano
5)実行するをクリック
17. WordPress on
ローカル for Windows
Step2 WordPress用のデータベースを作成
2.WordPress用のデータベースを作成
phpMyAdminにログインしたところ
18. WordPress on
ローカル for Windows
Step2 WordPress用のデータベースを作成
2.WordPress用のデータベースを作成
1)新規データベースを作成する
データベースの名前をつけます
wordpress
2)文字コードを確認
utf_8general_ci
3)作成ボタンをクリック
データベース完成!!
19. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
1.最新のWordPressを用意します。
WordPress.orgのサイトからダウンロード (http://ja.wordpress.org/)
ダウンロードはこちらから
20. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
2.XAMPPとWordPressのフォルダ配置
ファイルの解凍とコピー 「http://localhost/wordpress/~」
C:ドライブ 「xampp」の「htdocs」フォルダへ解凍した
「wordpress」フォルダをコピーします。
xamppフォルダ
XAMPP for Windowsのトップページ
htdocsフォルダ 「http://localhost/」
WordPressをコピーするフォルダ
wordpressフォルダ
「http://localhost/wordpress/」
wp-adminフォルダ
wp-contentフォルダ
wp-includesフォルダ
index.phpフォルダ
21. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
コピーが終わったら「http://localhost/wordpress/」にアクセス
「設定ファイルを作成する」をクリック。
22. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
wordpress
root
wordvolcano
localhost
wp_
必要な情報を確認して、「さあ、始めましょう!」をクリック
23. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
root
wordvolcano
情報入力して、「送信」をクリック
24. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
「インストール実行」をクリック
25. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
好きなタイトルをお付け下さい
変更してもOKです。
パスワードを入力
メールアドレスを入力
必要情報を入力して「WordPressをインストール」をクリック
26. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
WordPressインストール完了!!
「ログイン」をクリックするとログイン画面にうつります。
27. WordPress on
ローカル for Windows
Step3 WordPressをインストールする
3.WordPressのインストール!!
先ほど入力したログインIDとパスワードで
管理画面にログイン
管理画面URL http://localhost/wordpress/wp-login.php
28. WordPress on
ローカル for Windows
この続きは・・・
毎月、第3土曜日
勉強会やってます!!
お疲れ様でした!
http://wordbench.org/groups/kagoshima/
Twitter ID :WB_Kagoshima