home > WordPress

WordCamp Tokyo 2011に行ってきた

WordCamp Tokyo 2011に行ってきた

11月27日、品川シーサイド楽天タワー2号館にて開催されたWordPressユーザーによるWordPressユーザーのための情報交換・交流イベント「WordCamp Tokyo 2011」に今年も参加してきました。2008年には100名程度だった参加者ですが今年はなんと593名!WordPressへの注目の高さがわかります。WordCampは2009年から毎年参加、WordBenchも何回か参加させていただいていますが毎回役に立つ・おもしろい話がきけてめちゃくちゃ刺激になります。

WordPress初心者から上級者まで、WordPressを仕事で使うひとも趣味で使う人も、ディレクターもデザイナーもプログラマーもいろいろな人が参加しています。そのため当日のタイムテーブルは、ユーザートラック、デザイナートラック、テクニカルトラックの3コースが用意され、興味のあるセッションに自由に参加できる構成になっていました。反面、どのトラックもおもしろそうなテーマばかりでどれに参加するかで悩ましかったです。参加者のなかにはUstreamで他のトラックをチェックしながらジプシーのようにトラックを渡り歩いている人もいましたw

今回は残念ながらめずらしく仕事が忙しくて3コマだけしか参加できませんでした。忘れないように感想をメモっておきたいと思います。当日のセッションのスライド・動画は公式サイトから閲覧できますよ。

WordCamp Tokyo スタッフおすすめ! WordPress の面白いプラグインやテーマカスタマイズ / 星野邦敏さん

WordPressといえばプラグインによる機能拡張が魅力なわけですが、数が多すぎてどれが使ったらいいのかわからないといううれしい悩みがあります。そこでWordPressのプロであるWordPressスタッフがオススメするプラグインを紹介してくれるという興味深い内容だったのですがセッション名が長い割には時間は30分と短くてあっという間に終わってしまいました。カスタムフィールドテンプレートがおもしろそうなので使ってみたいです。

コンテンツ戦略を意識した今後の CMS の姿 / 長谷川恭久さん

今回の個人的ベストセッションはこれ!WebはPCだけじゃなくガラケーやスマホなど様々なデバイスから利用されるようになり、デバイスごとに最適な表示内容が異なります。コンテンツを「ページ」という概念に囚われずに「データ」として細分化して管理し、利用シーンに応じてそれら「データ」をCMSでつなぎ合わせて届けるということが今後のCMS活用のポイントになります。何回かWordPressでサイトを作ったりしている中でなんとなくもっと効率的にできないかなと思っていたところに、ズバリ回答をいただいた感じです。

百式ブログの毎日更新を10年+続けてわかったことと、これからの展望 / 田口元さん

3年前に百式のWordPress導入記事を読んでWordPressを使いはじめた百式チルドレンとしては、ブログを続けた先に何が見えるのか非常に興味がありました。ブログの未来、ブログによるセルフブランディング、ブログ運営のコツなど、盛りだくさんの内容でとても勉強になりました。紹介されていた書籍は買ってみようかな。

まとめ

コンテンツこそが全てなのでそれらを活用するためにはデータの細分化管理が必要ってことでカスタムフィールドを使いこなせないと死ぬ。

「Open Graph Pro」でWordPressをOGP対応

「Open Graph Pro」でWordPressをOGP対応

facebookの「いいね!」ボタンはさまざまなサイトで設置されいます。この「いいね!」ボタン、ただ設置するだけじゃ不十分だって知っていましたか?あわせてOGPの設定も行うことで2倍3倍の集客効果があるそうです!うひょーマジですかw

OGPって言葉だけは何回か見かけたことはあったんですがなんかめんどくさそうなので知らんぷりしていましたが、OGPに対応しないことでかなり損をするみたいなのでようやく重い腰をあげてみました。

そもそもOGPっなに?

Open Graph Protocolの略。「このページにはどんなことが書かれているのか」を外部サイトに知らせるための記述方法のことで、facebookだけでなく、mixiやGREEなどのSNSで採用されている共通の仕様です。OGPについての詳細は次の記事がわかりやすいです。

