ワークショップ環境構築編
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