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

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 \テーマフレームワークの考え方

● 『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 fun!tets@cowbell.jp / @teckingtets@cowbell.jp / @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 nagoya 12月勉強会

wordbench 東京とは

wordbench tokyo jan 30th, 2015

wordbench osaka num09 2012/09/22

2011 wordbench oita

リクルートuiのすすめ 120421 wordbench埼玉lt_

7/7 wordbench kobe dreamweaver seminar

wordbench埼玉lt -acf repeater field- 20140412

wordbench saitama vol.6

wordbench nagoya 201601

20120908 wordbench神戸 jotformの紹介

10/12 wordbench神戸 wordpressの学習方法

2015.04.19 wordbench 埼玉 git & wordpress

プログラマーだってデザイナーになりたいじゃん？（wordbench大分...

mysql wordbench 5 2

wordbench fukuoka

wordvolcano jaws-ug + wordbench パネルセッション

wordbench...

wordbench osaka 春の大翻訳祭り

wordbench 1126 wordpress１年生

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

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