世界標準ブログ WordPress と携帯対応プラグイン Ktai Style

2010年5月22日WordBench 仙台

池田 百合子

2

お知らせ

Ust しています。http://www.ustream.tv/channel

/2198236

OSC 2010 仙台の共通 twitter タグ#osc10sn

3

WordPress が熱い

ブログツールでシェア No.1 バージョン 2.9.x は917万ダウンロード 日本からは30万ダウンロード以上

ユーザー向けイベント「WordCamp」を世界40以上の都市で開催

日々「WordPressに移行した」の報告

4

そもそもWordPressって?

ブログツール／サービスPHP + MySQLGPL v2日本語 (UTF-8) に対応テーマ・プラグイン多数b2 の後継

5

WordPressブランドの数々

インストール型 WordPress WordPress MU (複数ブログ対応版) wordpress.org で開発

レンタルブログサービス WordPress.com Auttomatic, Inc が開発・提供

6

WordPress サイト例

WordCamp 横浜公式サイト

WordPressThematic テーマ既存+特製プラグイン

7

インストール型

本家サイト http://wordpress.org/

日本語版 http://ja.wordpress.org/

8

ja.wordpress.org

9

WordPress MU

複数ブログ・複数ユーザー対応大規模ブログサービスを構築可能

WordPress.com のバックエンド 1000万ブログでも動く

通常版 WordPress 3.0 で統合

10

複数ブログと複数ユーザー

11

WordPress の開発

コアコードは SVN + trac 管理 http://svn.automattic.com/wordpress/

http://core.trac.wordpress.org/

アイディアも別途募集 http://wordpress.org/extend/ideas/

日本語フォーラム (の「バグ報告と提案」) http://ja.forums.wordpress.org/

wordpress.org のアカウント必要

12

core.trac.wordpress.org

13

.org/extend/ideas/

14

日本語フォーラム

15

日本独自の活動

Codex 日本語版 http://wpdocs.sourceforge.jp/

オンラインマニュアルを英日翻訳

WordBench http://wordbench.org/

BuddyPress で地域コミュニティーを支援

WordPress Plugins/JSeries http://wppluginsj.sourceforge.jp/

日本独自のプラグインや英語プラグインの翻訳

16

Codex 日本語版

17

WordBench.org

18

WordBench の概要

WordPress の地域コミュニティー2008年9月発足札幌、仙台、秋田、新潟、東京、川崎、名古屋、福井、大阪、岡山、福岡、沖縄、USAなど30グループ

毎月どこかで宴会や勉強会BuddyPress プラグインで構築

19

Plugins/JSeries

20

Plugins/JSeries の概要

SourceForge.JP にホスト日本独自のサービスに対応するプラグインの開発・配付

英語プラグインの勝手翻訳版の配付携帯対応、メール投稿、Livedoor 天気サービス対応などなど。

21

WordPress の携帯対応

22

素のWordPressは未対応

XHTML + CSS なので内容は読めるでもサイズオーバーでエラーになったり途中で切れることも

画像はほとんどがサイズオーバー管理パネルは Ajax 多用だが、国内携帯は JavaScript 未対応が多い

23

そこで携帯対応ツール

閲覧 Ktai Style MobilePressNEO WordPress Mobile Edition WPtouch, iWPhone

投稿 wp-mail.php Ktai Entry WordPress for iPhone/Android/BlackBerry

24

スマートフォン対応は充実

WPtouch はネイティブアプリのような見栄え でも「ウェブ見てたのにアプリに切り替わった」ような混乱もある??

WordPress foriPhone/Android/BlackBerry はネイティブアプリ XML-RPC を有効にする必要あり

25

海外ツールは日本対応が甘い

日本の携帯電話には特有の事情がある文字コードは Shift_JIS絵文字・半角カナを多用画像フォーマットの非互換

ドコモ旧端末 (2008年以前) は PNG 未対応ユーザーIDを使ったユーザー認証

ドコモ旧端末がクッキー未対応

26

Ktai Style は国内携帯に対応

Ktai Style は国内5キャリアに対応絵文字対応 (表示および入力)長い内容を自動分割画像を縮小ユーザーID、端末IDの読み取り(オプション)

さまざまな携帯用テーマ

27

出力例:フロントページ

28

出力例:シングルポスト

29

出力例:最新コメント一覧

30

