改訂　とりあえず！

1. WEBsite
WordPress
環境構築

2. WEBsite構築環境
• XAMPP
– PC
– USB
• レンタルサーバ
– ロリポップ etc…
• ドメイン
– ムームードメイン
– お名前.com
• FTPクライアント
– FFFTP （windows）
– Cyberduck（mac/windows）

3. • ウェブアプリケーションの実行に必要な
フリーソフトウェアをパッケージとして
XAMPP
まとめたもの
• apachefriends.orgから提供
• 主として開発用あるいは学習用ではある
が、イントラネットなどにおいて実運用
環境として使われることもある。
http://www.apachefriends.org/jp/xampp-windows.html

4. XAMPP新バージョン 1.7.7
Apache 2.2.21
Webサーバソフトウェア
MySQL 5.5.16
データベース管理システム
PHP 5.3.8
Apache モジュールとして動作するスクリプト言語を実行する環境
phpMyAdmin 3.4.5
MySQLサーバーをWebブラウザー上から管理するためのプログラム
FileZilla FTP Server 0.9.39
FTPサーバ
Tomcat 7.0.21 (with mod_proxy_ajp as connector)
Javaサーブレット・JSPを処理するアプリケーションサーバ

5. 参考
• XAMPPをUSBに入れてみる
– http://liberatem.org/2009/10/xampp-usb.html
• XAMPP for Windowsインストール方法
– http://www.sist.ac.jp/~tkouya/xampp/index.html
• USBメモリにwordpress環境構築
– WordPress Portable
• http://www.shiteki.info/wordpress/tool/286.html
– Instant WordPress
• http://kachibito.net/software/instant-wordpress.html

6. For WordPress
LOLIPOP! RENTAL SERVER

7. 月額105円～
レンタルサーバ WordPress等CMSインストールは263円～
ロリポップレンタルサーバ  コロリポプラン 105円 2G
 ロリポプラン 263円～ 13G
 チカッパプラン 525円～ 30G
容量最大30G
プラン比較表
http://lolipop.jp/service/about/

8. WordPress
ロリポップ編
データベースが必要
コロリポプランはデータベースが
使えないので、ロリポプラン、
チカッパプランを利用する
WordPress簡単インストール機能
http://lolipop.jp/manual/user/applications-wp/
Wordpressの設置 詳細編
http://lolipop.jp/manual/blog/wp/

9. WordPress
ロリポップ編
データベースが必要
コロリポプランはデータベースが
使えないので、ロリポプラン、
チカッパプランを利用する
WordPress簡単インストール機能
Wordpressの設置 詳細編
http://lolipop.jp/manual/blog/wp/

10. WordPress
ロリポップ編
データベースが必要
コロリポプランはデータベースが
使えないので、ロリポプラン、
チカッパプランを利用する
WordPress簡単インストール機能
Wordpressの設置 詳細編
http://lolipop.jp/manual/blog/wp/
続き、詳しくは、下記URLで！
http://lolipop.jp/manual/user/applications-wp/

11. WebDAV・
LOLIPOP! RENTAL SERVER

12. WebDAV • WebDAV
LOLIPOP! RENTAL SERVER
– 設定すると、サーバのファイルをFTPソフト
を利用せずにクライアントマシンから直接
アクセスすることが出来るようになる
参考
http://lolipop.jp/manual/user/webdav/

13. For Wordpress
XAMPP

14. • XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPPをクリック
XAMPP編
インストーラをクリック
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
自動的にインスト―ラ―がダウンロードされる

15. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

16. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

17. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
c:xampp
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

18. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
一瞬、出てくる
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

19. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
XAMPP Control Panel が開く

20. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
Apache にチェック
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
OK
Startボタンを押す

21. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
MySql にチェック
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
OK
Startボタンを押す

22. XAMPPをインストールする
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
ApacheとMySqlがRunnungになり、稼働する。

23. XAMPPの設定
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
日本語
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

24. XAMPPの設定
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
phpmyadminという設定項目をクリック
Phpmyadminとは・・・
MySQLサーバーをWebブラウザー上から
管理するためのプログラム。
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

25. phpMyAdmin の設定
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
はじめは、ドイツ語なので、
Sprache – Languageの下向き三角から日本語 – japaneseを選択
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/ 日本語に変更される

26. phpMyAdmin の設定
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
MySQL接続の参照順序がはじめ、sjis_japanese_ci なので、
下向き三角から utf8_general_ci を選択
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
utf8_general_ci に変更される

