ワークショップ環境構築編

WordBeach 2012

1

レジュメ

✴ローカルサーバーの構築

✴WordPressのインストール

✴テーマの作成

✴テーマのカスタマイズ

WordBeach 2012

2

ローカルサーバーの構築 Mac編

✴MAMPのダウンロード

✴MAMPのインストール

✴MAMPの設定

WordBeach 2012

3

MAMPのダウンロード

MAMPを以下のサイトよりダウンロードします。

http://www.mamp.info/en/index.html

M

WordBeach 2012

4

MAMPのインストール

ダウンロードしたZIPファイルを解凍してできた

ファイルをダブルクリックしてインストール。

M

WordBeach 2012

5

MAMPの設定

インストールが完了したらMAMPを起動し、以下

の項目を設定します。

•ポート番号

• PHPバージョン

•ドキュメントルート

M

WordBeach 2012

6

ポート番号の設定

ポート番号を標準に設定する（任意）

M

WordBeach 2012

7

PHPバージョンの設定

PHPのバージョンをサーバーに合わせて選択す

る。最新のWordPress（3.4.1）をインストールす

るには、PHP 5.2.4 以上が必要。

M

WordBeach 2012

8

ドキュメントルートの設定

ドキュメントルートを設定する（任意）

M

WordBeach 2012

9

ローカルサーバーの構築 Win編

✴XAMPPのダウンロード

✴XAMPPのインストール

WordBeach 2012

10

XAMPPのダウンロード

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

M

WordBeach 2012

11

WordBeach 2012

XAMPPのダウンロードW

12

WordBeach 2012

XAMPPのダウンロードW

13

WordBeach 2012

XAMPPのインストールW

14

WordBeach 2012

XAMPPのインストールW

15

WordBeach 2012

XAMPPのインストールW

16

WordBeach 2012

XAMPPのインストールW

17

WordBeach 2012

XAMPPのインストールW

18

WordBeach 2012

XAMPPのインストールW

19

WordBeach 2012

XAMPPのインストールW

20

WordPress のインストール

✴WordPress のダウンロード

✴WordPress のインストール

WordBeach 2012

21

WordPress のダウンロード

WordPressを以下のサイトよりダウンロードしま

す。http://ja.wordpress.org/

MW

WordBeach 2012

22

WordPress のインストール

ダウンロードしたZIPファイルを解凍して、できた

フォルダをドキュメントルートに移動します。

この時、フォルダ名をサイト名などに変更すると

良いと思います。

MW

WordBeach 2012

23

WordPress のインストール

ドキュメントルートに移動したら、MAMPを起動

して、ブラウザから移動したフォルダにアクセス

します。

MW

WordBeach 2012

24

WordPress のインストール

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

次の様な画面が表示されます。

MW

WordBeach 2012

25

WordPress のインストール

MAMPのコントロールパネルからスタートページ

を開き、以下のものを調べます。

・データベースのホスト名

・データベースのユーザー名

・データベースのパスワード

MW

WordBeach 2012

26

WordPress のインストール

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

MW

WordBeach 2012

27

WordPress のインストール

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

MW

WordBeach 2012

28

WordPress のインストール

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

MW

WordBeach 2012

29

WordPress のインストール

データベースの情報を設定。

①

②

MW

WordBeach 2012

30

WordPress のインストール

WordPressの必要情報を設定。

②

①

W M

WordBeach 2012

31

WordPress のインストール

WordPressのインストール完了！

W M

WordBeach 2012

32

テーマの作成

wp-content > themes に新しいテーマフォルダを作る。

WordBeach 2012

33

基本構成

• style.css（必須）

• index.php（必須）

• header.php

• footer.php

• functions.php

WordBeach 2012

34

プラグインを入れてみよう

✴WP Total Hacks

✴Adminimize

WordBeach 2012

35

テーマのカスタマイズ

✴ナビゲーションメニューを追加する

✴パンくずリストを追加する

✴ページ送りを追加する

✴メールフォームを追加する

WordBeach 2012

36

色々カスタマイズする

✴パーマリンクの設定

✴テーマ一覧のサムネイルを追加する

✴アイキャッチを利用可能にする

✴固定ページで抜粋を利用可能にする

✴アップデート通知を非表示にする

✴Admin Bar の WPロゴを非表示にする

WordBeach 2012

37

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

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