出力例:月別アーカイブ

31

出力例:ドコモ・ウィルコム

ドコモとウィルコムは一部の絵文字が互換

32

出力例:au・ソフトバンク

auとソフトバンクはスタイルシートが使える

33

出力例:イー・モバイル2種

音声端末, WindowsMobile は少数派

34

テーマ:Redportal

Red+Blue livedoor Blogに似せた

コメント並びの昇順／降順を切り替え可能

35

テーマ:Monolith

Silver+Navy インラインCSS 古い端末は右の

通り

36

テーマ:Green

Green+Natureインライン CSS古い端末は中央代替アイコンも用意

37

テーマ:Loving

情熱のピンク♥ の数がコメント数に連動

代替の枠

38

テーマ:Photolog

その記事の写真を廻り込み表示

インラインCSS

39

テーマ:iPotch

au, SoftBank / ドコモ / ウィルコム WPtouch に似せたテーマ ドコモ (旧端末) はマージン・ボーダーに非対応

40

テーマ:Arege

Slashdot に似せた

インラインCSS

41

テーマ:P2

PC向けP2テーマを携帯化ログインすればそのまま投稿可

42

メール投稿のすすめ

最近は twitter とブログ連携が流行っているけど……。 twitter は140文字しか書けない 写真投稿は twitpic や yfrog など外部サービス必須

ブログ向きなのは写真付きメール投稿 非常に機動性が高い (本文記入は圏外でも可) 外部サービスに頼らなくてよい

43

メール投稿の流れ

1. 写真撮影2. GPS 測位3. 本文、題名の記入

カテゴリー、タグの指定4. 送信

44

Ktai Entry は絵文字対応

1. 絵文字メールを送信2. Ktai Style の絵文字フォーマットに変換

(au から送信した絵文字をソフトバンクで表示)

45

位置情報の活用

Ktai Location プラグインで、写真や本文に埋め込まれた位置情報を抽出http://wppluginsj.sourceforge.jp/ktai_location/

Google マッププラグインで地図表示 Lightweight Google Maps Google Maps Anywhere

46

メール投稿を活用しよう

メール投稿なら twitter 並みに気軽に投稿できる 事件やイベントをレポート 今日の食事 街ナカの変なモノ

写真を複数貼ったり、500文字以上の文章が書ける

ブログは長期残せる記録となる

47

携帯閲覧でさらに強力に

ブログが携帯閲覧に対応していれば、事件やイベントレポートをすぐ見てもらえるかも

リアルタイム性／コミュニティー度はtwitter に少し劣る

過去行った場所、食べた食事を出先で自サイトから検索できる

48

活用例:Yuriko.Net 旅行記

2006年7月から開始した旅行ブログ

国内鉄道旅行が中心投稿を送信した位置を地図表示

普通列車で、駅ごとに投稿することも

1日で100通投稿したことも(2007年9月3日～5日)

49

Ktai Style のブログ管理機能

ダッシュボード新規投稿／投稿編集新規ページ／ページ編集コメント管理各種設定

投稿時の初期カテゴリー etc

50

携帯ダッシュボード

PC版ダッシュボードを簡略化

メニューは下に集める

ログインしてのコメント返信がやりやすい

51

新規投稿

携帯から新規投稿が可能 タイトル・スラッグ・カテゴリー・本文・タグ・ステータス

カテゴリーは複数選択が可能

添付ファイル未対応(端末自体がアップロード未対応のものが多い)

圏外では投稿不可

52

投稿編集機能

携帯から投稿の編集が可能 タイトル・スラッグ・カテゴリー・本文・タグ・ステータス等

メディアライブラリは今後対応予定

HTML 編集のみ(ビジュアルエディタは未対応)

53

コメント編集機能

コメントも編集可 ステータスのみならず、名前・メアド・URL・内容も

一括操作で削除やスパム扱いが可能

承認待ち／スパム一覧から救出も簡単

54

コメント通知メールと連携

1. コメント通知メールを携帯電話に転送2. URLをクリックしてログイン3. 管理機能で承認・削除・スパム扱いが可能

55

最後に

日本の WordPress コミュニティーはおもしろい。ぜひ参加しよう WordBench

http://wordbench.org/ 日本語フォーラム

http://ja.forums.wordpress.org/ Codex 日本語版

http://wpdocs.sourceforge.jp/

56

続きはブースで