27. phpMyAdmin の設定
データベース作成
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
データベースタブを選択する
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

28. phpMyAdmin の設定
データベース作成
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
新規データベースを作成
今回はwordpress（任意）というデータベースを作るので、
入力したら、作成ボタンをおす
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

29. phpMyAdmin の設定
データベース作成
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
新規データベースが作成される
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

30. XAMPP の設定
セキュリティ
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
MySQLの管理者アカウント(root)
のパスワードはデフォルトでは
設定されていません。セキュリ
ティ的に問題が大きいのでまず
は管理者アカウントのパスワー
ドの設定を行います。
http://localhost/xampp/ を開く
参考
http://www.adminweb.jp/xampp/mysql/index2.html
左メニューのセキュリティーを
クリック

31. XAMPP の設定
セキュリティ
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
MySQLユーザルートにパスワードがありません
と表示されている。
画面下のhttp://localhost/security/xamppsecurity.php を
クリック
http://localhost/xampp/ を開く
参考
http://www.adminweb.jp/xampp/mysql/index2.html
左メニューのセキュリティーを
クリック

32. XAMPP の設定
セキュリティ
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
管理者アカウント(root)のパスワード
入力画面が表示される
同じパスワードを2回入力し、画面下
にある「パスワードを変更しまし
た。」と書かれたボタンをクリック
参考
http://www.adminweb.jp/xampp/mysql/index2.html
XAMPP Control panel上で、
MySqlを再起動（Refresh）

33. XAMPP の設定
セキュリティ
http://www.apachefriends.org/jp/xampp-windows.html
WordPress
XAMPP編
セキュリティを再度開き確認
参考
http://www.adminweb.jp/xampp/mysql/index2.html

34. WORDPRESS

35. WordPressをダウンロードする (3.2.1)
http://ja.wordpress.org/
WordPress
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/
WordPressをダウンロードして解凍
xamppフォルダのhtdogsフォルダに移動

36. WordPressをインストールする
設定ファイルを作成 http://localhost/wordpress/
WordPress
http://localhost/wordpress/ にアクセス
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

37. WordPressをインストールする
設定ファイルを作成 http://localhost/wordpress/
WordPress
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

38. WordPressをインストールする
設定ファイルを作成 http://localhost/wordpress/
WordPress
作成したデータベース名
MySQLのデフォルト値root
任意で設定したもの
パスワードはhttp://localhost/xampp/
参考 のセキュリティで登録したのもの
http://www.tatuo-web.com/wordpress/xampp/introduction/
作成するボタンをクリック

39. WordPressをインストールする
設定ファイルを作成 http://localhost/wordpress/
WordPress
インストールを実行をクリック
参考
http://www.tatuo-web.com/wordpress/xampp/introduction/

40. WordPressをインストールする
WordPress必要情報設定 http://localhost/wordpress/
WordPress
ブログ名とユーザー名を指定
（ユーザー名は変更できない）
パスワードを指定
メールアドレスを指定
検索エンジンに記事の投稿を通知
する場合チェック
クリック
ユーザー名とパスワードは忘れないように！

41. WordPressをインストールする
WordPressインストール完成 http://localhost/wordpress/
WordPress
インストール完了！
ユーザー名とパスワードを
入力して、ログイン
■設定変更するには（ダッシュボード）■
★パスワードとメールアドレス変更
ユーザー＞あなたのプロフィール
★ブログ名
設定＞一般
★検索エンジンへの通知
設定＞プライバシー

42. WordPressをインストールする
ログイン http://localhost/wordpress/wp-login.php
WordPress
ログインする際は、
http://localhost/wordpress/wp-login.php
へアクセスする
ユーザー名とパスワードを
入力してログイン
参考 ログイン画面URL
http://localhost/wordpress/wp-login.php
サイトアドレス
http://localhost/wordpress/

43. WordPressをインストールする
WordPressダッシュボード
WordPress
WordPressの管理画面
ダッシュボード
参考 ログイン画面URL
http://localhost/wordpress/wp-login.php
サイトアドレス
http://localhost/wordpress/

44. WordPress 3.3へバージョンアップ
WordPressダッシュボード
WordPress
WordPress3.3の管理画面
ダッシュボード
参考 ログイン画面URL
http://localhost/wordpress/wp-login.php
サイトアドレス
http://localhost/wordpress/