拙作のプラグインに、Lightbox Gallery プラグインがあり、2008年4月に公開して以来、公式プラグインディレクトリで35万回ほどダウンロードされているが、この Lightbox Gallery プラグインで使用している JavaScript のライブラリのライセンスのおかげで何度もプラグインサポートチームとやり取りをすることになった。

このプラグインサポートチームとのやり取りを少し振り返ってみようと思う。

1回目のやり取り

プラグインサポートチームから初めて連絡を受けたのが、2010年7月のことだった。Lightbox Gallery プラグインで使用している、jQuery lightBox plugin のライセンスが GPL ではないために、Lightbox Gallery プラグインを公式ディレクトリに載せ続けることができなくなる、というものだった。プラグインがいきなり削除される、ということはなかった。

jQuery lightBox plugin のライセンスは、クリエイティブ・コモンズのライセンスで改変禁止というものだった。そこでプラグインの作者に連絡を取り、改変可能なライセンスに変更してもらうことができた。プラグインサポートチームにその旨伝え、Lightbox Gallery プラグインは公式ディレクトリに掲載され続けた。

2回目のやり取り

再びプラグインサポートチームから連絡を受けたのが、2012年2月だった。今回は、プラグインに GPL ではないコードがあるとして公式ディレクトリから削除したから、再掲載を希望する場合は、ライセンスを変更して知らせてね、という一方的な通知だった。

どのコードが問題なのか返事を返すと、HighSlide JS のライセンスが GPL ではない、というものだった。HighSlide を使いたい、というユーザーの声を反映してプラグインに含めるようにしていたが、この指摘を受けてプラグインに最初から含めるのは断念した。

HighSlide を削除した、という連絡をプラグインサポートチームにした際、少し文句を言ってやった。今までずっと掲載してきたプラグインを一方的に削除するのはひどいんじゃないか、と。プラグインサポートチームから返ってきた返答は以下のようなものだった。

「GPL ではないプラグインを掲載したままだと、GPL ではないコードのプラグインを申請してくるユーザーが、他のユーザーのプラグインは掲載されているじゃないか、といってくる。すぐに返事をくれるユーザーばかりではないし、プラグイン作者がいつ改善するかは分からない。だからとりあえず削除してから連絡しているんだ。」と。

WordPress.org の公式プラグインディレクトリのプラグイン数は、2万個近くあり、プラグインディレクトリを健全に保つには致し方がないな、と納得する答えだった。

3回目のやり取り

そして再び、2012年4月にプラグインサポートチームからプラグインを公式ディレクトリから削除した、と連絡を受けた。今回問題となったのは、jQuery lightBox plugin のライセンスが、GPL でも GPL互換 のライセンスでもない、というものだった。クリエイティブ・コモンズのライセンスは、改変可能であったとしても GPL互換のライセンスとしては認められていなかったからだった。

jQuery lightBox plugin の作者に再び連絡を取ったが、返事をもらえず、仕方なく、デフォルトのエフェクトを MITライセンスの ColorBox に変更し、再び公式ディレクトリに掲載してもらえるようになった。

GPL・・・。

Lightbox Gallery プラグインのライセンス問題をプラグインサポートチームとのやり取りで振り返ってみた。これからプラグインを作成し、公式プラグインディレクトリに掲載しようと考えている方の参考に少しでもなれば、と思う。

プラグイン制作者は、WordPress.org のプラグインガイドラインを読んでおくとよいだろう。実は、詳細版があるのでそっちを必ずチェックしておこう。

（簡易） http://wordpress.org/extend/plugins/about/
（詳細） http://wordpress.org/extend/plugins/about/guidelines/

プラグインのライセンスは、GPLv2 or later が推奨で、GPL互換の場合に、クリエイティブ・コモンズは含まれないことを覚えておきたい。GPL互換のライセンスのリストは、GPLと矛盾しないフリーソフトウェアライセンスを見てほしい。

今回は『常連イン』（http://www.joren.in/）というスマートフォン向けのウェブアプリだ。HTML5に対応したブラウザであればPCでも閲覧できるが、ぜひ iPhone や Android で閲覧してみてほしい。

