Word Camp Fukuoka 2010

レンタルサーバーでのWordPressの使い方

WordCamp Fukuoka 2010paperboy&co. 万野潤二

1

2010年2月28日日曜日

アジェンダ

• レンタルサーバーにおけるWordPress

• WordPress をインストール

• プラグイン

• プラグインを作る

• WEBサービス？

2


自己紹介

• 万野潤二

• @ecogrammer

• paperboy&co.

• エンジニア

• 週末は森に囲まれた生活

• 去年よりWordPress勉強会に参加

3


paperboy&co.

4

Blog　JUGEM

web本棚　Booklog

SNS　GroupTube

Cart&Mall　カラーミーショップ　カラメル

Server & Domainロリポップ！、チカッパ！、ヘテムル、ムームードメイン

ウォレット

　おさいぽ！HomePage　プチ、グーペ写真共有　30day’s Album


そんなペパボではプログラマー、デザイナーを募集しています！！！


レンタルサーバーにおけるWordPress



• CMSとは

• コンテンツマネジメントシステム（Content Management System,CMS）は、Webコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。

7



• サイトを１から作る時代は終わった

• CMSを使うのが一般化

• CMSは群雄割拠

• 徐々に淘汰されている

8



• どれくらいCMSがあるの？

• BaserCMS concrete5 Drupal Geeklog Joomla! MODx Nucleus SOY CMS Movable Type Word Press Xoops Zope

• 約80種類存在

9


google trends (US)


google trends (Japan)

WordPressはCMSとしては独走していると言っても良い


WordPressのインストール

12


WordPressのインストール

• インストールがすごく簡単• カスタマイズのしやすさ• 豊富なテーマとプラグイン• コミュニティやドキュメントの充実• レンタルサーバーで実践• 簡単インストールでさらに簡単

13


簡単インストール• WordPressの簡単インストール機能を２月にリリースしました。

• heteml（ヘテムル）

• ロリポップ！レンタルサーバー

• チカッパ！レンタルサーバー

• 全て対応！14


ロリポップ！レンタルサーバー





１分もかかりませんよ！



簡単インストール

• 初めて使う人

• 細かい設定は意識しなくて良い

• 制作現場として

• デモサイトをすぐ始められる

• 仕事の効率化

21


インストール後やること！

• Akismet

• コメントがスパムかどうか Akismet ウェブサービスに確認する

• コメントスパムは保留される• WP-SpamFree

• コメントスパムは登録しない → サーバーに優しい → お薦め

22


プラグイン

23


便利なプラグイン

• All in One SEO Pack

• meta情報を細かく設定。

• wp-super cache

• 静的ページを生成し、表示速度を高速化。ページキャッシュ

• サーバーに優しい• Contack Form 7

• これ以上簡単にフォームはつくれません

24


ちょっと面白いプラグイン

• Global Translator Plugin

• wp-tegaki

• Snow, balloons and more

• FireWorks

25


Global Translator

• WordPressの記事・ページを機械翻訳してくれます。48ヶ国語に対応

• 例えば以下の記事

26

Italian, Korean, Chinese (Simplified), Portuguese, English, German, French, Spanish, Japanese, Arabic, Russian, Greek, Dutch, Bulgarian, Czech, Croatian, Danish, Finnish, Hindi, Polish, Romanian, Swedish, Norwegian, Catalan, Filipino, Hebrew, Indonesian, Latvian, Lithuanian, Serbian, Slovak, Slovenian, Ukrainian, Vietnamese,Albanian,Estonian,Galician,Maltese,Thai,Turkish,Hungarian.


Global Translator

• English

27


Global Translator

• Corea

28


Global Translator

• Chinese

29


Global Translator

• German

30


Global Translator

• Persian (فارسی)

31

ずれました＞＜言語に合わせて右寄せにもなります


wp-tegaki

• 記事で使われるフォントを手紙風に変換してくれるプラグイン

• true type font をwp-tegakiフォルダに設置するだけ

• [tegaki]手書き文字[/tegaki]

32



Snow, balloons and more

• 雪、紅葉などを降らせるプラグイン

• オリジナルのイメージも利用可

• 季節のイベントに使えます

34





やりすぎない程度に

38


FireWorks

• 文字通り花火を起こすプラグイン

• プラグインで「有効」に設定するだけ

• ドイツ製

39



あまり使うことはないですね..

41


プラグインと言っても様々

42


単なる拡張機能だけではありません

43


プラグインを作る

44


プラグインを作る

• WordPress 勉強会

• オリジナルのプラグイン作成

• 実際作ってみました

• 開発期間１日

45


どんなプラグインつくる？

• ATNDで勉強会に参加していた

• 探す場所がなく良く見落としていた

• これは勿体無い！

• 勉強会の情報は確実に拾いたい

• 作るしかないよね。

46




作り方

• サイドメニューに勉強会を表示したい

• ATND APIを使用

• イベントを検索する関数を作る

• ウィジェット化

49


atnd_messages 関数

50

function atnd_messages($keyword){

include_once(ABSPATH . WPINC . '/rss.php');$url = 'http://api.atnd.org/events/?keyword=' . $keyword;$messages = fetch_rss($url);

}

$message にイベント情報が格納されます。※イメージです。かなり省略しています


http://api.atnd.org/events/'

http://api.atnd.org/events/'

アクションとフック

• register_sidebar_widget

• サイドバーに登録• get_option, update_option

• 設定情報を取得と更新• add_action

• 特定の動作に対して機能をフックさせる

• widgets_init に対してフック51

Cacoo




せっかくなのでWordPress.orgに登録したくなった

54


http://wordpress.org/extend/plugins/




WordPress.org プラグインディレクトリ

• WordPressの機能を拡張するプラグインをホスティングして公開してくれる公式ディレクトリ

• ダウンロード回数、コメント、評価付けされる

• 世界中の人に使ってもらえる

56


日本人Authorが少ない（10数人？）

57


その内の１人になりたい！

58


WordPress.org プラグインの登録

59

1.WordPress.orgのアカウント作成

2.プラグインの登録申請

3.数日後、承認メールが届く

5.WordPress.orgのリポジトリにコミット

6.プラグインをインストールできるように！

4.Subversionクライアントを準備



ま、こんなもんです...


WEBサービス？

62


WEBサービスっぽい何か

• ATND for WordPress を応用

• イベント検索ができる

• 都道府県毎のイベントページを作成

• よく見られているページランキング

• いい感じのメニューバー63


WEBサービスっぽい何か

• 都道府県毎のイベント表示と検索• ATND for WordPress

• ページランキング• Popular Posts

• Post-Plugin Library

• メニューバー• PixoPoint Menu Plugin

64


全てプラグインだけで作れてしまう

65

http://manno.jp/hotatnd/






誰もがWEBサービスを作れる時代

68


WordPressが後押ししてくれる

69


ご静聴ありがとうございました。

70


Technology

Word Camp Fukuoka 2010