word camp fukuoka 2010

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

WordCamp Fukuoka 2010paperboy&co. 万野潤二

1

2010年2月28日日曜日

アジェンダ

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

• WordPress をインストール

• プラグイン

• プラグインを作る

• WEBサービス？

2

2010年2月28日日曜日

自己紹介

• 万野潤二

• @ecogrammer

• paperboy&co.

• エンジニア

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

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

3

2010年2月28日日曜日

paperboy&co.

4

Blog　JUGEM

web本棚　Booklog

SNS　GroupTube

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

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

ウォレット

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

2010年2月28日日曜日

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

2010年2月28日日曜日

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

2010年2月28日日曜日

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

• CMSとは

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

7

2010年2月28日日曜日

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

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

• CMSを使うのが一般化

• CMSは群雄割拠

• 徐々に淘汰されている

8

2010年2月28日日曜日

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

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

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

• 約80種類存在

9

2010年2月28日日曜日

google trends (US)

2010年2月28日日曜日

google trends (Japan)

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

2010年2月28日日曜日

WordPressのインストール

12

2010年2月28日日曜日

WordPressのインストール

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

13

2010年2月28日日曜日

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

• heteml（ヘテムル）

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

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

• 全て対応！14

2010年2月28日日曜日

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

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

１分もかかりませんよ！

2010年2月28日日曜日

2010年2月28日日曜日

簡単インストール

• 初めて使う人

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

• 制作現場として

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

• 仕事の効率化

21

2010年2月28日日曜日

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

• Akismet

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

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

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

22

2010年2月28日日曜日

プラグイン

23

2010年2月28日日曜日

便利なプラグイン

• All in One SEO Pack

• meta情報を細かく設定。

• wp-super cache

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

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

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

24

2010年2月28日日曜日

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

• Global Translator Plugin

• wp-tegaki

• Snow, balloons and more

• FireWorks

25

2010年2月28日日曜日

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.

2010年2月28日日曜日

Global Translator

• English

27

2010年2月28日日曜日

Global Translator

• Corea

28

2010年2月28日日曜日

Global Translator

• Chinese

29

2010年2月28日日曜日

Global Translator

• German

30

2010年2月28日日曜日

Global Translator

• Persian (فارسی)

31

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

2010年2月28日日曜日

wp-tegaki

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

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

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

32

2010年2月28日日曜日

2010年2月28日日曜日

Snow, balloons and more

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

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

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

34

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

やりすぎない程度に

38

2010年2月28日日曜日

FireWorks

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

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

• ドイツ製

39

2010年2月28日日曜日

2010年2月28日日曜日

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

41

2010年2月28日日曜日

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

42

2010年2月28日日曜日

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

43

2010年2月28日日曜日

プラグインを作る

44

2010年2月28日日曜日

プラグインを作る

• WordPress 勉強会

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

• 実際作ってみました

• 開発期間１日

45

2010年2月28日日曜日

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

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

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

• これは勿体無い！

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

• 作るしかないよね。

46

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

作り方

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

• ATND APIを使用

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

• ウィジェット化

49

2010年2月28日日曜日

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 にイベント情報が格納されます。※イメージです。かなり省略しています

2010年2月28日日曜日

アクションとフック

• register_sidebar_widget

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

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

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

• widgets_init に対してフック51

Cacoo

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

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

54

2010年2月28日日曜日

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

2010年2月28日日曜日

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

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

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

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

56

2010年2月28日日曜日

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

57

2010年2月28日日曜日

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

58

2010年2月28日日曜日

WordPress.org プラグインの登録

59

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

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

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

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

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

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

2010年2月28日日曜日

2010年2月28日日曜日

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

2010年2月28日日曜日

WEBサービス？

62

2010年2月28日日曜日

WEBサービスっぽい何か

• ATND for WordPress を応用

• イベント検索ができる

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

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

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

2010年2月28日日曜日

WEBサービスっぽい何か

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

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

• Post-Plugin Library

• メニューバー• PixoPoint Menu Plugin

64

2010年2月28日日曜日

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

65

http://manno.jp/hotatnd/

2010年2月28日日曜日

2010年2月28日日曜日

2010年2月28日日曜日

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

68

2010年2月28日日曜日

WordPressが後押ししてくれる

69

2010年2月28日日曜日

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

70

2010年2月28日日曜日