2010年9月25日に開かれたWordBench福井の第2回勉強会で発表しました。

1. meets
WordPress 3.0 でできる
あんなコト、こんなコト。
カウベル・コーポレーション 森川徹志
Copyright 2010 COWBELL Corporation.
Some rights reserved

2. 今日の流れ
meets
● WordPressって何？
● WordPress 3.0の注目点
● 新デフォルトテーマ『Twenty Ten』の特徴
● ヘッダ画像・背景画像・アイキャッチ画像
● カスタムメニュー
● 子テーマによるカスタマイズ
Copyright 2010 COWBELL Corporation.
Some rights reserved

3. WordPressって何？
meets
● PHP＋MySQL
● ブログ/CMSツール・ブログサービス
● GPL v2
● 投稿＋ページ
● テーマ多数（公式：1,239個）
プラグイン多数（公式：11,348個）
Copyright 2010 COWBELL Corporation.
Some rights reserved

4. meets
2010.6.17 - WP3.0リリース
Copyright 2010 COWBELL Corporation.
Some rights reserved

5. WordPress 3.0の注目点
meets
● 新デフォルトテーマ『Twenty Ten』
● カスタムメニュー
● 投稿/ページ ＋ カスタム投稿タイプ
● 複数サイトの一括管理
……などなど1,217件のバグ修正と機能強化
Copyright 2010 COWBELL Corporation.
Some rights reserved

6. meets
新デフォルトテーマ『Twenty Ten』
Copyright 2010 COWBELL Corporation.
Some rights reserved

7. 『Twenty Ten』の特徴
meets
● ヘッダ・背景・アイキャッチ画像 容易に変更可
● カスタムメニュー対応
➔ 自分流のナビゲーションメニューを作成可
● テーマフレームワークとしての活用
➔ 『Twenty Ten』をベースにテーマを設計
Copyright 2010 COWBELL Corporation.
Some rights reserved

8. meets
ヘッダ・背景・アイキャッチ画像
Copyright 2010 COWBELL Corporation.
Some rights reserved

9. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

10. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

11. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

12. meets
投稿/ページ ごとにヘッダ画像を変更可能
Copyright 2010 COWBELL Corporation.
Some rights reserved

13. meets
カスタムメニュー
Copyright 2010 COWBELL Corporation.
Some rights reserved

14. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

15. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

16. meets
投稿/ページ の混在したメニューを作成可能
Copyright 2010 COWBELL Corporation.
Some rights reserved

17. meets
デザイナー やることないじゃん？
Copyright 2010 COWBELL Corporation.
Some rights reserved

18. meets
テーマフレームワークとしての活用
Copyright 2010 COWBELL Corporation.
Some rights reserved

19. テーマフレームワークの考え方
meets
● 『Twenty Ten』をベース（＝親）にして制作
● 親テーマとの差分を「子」として設計
● 必要に応じてテンプレートをオーバーライド
Copyright 2010 COWBELL Corporation.
Some rights reserved

20. テーマフレームワークの利点
meets
● 親テーマが更新されても影響を受けない
● カスタムメニューやウィジェットが流用可
● 基本的にはstyle.cssの作成だけでOK
Copyright 2010 COWBELL Corporation.
Some rights reserved

21. meets
BEFORE
Copyright 2010 COWBELL Corporation.
Some rights reserved

22. meets
AFTER
Copyright 2010 COWBELL Corporation.
Some rights reserved

23. 子テーマの基本的な作り方
meets
INSTALL_DIR
wp-content
themes
twentyten
index.php, style.css...
child（ディレクトリ名は任意）
style.css（必須）
index.php, header.php, single.php...（任意）
functions.php（任意）
Copyright 2010 COWBELL Corporation.
Some rights reserved

24. 子テーマの基本的な作り方
meets
/*
Theme Name: Child
Theme URI: http://example.com/
Description: Child theme for the Twenty Ten theme
Author: Author's name
Author URI: http://example.com/about/
Template: twentyten
Version: 0.1.0
*/
@import url(../twentyten/style.css);
#container p { color: #333333; }
Copyright 2010 COWBELL Corporation.
Some rights reserved

25. meets
One More Thing...
Copyright 2010 COWBELL Corporation.
Some rights reserved

26. meets
カスタム投稿タイプ
Copyright 2010 COWBELL Corporation.
Some rights reserved

27. カスタム投稿タイプとは？
meets
投稿/ページに加わる 新たなデータ形式
Copyright 2010 COWBELL Corporation.
Some rights reserved

28. meets
ページ
投稿
投稿
カスタム投稿タイプ
Copyright 2010 COWBELL Corporation.
Some rights reserved

29. meets
Copyright 2010 COWBELL Corporation.
Some rights reserved

30. カスタム投稿タイプの設置
meets
● 方法は2通り
a)functions.phpで定義
b)『Custom Post Type UI』プラグイン利用
● new WP_Query( )で呼び出す
$args = array(
'post_type' => 'hoge', 'posts_per_page' => 5
);
$the_query = new WP_Query( $args );
Copyright 2010 COWBELL Corporation.
Some rights reserved

31. 関連サイト
meets
● WordPress 日本語ローカルサイト
http://ja.wordpress.org/
● WordPress Codex 日本語版
(子テーマ, カスタム投稿タイプの解説）
http://wpdocs.sourceforge.jp/
● Custom Post Type UI
(カスタム投稿タイプ設定プラグイン）
http://wordpress.org/extend/plugins/custom-post-
type-ui/ Copyright 2010 COWBELL Corporation.
Some rights reserved

32. meets
Have fun!
tets@cowbell.jp / @tecking
copyright
PooWho – CC BY 2.0 Generic
acaben – CC BY-SA 2.0 Generic
Copyright 2010 COWBELL Corporation.
Some rights reserved