WordBeach 2012 のワークショップ「環境構築」編で使用したスライドです。

1. ワークショップ
環境構築編
WordBeach 2012
1

2. レジュメ
✴ ローカルサーバーの構築
✴ WordPressのインストール
✴ テーマの作成
✴ テーマのカスタマイズ
WordBeach 2012
2

3. ローカルサーバーの構築 Mac編
✴ MAMPのダウンロード
✴ MAMPのインストール
✴ MAMPの設定
WordBeach 2012
3

4. M
MAMPのダウンロード
MAMPを以下のサイトよりダウンロードします。
http://www.mamp.info/en/index.html
WordBeach 2012
4

5. M
MAMPのインストール
ダウンロードしたZIPファイルを解凍してできた
ファイルをダブルクリックしてインストール。
WordBeach 2012
5

6. M
MAMPの設定
インストールが完了したらMAMPを起動し、以下
の項目を設定します。
• ポート番号
• PHPバージョン
• ドキュメントルート
WordBeach 2012
6

7. M
ポート番号の設定
ポート番号を標準に設定する（任意）
WordBeach 2012
7

8. M
PHPバージョンの設定
PHPのバージョンをサーバーに合わせて選択す
る。最新のWordPress（3.4.1）をインストールす
るには、PHP 5.2.4 以上が必要。
WordBeach 2012
8

9. M
ドキュメントルートの設定
ドキュメントルートを設定する（任意）
WordBeach 2012
9

10. ローカルサーバーの構築 Win編
✴ XAMPPのダウンロード
✴ XAMPPのインストール
WordBeach 2012
10

11. M
XAMPPのダウンロード
XAMPPをサイトよりダウンロードします。
http://www.apachefriends.org/jp/xampp-windows.html
WordBeach 2012
11

12. W
XAMPPのダウンロード
WordBeach 2012
12

13. W
XAMPPのダウンロード
WordBeach 2012
13

14. W
XAMPPのインストール
WordBeach 2012
14

15. W
XAMPPのインストール
WordBeach 2012
15

16. W
XAMPPのインストール
WordBeach 2012
16

17. W
XAMPPのインストール
WordBeach 2012
17

18. W
XAMPPのインストール
WordBeach 2012
18

19. W
XAMPPのインストール
WordBeach 2012
19

20. W
XAMPPのインストール
WordBeach 2012
20

21. WordPress のインストール
✴ WordPress のダウンロード
✴ WordPress のインストール
WordBeach 2012
21

22. W M
WordPress のダウンロード
WordPressを以下のサイトよりダウンロードしま
す。http://ja.wordpress.org/
WordBeach 2012
22

23. W M
WordPress のインストール
ダウンロードしたZIPファイルを解凍して、できた
フォルダをドキュメントルートに移動します。
この時、フォルダ名をサイト名などに変更すると
良いと思います。
WordBeach 2012
23

24. W M
WordPress のインストール
ドキュメントルートに移動したら、MAMPを起動
して、ブラウザから移動したフォルダにアクセス
します。
WordBeach 2012
24

25. W M
WordPress のインストール
「設定ファイルを作成する」をクリックすると、
次の様な画面が表示されます。
WordBeach 2012
25

26. W M
WordPress のインストール
MAMPのコントロールパネルからスタートページ
を開き、以下のものを調べます。
・データベースのホスト名
・データベースのユーザー名
・データベースのパスワード
WordBeach 2012
26

27. W M
WordPress のインストール
phpMyAdminでデータベースを作成します。
WordBeach 2012
27

28. W M
WordPress のインストール
phpMyAdminでデータベースを作成します。
WordBeach 2012
28

29. W M
WordPress のインストール
phpMyAdminでデータベースを作成します。
WordBeach 2012
29

30. W M
WordPress のインストール
データベースの情報を設定。
①
②
WordBeach 2012
30

31. W M
WordPress のインストール
WordPressの必要情報を設定。
①
②
WordBeach 2012
31

32. W M
WordPress のインストール
WordPressのインストール完了！
WordBeach 2012
32

33. テーマの作成
wp-content > themes に
新しいテーマフォルダを作る。
WordBeach 2012
33

34. 基本構成
• style.css（必須）
• index.php（必須）
• header.php
• footer.php
• functions.php
WordBeach 2012
34

35. プラグインを入れてみよう
✴ WP Total Hacks
✴ Adminimize
WordBeach 2012
35

36. テーマのカスタマイズ
✴ ナビゲーションメニューを追加する
✴ パンくずリストを追加する
✴ ページ送りを追加する
✴ メールフォームを追加する
WordBeach 2012
36

37. 色々カスタマイズする
✴ パーマリンクの設定
✴ テーマ一覧のサムネイルを追加する
✴ アイキャッチを利用可能にする
✴ 固定ページで抜粋を利用可能にする
✴ アップデート通知を非表示にする
✴ Admin Bar の WPロゴを非表示にする
WordBeach 2012
37

38. ご清聴ありがとうございました。
MAMP のダウンロード
http://www.mamp.info/en/index.html
XAMPP のダウンロード
http://www.apachefriends.org/jp/xampp-windows.html
WordPress のダウンロード
http://ja.wordpress.org/
WordBench Nagoya 2012.1.28
38