常連インは、実際にお店（バー、飲食店、ヘアーサロン、ホテルなど）の場所に行き常連イン（チェックイン）することで、その常連イン回数を記録し、自分が常連（ファン）であることを証明できるサービスだ。

常連インのサービスを利用するには、Twitter でログインする必要がある。Twitter でログイン後、ユーザーが常連インすると、常連イン回数が記録され、Twitter につぶやきが掲載される。

もしお店側が常連向けの特典を用意すれば、常連となるファンが増えると共に、つぶやきによってお店の宣伝効果も期待できる。

常連インはスマートフォンなどの位置情報機能を使用し、実際にお店の場所まで行かないと常連インできないようになっているので、不当に常連イン回数を増やすことはできない仕組みだ。

新規顧客を獲得する手段として、クーポンがあるが、リピーターを獲得する方法として、常連インというサービスはどうだろうか。

常連インで、使用したAPIは以下の通り。

• Bar-Navi Web API
• リクルートWEBサービス
• ぐるなびWebサービス
• 楽天ウェブサービス

常連インは WordPress をベースに。

常連インは、WordPress ＋ jQuery Mobile ＋ Twitter Joint Manager プラグイン ＋ 各種API で構築している。今回初めて、jQuery Mobile を使用してみたが、簡単にそれらしいモバイルアプリになるのでなかなかよさそうだ。

Twitter ジョイントマネージャープラグインは、WordPress上でTwitterと連携したサイトの構築を支援するプラグインで、WordPressのプラグイン販売サイト CMS×WPで販売している。

WordPressのサイトの表側でのユーザーログインには、TwitterのOAuthによる認証を利用し、初めてのログイン時にはTwitterのユーザー名と同じユーザー名でWordPressのアカウントを自動生成し、次回以降はTwitterのログインとWordPressのログインを連動させることができる。

常連インした回数やお店の履歴は、WordPress のユーザー情報として記録するようにしている。

Web アプリには WordPress

サイトの構築を一から行うとかなり時間がかかってしまうが、WordPress という CMS をベースにその上にライブラリやプラグインで機能追加していくことで圧倒的に構築時間を短縮することができると思う。WordPress を活用して、効率的にサイト構築を目指していきたい。

9月8日に出たばかりの『WordPressデザインブック 3.x対応』を出版元のソシムさんに献本していただいた。誠にありがとうございます。

本書はテーマのカスタマイズを中心に、サイトのデザインを構築していく手順がステップバイステップで解説されている。基本的なテーマの解説はもちろんのこと、WordPress 3.x に対応ということで、カスタム投稿タイプやカスタムヘッダーといった機能の使い方にも言及されている。また、流行の Twitter や Facebook と連携する方法も書かれている。

「３－４．カスタムフィールドに入力した付加情報を表示する」では、TIPSとして拙作の Custom Field Template プラグインをご紹介いただいている。非常に簡単にしか触れられていないが、P.95あたりがこの本で最も注目すべきところ。

本書の章立ては以下の通り。

1. 基本サイトの構築
2. カスタマイズの準備
3. 記事の個別ページのカスタマイズ
4. 記事の一覧ページのカスタマイズ
5. ナビゲーションのカスタマイズ
6. 固定ページのカスタマイズ
7. コンテンツの分類と検索
8. ヘッダーと画像のカスタマイズ
9. 外部サービスとの連携

WordPressデザインブック 3.x対応 – エビスコム

Custom Field Template をご紹介いただいたのはこれで3冊目くらいだと思うが、ご掲載の場合はぜひ献本いただけると大変うれしい。 掲載されてなくてもレビュー書くのでよかったらご連絡ください。

世界中で行われている WordCamp のスケジュールはこちらで確認できる。日本の WordCamp についてはこちらから。

さて、過去に世界で開かれた WordCamp の数を詳しく調べてみた。毎年順調に開催数が増えていっている。

• 2006年 – 1回 （WordCamp San Francisco が最初）
• 2007年 – 5回 （アジア初は WordCamp Beijing の模様）
• 2008年 – 25回 （日本初は WordCamp Tokyo 2008）
• 2009年 – 50回 （WordCamp Tokyo 2009、WordCamp Kyoto 2009）
• 2010年 – 63回 （WordCamp Fukuoka 2010、WordCamp Yokohama 2010、WordCamp Nagoya 2010）
• 2011年 – 31回 （9月15日現在。WordCamp Fukuoka 2011、WordCamp Kobe 2011）

