PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

いとはももき
5 years ago
Views:

1 世界標準ブログツール WordPress の最新版 3.0 と豊富なプラグイン WordPress 地域コミュニティ WordBench 札幌田中広将 ( ひろまさ )

2 本日お話しする内容日本時間 6/18 にリリースされた WordPress 3.0 について WordPress の CMS としての紹介とともに新機能を解説します (6/23 に日本語版がリリースされました ) その中で WordPress の動作を追いながらプラグインの仕組みとその仕組みを使った具体的な例を紹介します最後に WordPress コミニュティサイト WordBench をご案内します

3 自己紹介ひろまさ / hiromasa ( WordPress Plugins/JSeries でプラグイン (wp-tegaki / kougabu / jrelated) などを製作しています

4 自己紹介 wp-kougabu

5 自己紹介 wp-tegaki & jrelated

6 自己紹介 WordPress 2.5 でつくる最強のブログサイトの著者の一人です

7 自己紹介 WordCamp Tokyo 2009 / WordCamp Yokohama 2010 でスピーカをさせていただきました

8 自己紹介普段は札幌在住業務系ソフトウェアをつくっています会社所属のプログラマーです WordPress はバージョン 1.2 くらいから個人ブログ運営として使い始めておりそろそろ 6 年ほどになると思いますオープンソース好きです WordPress コミュニティサイト WordBench 札幌のメンバです

9 WordPress は CMS

10 WordPress は CMS

11 WordPress は CMS 2010/6/25

12 WordPress は CMS WordPress はカスタムブログ製作を起源とした PHP で製作されたコンテンツマネージメントシステムです最近ではブログ形式にとどまらず CMS として一般サイトにも応用されていますどのようなコンテンツマネージメントシステムということを知るにはそのデータ構造を知ることが早道です WordPress 3.0 の新機能を交えましてまずは WordPress のデータ構造を紹介していきます

13 データ構造 ( 記事情報 ) ポストとページ WordPress に最初から備わる記事 ( コンテンツ ) に関する種別ですポストは時系列にページは固定的に存在するべき情報を表す post_type ですポストはいわゆるブログの日記的な流れをページはそのサイトを表すような自己紹介的なページや記事一覧などに利用されますこれらをサイト上に WordPress のテーマを利用してテンプレートタグから出力しますテンプレートタグはポストやページを上手に HTML/XML 出力する機能を有しています

14 データ構造 ( 記事情報 ) ポストとページ ( 左 ) ポストは流れ ( 右 ) ページは固定的な情報

15 データ構造 ( 記事情報 ) ポストページに対するメタ情報タイトル投稿日投稿者修正日パスワードトラックバック先分類情報 ( カテゴリタグタクソノミー ) リビジョン等々

16 データ構造 ( 記事情報 ) ポストページに対するメタ情報

17 データ構造 ( 記事情報 ) カスタム投稿 WordPress 3.0 からの新機能ですポストページに加えて新しいタイプを加えることができますポストページはメタ情報がシステム固定ですがカスタム投稿はそれらを自由に選択して構築することができます WordPress 3.0 ではポストページについてもカスタム投稿の一つとしてデフォルト実装されています

18 データ構造 ( 記事情報 ) 投稿 ( ポスト ) ページと同じレベルでカスタム投稿が追加できる ( 新しいタイプの部分 )

19 データ構造 ( 記事情報 ) カスタム投稿カスタム投稿は異なる情報の流れの追加 ( タグカテゴリによる視点の変更ではなく根本の流れを追加でき抽出できる ) そしてそれぞれに付与するメタ情報の選択が可能

20 データ構造 ( 分類情報 ) カテゴリとタグ WordPress に標準で備わる記事情報の分類方法ですカテゴリは階層構造をもて記事に対してタグはフラットな分類を持ちます記事に対する抽出条件のひとつですテンプレートタグからその一覧リンクなどを出力することができ (URL / パーマリンクの生成 ) リンクのクリックにより分類された記事情報をサイトに出力できます

21 データ構造 ( 分類情報 ) カスタム分類 ( タクソノミー ) カテゴリタグと 2 種類しか持てなかった分類に対して任意のセットの分類を追加できます WordPress 2.3 からデータ構造としては利用できましたが 2.9 / 3.0 より機能が強化され作成したカスタム分類が本格的 (UI から選択テンプレートタグの強化 ) に使えるようになりましたただし分類自体の新規作成は現在のところコーディングもしくはプラグインの導入が必要です (custom-post-type-ui)

22 データ構造 ( その他の情報 ) コメント記事情報に付与される外部からの投稿ですブログのコメントが格納されます

23 データ構造 ( その他の情報 ) ユーザ権限複数のユーザが投稿できるようにユーザ管理ができますそれぞれに購読者管理者編集者作成者投稿者といった権限が付与でき管理画面のアクセス権限や投稿修正制限を行うことができます投稿から公開へのワークフローが持てます

24 データ構造 ( その他の情報 ) オプションサイトの動作システム情報ですリンク先他サイトとのブログのつながりを管理する情報です XFN と呼ばれるサイト間の間柄を表すメタ情報が付与できますポストメタ記事に対するここまでで出てきた以外のカスタムメタ情報を持たせる部分です

25 データ構造 ( その他の情報 ) マルチブログ WordPress 3.0 から利用できるようになった複数ブログを 1 システムで管理する情報ですここまでの情報を複数もたすことで複数のサイトを持ちます

26 データフロー入力系管理画面操作からのデータベースへの格納コメント者からのコメントの投稿トラックバックピンバック XMLRPC / ATOM 経由でのデータベースへの格納

27 データフロー出力系 ( テンプレートタグ ) WordPress テーマの実態テンプレートタグはデータ構造を HTML や RSS フィード XML 形式で出力する関数群ですデータの抽出を行うループ系の関数を起点に条件取得された情報を取得し現在は主にブラウザ表示用に簡単に HTML 出力する機能が提供されています

28 WordPress プラグインの仕組み WordPress コアで実装されているデータフローの実装にほかのプログラムを介在させる仕組みですフィルター処理中のデータを受け取りその情報を元に別なデータに変更するアクション処理のタイミングの通知をうけ独自の処理をそのタイミングで実行させるウィジェット管理画面操作でテーマに配置できる部品を提供する個別の部品に対して設定 ( 配置場所やオプション値 ) を持つことができその処理を WordPress が行ってくれます

29 WordPress プラグインの仕組み自由にできる WordPress のデータ入出力動作タイミングにほぼ自由に介在できるためプラグインによる無限のカスタマイズが可能です同じ操作 ( アクションフィルター ) に対してプログラムを数珠つなぎ的に登録が可能ですすでに登録されている操作に対してその削除が可能です

30 WordPress プラグインの仕組み wp-content/default-filtter.php ( 抜粋 ) add_filter( 'the_content', 'wptexturize' ); add_filter( 'the_content', 'convert_smilies' ); add_filter( 'the_content', 'convert_chars' ); add_filter( 'the_content', 'wpautop' ); add_filter( 'the_content', 'shortcode_unautop' ); add_filter( 'the_content', 'prepend_attachment' ); add_action( 'wp_head', 'feed_links', 2 ); add_action( 'wp_head', 'feed_links_extra', 3 ); add_action( 'wp_head', 'rsd_link' ); add_action( 'wp_head', 'wlwmanifest_link' ); add_action( 'wp_head', 'index_rel_link' );

31 WordPress プラグインの仕組み自由にできる WordPress コアもアクションフィルターの動作をコア自身でも利用しているため気に入った別なものに置き換えが可能ですプラグイン形式だけではなくテーマのプログラマブル (functions.php) を利用して管理画面への UI 提供を含めたユーザ体験の提供ができますフック名 ( 文字列 ) をキーとして動作し様々な部分 ( コアプラグインテーマ ) からでも登録削除が可能であるため簡単に実装できる反面プラグラムの流れを追うのに若干慣れが必要です

32 様々なプラグインの動作パターンフィルター (the_content) 記事の特定文字列を検索加工し HTML タグを付与した例

33 様々なプラグインの動作パターンフィルター ( ショートコード )

34 様々なプラグインの動作パターンアクション (template_redirect) Ktai Style

35 様々なプラグインの動作パターンウィジェットぶらり光画部

36 様々なプラグインの動作パターン管理画面への機能追加

37 様々なプラグインの動作パターン管理画面への機能追加 twentyten

38 様々なプラグインの動作パターン時間指定実行 (wp-cron) 通常のプラグインはユーザ操作を起点として動作するが WordPress コアに備わった wp-cron を利用すると疑似的に時間によるプログラムの起動が可能

39 様々なプラグインの動作パターン以上で紹介したようなパターン ( まだまだあると思います ) そしてその組み合わせで WordPress プラグインはつくられていますもし必要なプラグインがあったらコア機能に対する変更という視点で調査を行うと比較的簡単に実現可能です既存のプラグイン修正時もコアのどの部分に介在しているのかを調査 (add_filtter add_action) しそこからソースコードを追えば分かりやすいです開発を行わない方もこれらの知識があるとプラグイン探しやトラブル発生時の対処の勘所がわかるようになると思います

40 WordPress の魅力ブログを起源とするプロダクトですがデータ構造がシンプルにつくられており特に WordPress 3.0 からデータ基本構造や分類の解放を行っているためブログだけではなく一般サイト用の CMS としても使いやすくなりました一方で個性が強いブログサイトを構築する手段としても人気があるためテーマやプラグインに美術的なものが多く配布され手軽にセンスあるサイト構築ができます個性をだすべくシステムもそれに答える形で拡張されていくためテーマやプラグインからの介在の余地が大きく様々な要求に応えられるカスタマイズが可能です

41 WordPress の魅力サイトへの導入実績が多くそのノウハウが得られやすいです最近では Web 情報だけではなく WordCamp や WordBench などオフラインコミニュケーションも活発で楽しいです

42 WordBench について WordBench は WordPress の地域コミニュティーです実は WordBench 札幌としてのオフライン活動はこの OSC 北海道が初めてです参加お待ちしております (

43 ご清聴ありがとうございました WordPress 地域コミュニティ WordBench 札幌田中広将 ( ひろまさ )

HOME PAGE RENEWAL PLAN 有限会社マインドアクセス

HOME PAGE RENEWAL PLAN 有限会社マインドアクセス http://www.misa.or.jp/ HOME PAGE RENEWAL PLAN 1. 機能概要世界的に現在最も利用実績の有る WordPress を CMS( コンテンツマネージメントシステム ) として採用し静的なサイト構成から柔軟かつ機能拡張可能な動的サイト構成を実現しますまた MISA 会員はホームページより Android アプリをダウンロードする事が出来新着記事の確認会員名簿の検索を行う事が出来ます