Your SlideShare is downloading. ×
WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

WordBench福井 第2回勉強会 発表スライド - WordPress 3.0 でできるあんなコト、こんなコト。

2,002
views

Published on

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

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

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,002
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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