国別の開催数はこんな感じ。これまでに36か国で、WordCamp が開かれた模様。

日本は、アメリカ、カナダに次いで3番目で、なかなか活発に WordCamp を開催しているのがよくわかる。ただ、本場アメリカの開催頻度は流石。

WordCamp Tokyo 2011 が11月27日の開催を予定しているということで、日本では年3回 の WordCampが行われている、というのが現状のようだ。

WordCamp Kobe 2011 は、10時からアンカンファレンスが始まったが、すでに大勢の人が来場しており、司会の小賀さんの絶妙な配分でそれぞれ興味のあるグループに分かれて、話し合いが行われた。

自分は Custom Field Template のプラグインについて10人ぐらいのグループでデモを交えながら、解説したり、質問に答えたりといった感じで、あっという間に時間が過ぎた。

午後からは、大講義室でのマクラケン直子さんの WordPress 最新事情 という発表を皮切りにいよいよセッションがスタート。

人気のセッションの開始前には行列ができるほど。

ちなみに、Developer’s Cafe で、Custom Field Template の事例紹介ということで、不動産検索サイト構築についての発表を行った。よかったらスライドを以下からダウンロード。

ライトニングトークでは、福井や鹿児島の WordBench の紹介があったり、WordPress の日本公式キャラクター「わぷー」のプラグインの紹介があったり、で大盛り上がり。大盛況のうちに WordCamp Kobe 2011 は幕を下ろした。

懇親会は三宮で、結婚式の二次会とかで使いそうな会場で。開催スタッフの労をねぎらうと共に、懇親会でもライトニング―トークが大盛り上がり。次回、WordCamp Tokyo 2011 のアナウンスもあった。

その他、WordCamp Kobe 2011 についてはこちらに記事がまとめられているので参照してほしい。

以下、今回の WordCamp Kobe 2011 でもらったもの。こうして盛況に開催できるのもスポンサーのおかげだと思うので感謝したい。

IIJさんにいただいたわぷーマグカップ。

WebARENAさんにいただいた扇子。暑い一日だったので助かった。

VIAVERIOさんにいただいたプチガーデン。育ててみよう。

カスタムフィールドの出力には、[cft] というショートコードを基本的に使用します。[cft] のオプションによって以下の通り出力方法が変わります。

1. キーを指定して個別のカスタムフィールドを出力する
2. テンプレートを指定してカスタムフィールドを出力する
3. フォーマットを指定してカスタムフィールドを出力する（おすすめ）

１．キーを指定して個別のカスタムフィールドを出力する

例えば以下のような、zipcode というキーを持つ郵便番号のカスタムフィールドがあるとします。

このカスタムフィールドを出力したい場合は、key というオプションにカスタムフィールドのキーを指定したショートコードを投稿欄に入力します。

２．テンプレートを指定してカスタムフィールドを出力する

Custom Field Template では、カスタムフィールドをテンプレートとしてまとめていくつでも設定することができますが、このテンプレートごとにカスタムフィールドを出力することができます。

テンプレートを指定してカスタムフィールドを出力する場合は、まず出力したいカスタムフィールドに、output = true を指定しておく必要があります。

TEMPLATE #1

このテンプレートをまとめて出力する場合は、template というオプションに、テンプレート番号を指定したショートコードを投稿欄に入力します。テンプレート番号を省略すると、0 が自動的に指定されます。

３．フォーマットを指定してカスタムフィールドを出力する（おすすめ）

カスタムフィールドを自由にレイアウトして出力できるのが、このフォーマットを指定する方法です。

フォーマットを指定する場合は、あらかじめカスタムフィールドをどのように表示するかをフォーマットに定義しておく必要があります。[pref] のようにキー名を囲むことでカスタムフィールドに置換されます。

FORMAT #0

このフォーマットでカスタムフィールドを出力する場合は、format というオプションに、フォーマット番号を指定したショートコードを投稿欄に入力します。フォーマットを指定する場合は、output = true を指定する必要はありません。

出力に関して色々

投稿IDを指定して、カスタムフィールドを呼び出す

