wordbench福井第2回勉強会発表スライド - wordpress 3.0...

Copyright 2010 COWBELL Corporation.Some rights reserved

meets \

WordPress 3.0 でできるあんなコト、こんなコト。

カウベル・コーポレーション森川徹志


meets \今日の流れ

● WordPressって何？

● WordPress 3.0の注目点

● 新デフォルトテーマ『Twenty Ten』の特徴

● ヘッダ画像・背景画像・アイキャッチ画像

● カスタムメニュー

● 子テーマによるカスタマイズ


meets \WordPressって何？

● PHP＋MySQL

● ブログ/CMSツール・ブログサービス

● GPL v2

● 投稿＋ページ

● テーマ多数（公式：1,239個）

プラグイン多数（公式：11,348個）


meets \

2010.6.17 - WP3.02010.6.17 - WP3.0リリースリリース


meets \WordPress 3.0の注目点

● 新デフォルトテーマ『Twenty Ten』

● カスタムメニュー

● 投稿/ページ＋カスタム投稿タイプ

● 複数サイトの一括管理

……などなど1,217件のバグ修正と機能強化


meets \

新デフォルトテーマ『新デフォルトテーマ『Twenty TenTwenty Ten』』


meets \『Twenty Ten』の特徴

● ヘッダ・背景・アイキャッチ画像　容易に変更可

● カスタムメニュー対応

➔ 自分流のナビゲーションメニューを作成可

● テーマフレームワークとしての活用

➔ 『Twenty Ten』をベースにテーマを設計


meets \

ヘッダ・背景・アイキャッチ画像


meets \


meets \

投稿投稿//ページごとにヘッダ画像を変更可能ページごとにヘッダ画像を変更可能


meets \

カスタムメニュー


meets \


meets \

投稿投稿//ページの混在したメニューを作成可能ページの混在したメニューを作成可能


meets \

デザイナーやることないじゃん？デザイナーやることないじゃん？


meets \

テーマフレームワークとしての活用


meets \テーマフレームワークの考え方

● 『Twenty Ten』をベース（＝親）にして制作

● 親テーマとの差分を「子」として設計

● 必要に応じてテンプレートをオーバーライド


meets \テーマフレームワークの利点

● 親テーマが更新されても影響を受けない

● カスタムメニューやウィジェットが流用可

● 基本的にはstyle.cssの作成だけでOK


meets \

BEFOREBEFORE


meets \

AFTERAFTER


meets \子テーマの基本的な作り方

INSTALL_DIR

wp-content

themes

twentyten

index.php, style.css...

child（ディレクトリ名は任意）

style.css（必須）

index.php, header.php, single.php...（任意）

functions.php（任意）


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; }


meets \

One More Thing...One More Thing...


meets \

カスタム投稿タイプ


meets \カスタム投稿タイプとは？

投稿/ページに加わる新たなデータ形式


meets \

投稿

投稿カスタム投稿タイプ

ページ


meets \


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 );


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/


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–

wordbench福井 第2回勉強会 発表スライド - wordpress 3.0...

Technology

wordbench福井第2回勉強会発表スライド - wordpress 3.0...