wordbench福井 第2回勉強会 発表スライド - wordpress 3.0...
DESCRIPTION
2010年9月25日に開かれたWordBench福井の第2回勉強会で発表しました。TRANSCRIPT
![Page 1: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/1.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
WordPress 3.0 でできるあんなコト、こんなコト。
カウベル・コーポレーション 森川徹志
![Page 2: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/2.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \今日の流れ
● WordPressって何?
● WordPress 3.0の注目点
● 新デフォルトテーマ『Twenty Ten』の特徴
● ヘッダ画像・背景画像・アイキャッチ画像
● カスタムメニュー
● 子テーマによるカスタマイズ
![Page 3: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/3.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \WordPressって何?
● PHP+MySQL
● ブログ/CMSツール・ブログサービス
● GPL v2
● 投稿+ページ
● テーマ多数(公式:1,239個)
プラグイン多数(公式:11,348個)
![Page 4: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/4.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
2010.6.17 - WP3.02010.6.17 - WP3.0リリースリリース
![Page 5: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/5.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \WordPress 3.0の注目点
● 新デフォルトテーマ『Twenty Ten』
● カスタムメニュー
● 投稿/ページ + カスタム投稿タイプ
● 複数サイトの一括管理
……などなど1,217件のバグ修正と機能強化
![Page 6: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/6.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
新デフォルトテーマ『新デフォルトテーマ『Twenty TenTwenty Ten』』
![Page 7: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/7.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \『Twenty Ten』の特徴
● ヘッダ・背景・アイキャッチ画像 容易に変更可
● カスタムメニュー対応
➔ 自分流のナビゲーションメニューを作成可
● テーマフレームワークとしての活用
➔ 『Twenty Ten』をベースにテーマを設計
![Page 8: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/8.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
ヘッダ・背景・アイキャッチ画像
![Page 9: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/9.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 10: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/10.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 11: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/11.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 12: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/12.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
投稿投稿//ページ ごとにヘッダ画像を変更可能ページ ごとにヘッダ画像を変更可能
![Page 13: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/13.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
カスタムメニュー
![Page 14: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/14.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 15: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/15.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 16: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/16.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
投稿投稿//ページ の混在したメニューを作成可能ページ の混在したメニューを作成可能
![Page 17: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/17.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
デザイナー やることないじゃん?デザイナー やることないじゃん?
![Page 18: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/18.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
テーマフレームワークとしての活用
![Page 19: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/19.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \テーマフレームワークの考え方
● 『Twenty Ten』をベース(=親)にして制作
● 親テーマとの差分を「子」として設計
● 必要に応じてテンプレートをオーバーライド
![Page 20: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/20.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \テーマフレームワークの利点
● 親テーマが更新されても影響を受けない
● カスタムメニューやウィジェットが流用可
● 基本的にはstyle.cssの作成だけでOK
![Page 21: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/21.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
BEFOREBEFORE
![Page 22: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/22.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
AFTERAFTER
![Page 23: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/23.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \子テーマの基本的な作り方
INSTALL_DIR
wp-content
themes
twentyten
index.php, style.css...
child(ディレクトリ名は任意)
style.css(必須)
index.php, header.php, single.php...(任意)
functions.php(任意)
![Page 24: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/24.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \子テーマの基本的な作り方
/*Theme Name: ChildTheme URI: http://example.com/Description: Child theme for the Twenty Ten themeAuthor: Author's nameAuthor URI: http://example.com/about/Template: twentytenVersion: 0.1.0*/
@import url(../twentyten/style.css);
#container p { color: #333333; }
![Page 25: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/25.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
One More Thing...One More Thing...
![Page 26: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/26.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
カスタム投稿タイプ
![Page 27: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/27.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \カスタム投稿タイプとは?
投稿/ページに加わる 新たなデータ形式
![Page 28: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/28.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
投稿
投稿カスタム投稿タイプ
ページ
![Page 29: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/29.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
![Page 30: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/30.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
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 );
![Page 31: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/31.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
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/
![Page 32: WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。](https://reader034.vdocuments.net/reader034/viewer/2022051111/5561a2a8d8b42ad9538b4bd6/html5/thumbnails/32.jpg)
Copyright 2010 COWBELL Corporation.Some rights reserved
meets \
Have fun!Have [email protected] / @[email protected] / @tecking
copyrightcopyrightPooWho CC BY 2.0 Generic–PooWho CC BY 2.0 Generic–acaben CC BY-SA 2.0 Generic–acaben CC BY-SA 2.0 Generic–