Wbn1201

Mac&Windowsのローカル環境に
WordPressをインストールしよう

WordBench Nagoya 2012.1.28

1

まずは自己紹介

名前 ✴ 小田島倫也

職業 ✴ フリーランスのクリエイター

Twitter ✴ @michouse

WBNでは ✴ 写真部の部長


2

レジュメ

✴ ローカルサーバーの構築
✴ WordPressのインストール
✴ PHPの基礎
✴ テーマの作成
✴ WordPressのアップロード
✴ テーマのカスタマイズ

3

サンプルファイルのダウンロード

サンプルファイルを以下のアドレスからダウン

ロードできます。

http://download.piece-web.jp/wbn1201/

sample.zip


4

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

✴ MAMPのダウンロード

✴ MAMPのインストール

✴ MAMPの設定


5

M
MAMPのダウンロード

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

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


6

M
MAMPのインストール

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

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


7

M
MAMPの設定

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

の項目を設定します。

• ポート番号

• PHPバージョン

• ドキュメントルート

8

M
ポート番号の設定

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


9

M
PHPバージョンの設定

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

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

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


10

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

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


11

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

✴ Web Platform Installerのインストール

✴ Web Matorixのインストール

✴ phpMyAdminのインストール


12

Web Platform Installer W

のインストール
http://www.microsoft.com/web/downloads/

platform.aspxよりダウンロード。


13

Web Platform Installer W

のインストール
ダウンロードされたファイルを実行。

Microsoft WebMatrixを追加して、インストール

をクリック。

①

②


14

WordPress のインストール Mac編

✴ WordPress のダウンロード

✴ WordPress のインストール


15

M
WordPress のダウンロード

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

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


16

M
WordPress のインストール

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

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

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

良いと思います。


17

M

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

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

します。


18

M

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

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


19

M

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

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

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

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

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


20

M

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


21

M

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

①

②

22

WordPress のインストール Win編

✴ WordPress のインストール


23

W
WordPressのインストール

「Webギャラリーからサイトを作成する」をク

リック、「WordPress日本語」を選択して「次

へ」をクリック。

①
②

③

24

W

「同意する」をクリック。


25

W

各項目を入力して、「次へ」をクリック。

①

②


26

W M

WordPressの必要情報を設定。

①

②

27

W M

WordPressのインストール完了！


28

W
phpMyAdminのインストール

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

ます。
http://www.phpmyadmin.net/home_page/downloads.php


29

W
phpMyAdminのインストール

ダウンロードされたファイルを解凍し、
WordPressと同じフォルダにコピーします。

③ 貼り付け

① コピー

② ファイルをクリック


30

PHPの基礎

✴ 拡張子は .php
✴ HTMLの中に埋め込める。
✴ PHPのプログラムは <?php と ?>
の間に書く。


31

テーマの作成

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


32

基本構成

• style.css（必須）
• index.php（必須）
• header.php
• footer.php
• functions.php

33

リモートサーバーへアップロード

✴ WordPress のアップロード
✴ データベースのアップロード


34

WordPress のアップロード

✴ドキュメントルートの全てのファイルをFTPで
アップロードする。

✴場合によっては wp-conﬁg.php を編集。


35

データベースのアップロード

✴ ローカルのデータベースのエクスポート
✴ サーバーのデータベースにインポート


36

データベースのエクスポート

ローカルのphpMyAdminからデータベースをエク

スポートする。

チェック


37

データベースのインポート

サーバーのphpMyAdminでデータベースをイン

ポートする。


38

テーマのカスタマイズ

✴ ナビゲーションメニューを追加する
✴ パンくずリストを追加する
✴ ページ送りを追加する
✴ メールフォームを追加する


39

色々カスタマイズする

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

40

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

✴ WP Total Hacks
✴ Adminimize


41

ご清聴ありがとうございました。
今日の内容について
http://blog.piece-web.jp/
WebMatorix & WordPress について（電子書籍）
https://gihyo.jp/dp/ebook/2011/G11B04
サンプルファイルのダウンロード
http://download.piece-web.jp/wbn1201/sample.zip
MAMP のダウンロード
http://www.mamp.info/en/index.html
WordPress のダウンロード
http://ja.wordpress.org/

Web Platform Installer のダウンロード
http://www.microsoft.com/web/downloads/platform.aspx
phpMyAdmin のダウンロード
http://www.phpmyadmin.net/home_page/downloads.php


42

Wbn1201

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Wbn1201

Similar to Wbn1201 (20)

More from Michinari Odajima

More from Michinari Odajima (10)

Recently uploaded

Recently uploaded (14)

Wbn1201