[cft] ショートコードでは、投稿IDを指定することで、現在表示している記事とは異なる記事のカスタムフィールドを出力することができます。

ショートコードをテーマのテンプレートファイルから直接呼び出す

ショートコードを、single.php や page.php などのテンプレートファイルから直接呼び出すには、do_shortcode() という関数を使用します。

まとめ

カスタムフィールドの出力には、PHPコードで直接呼び出す場合が多いと思いますが、Custom Field Template の出力機能をご利用いただくことで簡略化できると思います。特に、フォーマットを指定してカスタムフィールドを出力する方法は便利だと思いますのでぜひ使用してみてください。

この記事は、WordPants 第3号のライトニングパンツに掲載予定です。

さて、WordPress の一プラグイン開発者として何かできることはないか、と報道をみながら考えてきたが、被災地から遠く離れた場所からできるのは少しでも多くの募金・義援金を呼び掛けることだと思い、WordPress のウェブサイトを運営していらっしゃる方が簡単に寄付・募金バナーを表示できるプラグイン、寄付リンクマネージャープラグイン Donation Link Manager というプラグインを作成した。

このサイトにもプラグインを導入してあるので、サイト上部を見てみてほしい。東日本大震災義援金を呼び掛けるバナーが表示されていると思う。

寄付リンクマネージャープラグイン Donation Link Manager は寄付先のリンクを自由に追加、変更できるほか、表示するバナーの画像を自由に変えることもできる。もっと良いバナーデザインを作成されたらぜひご連絡を！

必須条件

WordPress 2.8 以上

リリースヒストリー

• 2011.03.25 Donation Link manager 1.0.2 リリース
  • コード整備
• 2011.03.24 Donation Link manager 1.0.1 リリース
  • 言語ごとにデフォルトの値を変更
• 2011.03.18 Donation Link manager 1.0 リリース
  • 初公開

ダウンロード

寄付リンクマネージャープラグイン Donation Link Managerのダウンロードは下記のリンクをクリック。

または

インストール

1. Donation Link Managerをダウンロードし、圧縮ファイルを解凍後、donation-link-managerディレクトリをwp-content/pluginsディレクトリにアップロードする。
2. WordPressのプラグインページでDonation Link Managerを有効化する。
3. 管理メニューの設定にある、寄付リンクマネージャーにて各種設定する。

使用方法

寄付リンクマネージャープラグイン Donation Link Managerには以下のオプションがある。

寄付リンクオプション

寄付リンクオプションで、バナーのセレクトボックスに表示したい寄付先の寄付名とリンクURLをセットで入力する。追加して更新すると新しい入力欄が表示される。削除したい場合は、削除したい寄付名とリンクURLを空にして保存する。

デザインオプション

使用したいバナーの画像URLを、背景URLとバナーURLに入力する。バナーURLは必須。

グローバルオプション

• デザイン - デザインオプションで追加したデザインの中から使用したいデザインを選択する。
• ランダムデザイン - デザインオプションで追加したデザインをランダムに表示したい場合はチェックを入れる。
• バナー高さ - デフォルトは70px
• バナー幅 - デフォルトは900px
• バナー位置 - サイトのデザインに合わせて選択。デフォルトは中央。
• 新しいウィンドウ - リンク先を新しいウィンドウまたはタブで表示したい場合はチェックを入れる。
• 追加CSS - デザインを修正したい場合などにスタイルシートを入力。

オプションをエクスポートする

プラグインの設定をエクスポートする。

オプションのエクスポートで出力されたファイルをインポートする

プラグインの設定をインポートする。

オプションをリセットする

プラグインの設定をデフォルトに戻す場合に実行する。

オプションを削除する

プラグインを使用しなくなった場合など、オプションを削除したい場合に実行する。

Q&A

寄付先のセレクトボックスの位置が一番上に張り付いてる？

使用しているテーマによっては位置が真ん中に来ない場合がある。その場合は、グローバルオプションにある追加CSSでスタイルシートの修正を行ってほしい。
例） #dlmcontent div { margin-top:-46px; }

バナーが表示されない？

テーマのfooter.php に do_action('wp_footer'); があるか確認する。ない場合は追加する。

バナーデザイン募集！

義援金、寄付金を呼び掛けるバナーデザインを募集中。デザインされましたらお問い合わせやコメント欄からご連絡ください。プラグインに同梱いたします。

