PowerPoint プレゼンテーション

(1)

株式会社コミュニティコム 〒116-0013 東京都荒川区西日暮里5-37-5 NSO2階 URL： http://www.communitycom.jp/ E-MAIL： [email protected] 星野邦敏

WordCamp Tokyo 2011

WordCamp Tokyo スタッフおすすめ! WordPressの面白いプラグインやテーマカスタマイズ

(2)

株式会社コミュニティコムという会社で、自社運営サイトやアプリ、他企業様向けサイトも作っています。 オープンソースの活動をしたり、IT系の勉強会を主催したり、 地域の活動をしたり。 WordPressをCMSとしてWEBサイトを作ることが増えています。 星野邦敏(ほしのくにとし) Twitter ： @khoshino

Facebook : 星野邦敏（Kunitoshi Hoshino）

WordCamp Tokyo 2011

(3)

WordPressのイベントである

「WordCamp」や「WordBench」に スタッフやスピーカーとして参加。

(4)

WordPress日本語サイトの「イベントカレンダー」を更新する係。

ココ

(5)

公式ディレクトリにプラグインを登録したり。 Japan Tenkiプラグイン →全国142地域の天気を自動表示 Hello Wapuuプラグイン WordCamp Tokyo 2011 自己紹介

(6)

WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ WordCamp Tokyo スタッフおすすめ! WordPressの面白いプラグインや テーマカスタマイズ。

このセッションは？

(7)

WordPressのコアは、とてもシンプル。

(8)

シンプルなコアに、サイトにあった「テーマ」でデザインして、「プラグイン」で機能追加する。

テーマ

プラグイン

WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(9)

公式ディレクトリテーマ登録数

1,400以上

(10)

公式ディレクトリプラグイン登録数

17,000以上

(11)

多すぎて、どのテーマやプラグインが良いのか、分からない！ WordPress初心者 ねこび〜んさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(12)

そこで、 WordCampスタッフが お勧めのテーマやプラグインをご紹介！ WordPress経験者 わぷーさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(13)

・ユーザー・開発者が集うイベント ・世界40以上の都市で開催 ・世界中で180回以上の開催実績 ・日本では年に３～４回・今までに、東京・京都・福岡・横浜・名古屋・神戸 http://japan.wordcamp.org/

そもそもWordCampとは？

(14)

今回のWordCamp Tokyo 2011 イベント事前申込者約１２５０人懇親会約４００人 WordPressに関する セッションやワークショップも多数。スタッフもたくさん！

そもそもWordCampとは？

(15)

面白いプラグインやテーマカスタマイズ

(16)

WordCampに関わっている人は、

WordPressに詳しい人も多い。

(17)

WordPress経験者 わぷーさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

スタッフお勧めの

テーマやプラグインを

ご紹介！

(18)

西川伸一さん @shinichiN プラグイン

Cawaii Admin

WordPressの管理画面を 可愛くするプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(19)

ころぐ http://colog.jp/ WordPressの 管理画面を変えられる！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(20)

カイ士伝さん

@kai4den

プラグイン

WordPress Related

Post for Japanese

Yahoo!の日本語形態素解析 Webサービスを利用して、 関連する自分の記事を表示。かなり精度が高い！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(21)

カイ士伝 http://blogging from.tv/wp/ ラーメン記事にはラーメンの記事が！サイト内でのユーザーの移動が高まる。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(22)

カイ士伝さん @kai4den プラグイン

WP Social

Bookmarking Light

数々のソーシャルボタンをまとめて設置！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(23)

・Twitterに「ツイートする」ボタン ・Facebookの「いいね！」ボタン ・Google+1ボタン などを、自分のサイトに設置してソーシャルな流れを作れる。プラグインをインストールするだけ！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(24)

池田百合子さん @lilyfanjp プラグイン

Ktai Style

WordPressを携帯対応 させるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(25)

同一URLで、

PCサイト、スマートフォンサイト、ガラケー（携帯）サイトの

振り分けを自動で実現。

(26)

豊田有さん @Mighty_Works プラグイン

WPtouch

WordPressをスマートフォン 対応させるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(27)

WPtouchプラグインを 有効化するだけで、 iPhoneやAndroidの 端末で見たら、スマートフォンっぽいサイトに見える。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(28)

オデさん @odyssey テーマ

Twenty Eleven 子テーマ

WordPressデフォルトテーマを 子テーマでカスタマイズ。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(29)

レスポンシブ・ウェブデザインメディアクエリで、横幅に応じてサイトを最適化。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ 8bitodyssey.com

(30)

をかもとさん @wokamoto プラグイン

Feedback Champuru

Twitter、はてなブックマーク、 Google+を、 コメントっぽく表示させるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(31)

コメント欄が賑わってる感じに！コメントしにくい敷居を下げる。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(32)

マクラケン直子さん @naokomc テーマ

P2テーマ

Twitterのような一言コメント掲示板 が作れるテーマ。連絡やコミュニケーションにも！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(33)

WordPress 日本語翻訳の連絡も P2テーマを 利用！ WordPress Codex 日本語版会議室 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(34)

マクラケン直子さん @naokomc プラグイン

Jetpack

WordPress.com の標準機能である WordPress.com Stats プラグイン、 Twitter ウィジェット、 Shortcode エンベッド、 Sharedaddy などが含まれた WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(35)

(36)

星野邦敏さん @khoshin プラグイン

Contact Form 7