どうしてOGPの設定をするだけで何倍もの集客効果があるのか

理由は簡単!だれかが「いいね!」ボタンを押したとき、OGPが設定せれているとその友達のニュースフィードにも「いいね!」した内容が表示されるから。露出が増えるので単純にアクセスも増えるという理屈です。ちなみにOGPの設定がされていなければ「いいね!」した人のニュースフィードに表示されるだけでおしまいです。

また、OGPでニュースフィードに表示されるタイトル、画像、概要などを指定できるので見せたい内容をコントロールできます。

【OGP対応前】イメージ画像が全然関係ないものが表示されています (ノД`)

【OGP対応後】正しい画像が表示されています。

「WP-OGP」より「Open Graph Pro」がオススメ

WordPressのOGPのプラグイン「WP-OGP」が有名なので試してみたところ、コードの修正が必要(Appid→App_id)だったり、表示される画像が固定だったり(記事内の最初の画像を表示したい)、文字化けしたりといろいろと微妙で困っていたとところ、下記の記事を発見!紹介されていた「Open Graph Pro」を使ってみたところ本当に入れるだけでOKで、俄然こちらのプラグインがオススメです。

WordPressでOGPを使う手順

STEP1 : ユーザーIDの確認方法

下記のURLの「Yusuke.Yamanda」のところを自分のアカウントに変えてアクセス
https://graph.facebook.com/Yusuke.Yamanda

STEP2 : App IDの取得方法

  1. Facebook開発者ページにアクセス
  2. 上メニューの「アプリ」をクリック
  3. 「新しいアプリケーションを作成」をクリック
  4. アプリの名前を入力、規約の同意をチェックして「続行」
  5. これでApp IDが発行されました。

STEP3 : WordPress側の設定

  1. Open Graph Proをインストール
  2. 設定画面でAdmin User(s)にユーザーID、Application IDにApp IDを入力
  3. Imageのところで、画像なし記事のときに表示する画像を指定(別途FTP)
  4. header.phpの冒頭を下記の内容に修正
    <html lang="ja" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

STEP4 : テスト

Debuggerで出力内容を確認
間違いがなければ完了!

WordPressのマルチサイト機能を使ってサブドメイン形式で複数ブログを管理する( さくらインターネット編)

WordPressのマルチサイト機能を使ってサブドメイン形式で複数ブログを管理する( さくらインターネット編)

WordPressが3系になり、複数のブログを1つのWordPressで管理できるマルチサイト機能が搭載されましたが、このブログ1本しかない自分には関係ない機能だと思ってスルーしていました。そんなおり、新たにもう1つブログを作ることにしたので、この機会にマルチサイト機能を試してみました。作業メモとしてブログに残しておきます。

マルチサイトの運用形態としては「サブディレクトリ形式」と「サブドメイン形式」の2つの方法がありますが、今回はサブドメイン形式を試してみました。

サブディレクトリ形式
  • http://example.com/blog1/
  • http://example.com/blog2/
サブドメイン形式
  • http://blog1.example.com/
  • http://blog2.example.com/

WordPressのマルチサイト設定手順(さくらインターネット編)

  1. さくらのコントロールパネルからサブドメインを追加
    サブドメインの対象フォルダはWordPressがインストール済のディレクトリを指定(ディレクトリ変更の反映に数分かかります)
  2. wp-config.phpにマルチサイト機能を有効化するために下記の記述を追加
    define(‘WP_ALLOW_MULTISITE’, true);
    追加する場所は「/* 編集が必要なのはここまでです!〜」の前あたり
  3. ログインしなおすと「ツール」に「ネットワーク」が追加されており、そこから「サブドメイン」を選択
  4. 赤枠で激しくエラーメッセージが出ますが気にせず、画面に表示された3つの変更作業を実施
    1. blogs.dirの作成
    2. wp-config.phpに追記
    3. .htaccessに追記(または新規作成)
  5. ログインしなおし、右上の「サイトネットワーク管理者」をクリック
  6. 「サイト」から「新規追加」でサブドメインのサイトを追加
  7. これで作業完了
    (「ダッシュボード」から編集するサイトを変更可)

参考にした記事