不具合・修正

1日で突貫で作成したので不具合等もあるかもしれないので、お問い合わせやコメント欄からご報告ください。

少しでも多くの方に

被災地の復興には相当の支援が必要だと思う。WordPressでサイトを運営されていたらぜひ、寄付リンクマネージャープラグイン Donation Link Manager を導入してほしい。

WordCampは、これまで、東京、京都、福岡で開催されてきたが今回は初の名古屋開催となった。場所は名古屋市立大学経済学部で、開催側の意向として商用色を排除したイベントだったようだ。スポンサーも募集せず（懇親会にはスポンサーあり）、ボランティアのみで行われていたようだ。

肝心のセッションの中身については、WordCamp Nagoya 2010のレポートページにまとめられている。2教室にまたがって行われていたので、見逃した場合はUSTREAMの録画もあるので大変助かる。

今回なかなか面白かったな、と思うのはレンタルサーバー座談会。司会進行役の方とパネラーがレンタルサーバーについて色々語り、観客とも質問などのやり取りをしたり、と双方向な感じだった。

懇親会ではビンゴゲームで会場が湧いていた。残念ながら一つもビンゴにならず、残念賞的なサイボウズ練習帳をいただいた（ありがとうございます）。

最後に、ライトニングトークで発表した資料は以下からダウンロード。

大勢の方にCustom Field Templateを使っている、とおっしゃっていただきありがたかった。Custom Field Templateには色々と隠れた機能が満載なので、マニュアルサイトを早く作成したいと思う。

今回はさらに一歩進めて、WordPress のマルチサイトでドメインマッピングを利用して複数の独自ドメインを運用する方法を見ていきたいと思う。今回は、Coreserverでの設定方法になるが、途中まではほとんど共通の設定になると思う。ドメインマッピングについては、ホスティングサービスによってやり方が異なったり、できない場合もあると思うのであくまでも参考にしてもらいたい。

WordPress のインストール・マルチサイトの設定をする

まず、WordPress を通常通りインストールしよう。

WordPress でマルチサイトを利用するには、wp-config.php に以下を追加する必要がある。

すると、管理メニューのツールにネットワークという項目が追加される。

「WordPress サイトのネットワークを作成」という画面が表示されるので、サブドメインを選択した状態でインストールをクリックする。

すると、3つのステップが表示される。

1. まず、wp-content ディレクトリに blogs.dir ディレクトリを作成する。またパーミッションで書き込み権限を追加する。
2. 続いて表示されるコードをwp-config.php に追加する。
3. 最後に .htaccess に表示されるコードを張り付ける。

自動的にログアウトされるので、再度ログインすると管理メニューに「特権管理者」という項目が増えているので、マルチサイトが有効化されたことになる。

WordPress MU Domain Mapping のインストール

続いて、WordPress MU Domain Mapping というプラグインをインストールする。WordPress MUとついているが、WordPress 3.0に対応しているのでご安心を。プラグインのインストールは管理画面から簡単に行える。インストール後はプラグインを有効化する。

プラグインが正常にインストールされると、管理メニューの特権管理者に「Domain Mapping」と「Domains」という項目が追加される。そのままでは設定が追加されないので、インストール手順に従って実行する。一部必要のない設定もあるようなので簡単に示したのが以下だ。

1. プラグインディレクトリの wordpress-mu-domain-mapping にある sunrise.php をwp-contentディレクトリにコピーする。
2. define( 'SUNRISE', 'on' ); をwp-config.php に追加する。

Domain Mapping や Domains がきちんと表示されれば準備完了だ。

サイトの追加

管理メニューの特権管理者にあるサイトをクリックし、サイトを追加してみよう。ここではサブドメインで追加することになるが、独自ドメインの割り当ての設定はこの後行うので心配ない。

ここでは、メインサイトの次に追加されたサイトになるのでサイトのIDは「2」になる。このIDは覚えておく。続いて、Domains をクリックしよう。

New Domain という項目で、先ほどのサイトIDを「Site ID」に入力し、Domain に割り当てたい独自ドメインを指定する。「Primary」はそのままチェックを付けておこう。入力を終えたら「Save」をクリックする。