メールフォームが作れるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(37)

メールフォーム

(38)

星野邦敏さん

@khoshin

プラグイン

Custom Field Template

（カスタムフィールドテンプレート）

カスタムフィールドをカスタマイズするプラグイン。

(39)

カスタムフィールドを使ってみましょう！カスタムフィールドは WordPressに 元々備わっている機能です。

カスタムフィールド

(40)

例： <?php echo get_post_meta($post->ID,'address',true); ?> カスタムフィールドに入力したデータを表示しています。カスタムフィールドを出力する WordPressのテンプレートタグ

カスタムフィールド

WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ水族館コミュニティ

(41)

<?php $custom1 = urlencode(post_custom('name')); $yahoo_gazou_api = "http://search.yahooapis.jp/ImageSearchService/V2/imageSearch?appid=<アプリ ケーションID>&query=" . $custom1 ; $yahoo_gazou_api_xml = simplexml_load_file($yahoo_gazou_api); foreach($yahoo_gazou_api_xml->Result as $gazou_output) {

echo '<img src="' . $gazou_output->Url . '" alt="" />'; }

テーマに４行のプログラムを追加して実現！

カスタムフィールド

(42)

WordPressの各記事の位置情報を地図に表示

各記事の水族館の位置を

Google Maps APIと連携して

自動で地図に一覧表示させる。＆

近いスポットはピンをまとめる。

(43)

WordPressに周辺の写真を自動で表示

そのスポットの周辺の

写真を自動で表示させる。

(44)

WordPressに画像を自動で表示

各記事に関連する画像を自動表示する。

(45)

その水族館について、 Twitterの最新つぶやきを 自動表示させる。 WordPressに Twitter情報を自動で表示 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(46)

WordPressにカフェ情報を自動で表示 そのスポットから２点間の直線距離の近い順番に、カフェやレストランを、自動で一覧表示する。この部分は、自動でアフィリエイトリンクに WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(47)

WordPressにホテル情報を自動で表示 そのスポットから２点間の直線距離の近い順番に、ホテルを、自動で一覧表示する。この部分は、自動でアフィリエイトリンクになっていて WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(48)

WordPressに商品情報を一覧表示 記事に関連する商品を自動で一覧表示する。この部分は、自動でアフィリエイトリンクに WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(49)

カスタムフィールドで検索も可能カスタムフィールドに入力した情報で検索ができる。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(50)

星野邦敏さん @khoshin プラグイン

Lightbox 2

リンクのある画像をクリックすると、画像が浮き上がるようなデザインとなるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(51)

(52)

WordPressを使ったら、 サイトが重くなった！ WordPress初心者 ねこび〜んさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(53)

マクラケン直子さん @naokomc プラグイン

WP Super Cache

キャッシュを作ってくれて、表示の高速化ができる。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(54)

「WP Super Cache」 プラグインをインストールして、「キャッシングを利用」にするだけです！ WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(55)

大曲仁さん @jim0912 プラグイン 001 Prime Strategy Translate Accelerator 翻訳ファイルの読み込みをキャッシュ化する。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(56)

三木徹さん @waviaei プラグイン

WordPress Database

Backup

データベースのバックアップを手動または自動で取ることのできるプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(57)

MySQLを 管理画面から保存できる。定期バックアップも自動で出来る。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(58)

宮内隆行さん @miya0001 プラグイン

WP Total Hacks

お客様にWordPressを 納品する時に便利なプラグイン。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(59)

管理画面のロゴを変えられる等、 「WordPress」の色を 消すことが出来る。その他にも、 webmaster権限追加、 フッター文字情報の変更なども。 WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(60)

WordPress初心者の ねこび〜んさんも満足！ WordPress初心者 ねこび〜んさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ

(61)

WordPress経験者 わぷーさん WordCamp Tokyo 2011 面白いプラグインやテーマカスタマイズ帰ったら、さっそくテーマやプラグインを使ってみよう！分からないことがあったら、次の調べ方がお勧めだよ！

(62)

http://wpdocs.sourceforge.jp/

WordPressの公式オンラインマニュアル（ドキュメント）。

日本語版 Codex

WordCamp Tokyo 2011 WordPressで繋がろう！

(63)

http://ja.forums.wordpress.org/

WordPressフォーラム

(64)

・各地域のユーザーコミュニティ ・現在、全国各地約40地域 ・毎月、日本のどこかで勉強会や交流会を開催 ・BuddyPressプラグインによる オープンSNS ・写真部、英語部、料理部、もくもく部なども http://wordbench.org/

WordBench

(65)

・一眼レフカメラ、写真好きが多い・写真を撮る旅行も

WordBench写真部

(66)

・WordPress に関するワークショップ ・サイトのテーマ改良／プラグイン作成／

WordBenchもくもく部

(67)

続きは、懇親会やハンズオンでも！

(68)

WordPressのコミュニティに、ぜひご参加を！

WordPressのイベントや勉強会に参加してみませんか？

http://ja.wordpress.org/

(69)

スライドは後日に公開します！

WordPress（ワードプレス）コミュニティ http://wp3.jp/ PDFファイルにて、公開します。 WordCamp Tokyo 2011 最後に

(70)

今後のお問い合わせなど何かありましたら、 Twitter： @khoshino Mail： [email protected] URL： http://www.communitycom.jp/ http://wp3.jp/ などに、ご連絡ください。ありがとうございました！ WordCamp Tokyo 2011 最後に