このままだとパーマリンクの設定が独自ドメインに変更されないので、管理メニューの特権管理者にあるサイトをクリックし、ドメインを編集する。サイト情報のドメインをサブドメインの設定から独自ドメインに変更して設定を更新しよう。

以上でWordPress側の設定は終了となる。

Coreserver でドメインを追加する

DNSの設定は通常通り行い、Coreserverの管理画面を開き、ドメインウェブでドメインを追加してほしい。ドメインのディレクトリは必要ないのだが、NoDir にチェックを入れるとうまくいかないのではずしておく。

SSHでコンソールへアクセスし、public_htmlに移動する。そこで以下のようにして追加したい独自ドメインからWordPressをインストールしたドメインに対して、シンボリックリンクを張ろう。独自ドメイン名のディレクトリが生成されている場合は削除してほしい。

まとめ

以上ですべての設定は完了。設定した独自ドメインにアクセスして問題なくWordPressのサイトが表示されれば成功だ。その他のドメインを追加したい場合も上記の手順を繰り返せばいいだけだ。

このように、一回のWordPressで複数の独自ドメインが運用できることがお分かりいただけただろうか。WordPressの持つ可能性が色々と見えてくると思うので、ぜひ構築のヒントにしていただければ幸いだ。

WordPress で制作されたウェブサイトはどんどん増えてきているが、サイトを調べてこれだけまとめるというのはなかなか大変なので、今回のようにある意味WordPressのサイト集は、色々なサイトを見て勉強できるいい機会かもしれない。そこで、WordPress サイトコンテストの一次審査通過142サイトの中から、デザイン、技術、面白さなどの観点から誠に勝手ではあるがピックアップしてみたいと思う。

No.1 @コーヒー事典

WordPressのカスタムフィールドを使用した、データベース型サイトとなっている。拙作のCustom Field Templateプラグインを使用して、カスタムフィールドで検索できるようにしたらもっと使い勝手がよくなりそう。

No.13 CSSclip

色々なサイトを色やサービスなどから直観的なインスピレーションをもらえるサイト。WordPressを使用するとこういうデザイン集みたいなサイトが簡単に作成できる。ウェブデザインリンク集 ウェブサムネイルというサイトを作成しているが、こういうレイアウトというかまとまったデザインは参考になる。

No.16 QLife SQUARE

情報配信系のサイト。かなりの情報量があるようで、作りこまれているようだ。マガジンサイトということでブログとは一線を画した内容だと思う。

No.22 中古車の個人売買 タウンオフ

カスタムフィールドを使用した中古車のデータベースサイト。絞り込み検索があるのだが、これはオリジナルのプラグインを使用しているのだろうか。ざっと見た感じではよく分からなかった。

No.25 Works － 1→10design, Inc.

ウェブサイトのデザインをまとめたサイト。スクリーンショットは手動で作成されているのだろうか。

No.26 スリング専門店 pu-pi

ショッピングサイト。ショッピングカートのシステムは何を使用しているのだろうか。デザインもかわいらしい。

No.28 CR2010

サムネイルの使い方がうまく、デザインがかっこいい。

No.29 こどつな ～ 思わず笑顔になる?! お悩み相談リレー

なかなか面白いアイデアサイト。もう少しリレーの部分を自動化した方があつまりやすいのかな、と思う。

No.85 相武台前Life

地域ポータルサイト。WordPressを使用すればこうした地域密着型のサイトも簡単に作れる。なかなかデザインもかわいらしい。

No.107 すきなばしょ

なかなか面白い。背面にGoogle Mapsがあるのが斬新。

No.127 元ネタさがし

へー、と思ってしまう元ネタ投稿サイト。

No.128 WordPressのプラグイン販売サイト CMS×WP

WordPressの有料プラグインを色々扱ったサイト。WordPressをビジネス利用するならぜひ使ってみてほしい。

No.139 WordPress x Flash | WordPressで出力したXMLを表示するFlashコンテンツ

WordPressとFlashのコラボの実例。

WordPress サイトコンテストのサイトをざっと見てきたが、上記の13サイトが目にとまった。ここにあげなかったが、デザインの素晴らしいブログ、企業サイトは非常に多くあった。あらためて、WordPress の可能性を再認識できたのではないだろうか。