日本公式キャラクターのわぷーさん、東京バージョン

ども、またまたやってきました友人へシリーズ。第三弾！WordPress イベントの「WordCamp」スタッフでリレーブログを始めたのですが、その一環として今日は書きます。前回は、カイさんの「【WordCamp Tokyoリレーブログ企画】ユーザー/ブロガートラック担当から見るWordCamp Tokyo 2011のススメ – カイ士伝」という記事！あわせてご覧くださいませ。

んで、 WordPress は聞いたことあるけど、ワードキャンプって何よ？という友人向けに一皮むけた記事を書いております。みんな、これ読んで学んで飲みに来てねー！

いやいやいや WordPress ってなによ（笑）という方には、まず「「わーどぷれす？ってナンデスカ？」という WordPress を知らない友人へ | ウエツハラ」でも読んで出直してきてください。

んで、WordCamp が何かと言うと、お祭りです。よくやるのが、「きゃんぷ？テント張るんですかｗｗ」「ちげーぞ(*´Д｀)」ってやり取り。まぁ間違ってないけど！

なんでキャンプなのか僕も知らんけど、何かワイワイする感じなんじゃないのかな。由来について調べてたらぜひ僕にも教えてください。BarCamp 由来だとか！なおこさん に教えて貰いました。ありがとうです！

まぁとにかく、WordPress に関わる人、関わらない人、なんでもござれのお祭りです！ってことで、お祭り大好きな人集まれい。

オッチョコチョイな人は、カンファレンスがメイン、懇親会は添え物だと思ってしまいがちですが、認識を改めましょう。

懇親会までの間にカンファレンスなるものがあるのですが、人との交流が比較的好きな僕としては、懇親会が楽しみなわけです。過去のカンファレンスの内容は大方を喪失しておりますが、懇親会で人と喋ったことの3割くらいは覚えています。（※個人差あり）

もちろん！カンファレンスなるものも、魅力的過ぎるほど凄い人たちが話すようなので、楽しみではあります。タイムテーブルを見ていただければご納得いくかと思います！！タイムテーブル | WordCamp Tokyo 2011

いちお、カンファレンスの内容を忘れては困るので、帰ってからも楽しめるように（一部を除き）録画されたモノがおそらくアップされます。物忘れの激しい僕などには助かりますね。

ちなみに、僕は今回のカンファレンスの間、ハンズオンなるものの所に居るつもりです。こちらは、実際にユーザーさんとワイワイできそうなので、結構楽しみにしております。何か WordPress のことで聞きたいことがあれば、お気軽に！初心者大歓迎！！きっと僕以外の出来る人が教えてくれます。僕はニコニコしてます。

さて、このまま終わったらシバかれそうなので、楽しむためのコツを伝授しましょう。僕なりの。

• 遠慮なく周りの人に話しかけよう！目が合った時がチャンス！！
• 名刺を持ってくる。数は必要ないかもですが、必須。

あれ、思いの外少ないな…。えっと、でも、一番目がとても重要なのです。難易度高いかもしれませんが、隣の人などに「いい天気ですね～」とか気軽に話しかけてみましょう！キャンプでは、話しかけても OK という風潮がありますので、話しかけても不審がられません。せっかくなので、WP 仲間を作って帰りましょう！

ちなみに、カンファレンスは無料です。懇親会は、ななななんと3,000円！お待ちしております。蛇足ですが、僕が最初に参加した時は、右も左も分からないような WP 初心者でした。ってことで、初心者でも楽しめるので、お気軽にどうぞー！
参加登録 | WordCamp Tokyo 2011

では！

credit: norio.nakayama

最近はめっきり使わなくなってしまいましたが、便利なプラグインには違いないのでご紹介！

「Photo Dropper」は、自由に使っても OK な写真を Flickr から検索して、簡単に記事へ写真を挿入できるプラグインです。上記の写真は、Photo Dropper を利用して挿入しました。難点は、写真のサイズが小さいこと。設定で変えられないんだよなぁ。

公式プラグインとしては公開されていないので、直接サイトへ行ってからダウンロード。ダウンロードリンクは、中段くらいにあります。Download the Photo Dropper Flickr WordPress Plugin

有効化後、記事編集画面にいくと、メディアボタン群に Photo Dropper のアイコンが追加されています。

Photo Dropper で写真を検索しているところ

日本語も通りますが、英語などで検索した方が豊富に出てくる気がします。ちょっと検索が遅いのが難点。

Show only photos that can be used commercially: にチェックで商用利用のみ検索

Flickr から写真を持ってきているので、中には商用利用禁止のモノがあります。というか、そっちの方が多いかな。なので、設定で、商用利用OKの写真だけを選別するボタンがあります。

でもあまり精度がよろしくない気がするので、個人利用で使うくらいが良いと思います。あるいは、その都度、写真の使える範囲を見た方が良いかもしれません。使いたい写真のリンク元へ行くと分かりますよ。

あとは、挿入時に、任意の HTML も一緒にいれることが可能です。CSS で自由にスタイリングできますね。
と、気になったら使ってみてください！では。

はい、困ったときの WordPress を使っている日本のテーマ特集！今日は、企業サイトだけに絞ってご紹介。（何を以て企業サイトと言うのかあまり明瞭じゃないけど…。）てかそろそろ、ショーケースサイト作ります！（そう言い続けて早3年。明日着手しよう…。）

1. 参考になる WordPress 自作テーマの国内サイトをご紹介
2. WordPress オリジナルテーマの日本語サイト 第ニ弾
3. WordPress を使った21の日本語サイト 第三弾
4. WordPress を使った15の日本語サイト 第四弾

以上です！企業サイトは co.jp を使っている場合とかにすれば良かったかもなぁ。そんなこんなでまた明日！では！

AddQuicktag の設定画面

これは、冗談抜きに便利なプラグインだと思うので、インストール後は必ず入れておきましょう。別に今までのプラグイン紹介記事が冗談だった訳ではありませんが、この地味便利に勝るプラグインはなかなかお目にかかれません。そんなこんなで、第4回目くらいのプラグイン紹介です！

とりあえず動画撮ったので見てみましょう。

このプラグインは、任意のHTMLタグなどを登録して、常時使えるようにするプラグインなのです。なんのこっちゃ？ってな人は、もう一度動画見てみて！任意の文字列を選択して、h3 ボタンを押すと文字列の前後にタグが挿入されるのです！

さて、どんな時に使うと腰が抜けるほど便利なのでしょうか。僕の使い方をご紹介。ウエツハラで登録しているのは、

• h4 見出し
• h3 見出し
• 目次のショートコード

見出しはかなりの頻度で使いますし、目次もだいたい使います。とりあえず入れておきましょう！タグを書くのに、仮に7秒ほど短縮できるとして、1記事中で平均4つ使うとすると、30秒弱の時短！あれ、あまり大したことない！笑

でも入れて損はないとプラグインだと思います！あ、ビジュアル入力には関係ありませんので、その点ご注意。HTML 入力の際に使う便利なプラグインでした。

WordPress › AddQuicktag « WordPress Plugins

ではでは。

はい、こんばんは！WordPress の時間がやって参りました。よく使う便利なプラグイン紹介たぶん第3回目くらい！パフパフっ。眠いのでテンション上げていきます。

さて、今日は、なんで WordPress デフォルトでついてねーんだよ！と思う、恐らく3本の指には入るであろう「Faster Image Insert」です。自分が使っているサイトには大抵入れています。

使い方はとても簡単。インストール後、有効化、編集画面の下辺りに「Faster Insert」ってのが現れます。画象の追加はいつも通り。

追加後、ライブラリを見ると、チェックボックスが付いております！ので、任意の画象にチェックを入れて一括挿入ボタンを押すと、あら不思議、選択した画像が管理画面にブッ込まれていますよ。

ちなみに、一括編集もできるようです。僕はあまり使ってませんが。

「Faster Image Insert」の画面

ということで、第3回 WordPress プラグイン紹介タイムはこれにて終了！ではでは。

さて、連チャンで WordPress ネタになってしまいましたが、今日もプラグインのご紹介！WordPress プラグイン紹介、連載第二夜！

今日は、ソーシャルボタンを手軽にテーマ内に挿入するプラグインと Facebook をより活用するプラグインです。いくつかあるようですが、今回は「wp-hatena 拡張版」と「WP-OGP」をご紹介！実は、今日僕も入れてみました！ちょっと前からソーシャルボタンを入れたいなぁと思っていて、西川さんに後押しされて入れてみました。サンクス！

このページの文章の終わりくらいにはてなブックマークや twitter などのソーシャルボタンが設置してあります。あわよくば何か押してみてください！

いちお、同種で別のプラグインも。こちらはじゅんさんに教えてもらいました。たぶん他にもあります。

• WordPress › SexyBookmarks
• WordPress › WP Social Bookmarking Light

さて、wp-hatena 拡張版を導入しようと、導入方法を真似てテーマに書きましたが、動作しない！！ガビーン。します！いえい！作者の hibiki443 さんが対応してくださいました。ありがとうです！wp-hatena 拡張版 1.1 リリースしました | Numb.

なんでだろと、じゅんさんに手伝ってもらいながら色々試してみると（朝からありがとー！）、どうやら Twenty Eleven と Twenty Ten のcontent-single.php や loop-single.php の中でだと使えないみたいでした。single.php に直接コードを書くと無事動作しました。なんでだぁ…。動かなかった場合は、試してみてください。

とりあえず、Facebook にサイトを対応させるため WP-OGP というプラグインを入れておくと幸せになれるかもしれません。

いいね！された時に友だちのタイムラインにも流したり、シェアする時に、サムネイルを指定してくれたりと、色々密かにやってくれる縁の下の力持ち的プラグインだそうです。詳しく知りたい方は、下記サイトなどを参照してみてください。

• Facebook「いいね」設置時に絶対に行うべき1つの施策[Wordpress編] – パパパパ
• ［WordPress］Facebookのサムネイルはこうして出す！ – TAKASHI KOSUMI LIFELOG

以上、無事ソーシャルボタン設置計画は終了いたしました！直接的な記事の評価ではないのかもしれませんが、やはり数字が増えるのを見るとやる気に直結しますね。記事を書くモチベーションも自然と湧いてきます。良かったら導入を検討してみてください。

ということで、皆さま、良かったら各ボタンを押し倒してから帰って下さい（笑）
ではでは！

便利なプラグインを紹介してみよう、連載第一回目！ブログにはたいていコメントスペースがあると思いますが、今回はそのコメント欄をキャッキャわいわいと賑やかに華やかにしてくれるプラグイン「Feedback Champuru」のご紹介！

とりあえずサンプル見てもらえると手っ取り早いですね。最近書いた記事で、コメント欄が賑わってる記事です。「わーどぷれす？ってナンデスカ？」という WordPress を知らない友人へ | ウエツハラ

何を隠そう（いや隠してないか）Feedback Champuru は、twitterなどでこの記事に言及されたモノを引っ張ってきて表示してくれるのです！公式には、Twitter and Social Bookmarking systems(Hatena, Delicious, FriendFeed, livedoor clip, Buzz) と書かれています。最近、Google+にも対応していたような。

ブログを始めた頃はなかなかコメントもつきにくいです。（このサイトは、未だにコメント少ないですがｗ）これがあると、なんとなく流行っている感が少し醸し出せますし、閲覧者としては直接コメントを書くより気軽にコメントが投稿できます。どちらかと言えば、コメント投稿者の障壁を下げるために導入している気がします。僕は。

これは、おでさんの言葉なのですけど、言及してくれた人に恩返し的に導入しているそうです。なるほど。

ブログの更新告知を Twitter でしているもんだから余計とそうなるのかもしれませんが、せっかくいただいたフィードバック。はてブや delicious もまとめて表示して、感謝の意を表したいと思ったのが、このプラグインを望んだ理由であります。
WordPress のコメントに Twitter やはてブのフィードバックを追加する Feedback Champuru を入れてみた | Odysseygate.com

そういえば、この機能を使っていなかったんですけど、Feedback Champuru では、コメント元に応じてそれぞれのclassを付与してくれます。twitter の場合は tweet などのクラスをつけますので、CSSで自由にカスタマイズできますね。今度使ってみよ。

ということで、皆さまもぜひぜひ導入を検討してみてください！作者のをかもとさん、ありがとうございます！
Feedback Champru : dogmap.jp
WordPress › Feedback Champuru « WordPress Plugins

ではではっ

昨日に引き続き、今日もWordPressネタで！
WordPressってなに？という方は、昨日の記事を読んでみてくださいませ！

さて、久々にWordPressを利用しているサイトのご紹介。こんなサイトで使われてるんだー！てな感じで見て貰えれば嬉しいです。あと、前回や前々回などの記事もぜひ参考にしてみてください。

• 「わーどぷれす？ってナンデスカ？」という WordPress を知らない友人へ | ウエツハラ
• WordPress を使った21の日本語サイト 第三弾 | ウエツハラ
• 2011-11-05追記 WordPress で作られた国内の企業サイトだけを集めてみた 第五弾 | ウエツハラ

ストックフォトサイト PIXTA のコーポレートサイト

セカイカメラを作ってる頓智のコーポレートサイト

ペパボの家入さんがやってる会社のコーポレートサイト

クリエイターの棲家co-lab

何か面白そうなスペース！

カッチョエー不動産関連の何やら

のどを潤すような気軽さで、ヒマをつぶしに気軽にお立ち寄り下さい。って書いてある。

アート・デザイン・エコロジーをテーマにしたサイト

写真と音楽好きのためのPDFマガジン

デザイナーであるsugiXさん、マーケティングプランナーであるKosakaさんのサイト

クスノキのショッピングサイト

国際NGOのサイト

エリアガイドのサイト。ネットワーク機能使ってるっぽい？

ELLEのブログ。こちらもネットワーク機能使ってる？

以上！第五弾でまたお会いしましょう。ではでは。

WordPress の日本公式キャラクターのわぷーさん、白坂ママの力作手編みわぷー！

twitter やら Facebook やらで WordPress について垂れ流すことが多いので、最近 WordPress を知らない友人から「わーどぷれす？なにあれ。」って聞かれることがちょいちょいあるので、この場で説明してみようかと思う。興味あったら読んでみて貰えると嬉しいぜ！

ちなみに、トップの写真は、JELLY JELLY CAFEというところのマスターの母上が作られた手編みわぷー。かわいいよかわいいよ！

いちお、公式的な言い方だと「ブログを簡単に作る」と言われています。もうちょい補足すると、ホームページを作る道具とも言えます。もうちょっとだけ難しい言い方になりますが、文章や写真などの要素を管理するツールです。

WordPress を使うと、ホームページの文章や写真を手軽に載せることができるようになります。WordPressみたいなツールが出現する前は、ホームページに詳しくない人がサイトの文章や写真をちょこっと変えるのはなかなか骨が折れました。

WordPressなどのツールが出てきた結果、ホームページに詳しい人やWeb制作会社の人でなくても、簡単に素早く文章や写真を変更することが可能になりました。また、サイトの更新は楽にしたい！という要望も叶えています。

具体的な話に行く前に、これまたよく聞かれるお話を。ワッパーなら「ブログっつったらアメブロじゃん？わーどぷれすとアメブロどう違うのよ？え？」なんて詰め寄られた経験は多いと思います。

何が違うか。箇条書きにしてみた。

• 自分の好きなURLが使える
• 広告がほぼ入らない
• カスタマイズがもっと自由
• ブログ機能以外としても使える

正直言えば、ブログとして使うなら、アメブロやライブドアブログ、FC2ブログで十分だしそんなにWordPressが優れた点もない気がします。逆に、集客などの点では、アメブロなどのブログは有利になることもあります。また、ブログではないけど、ミクシィやFacebookでも良いかも。ただ、上記に挙げたような点で、やはりメリットもあるんです。

個人的には、ちょっと踏み込んだサイトを作りたい！、人とは違うサイトを作りたい！、会社でホームページ作れって言われた（泣）など、もっとオリジナリティを追求したい場合に最適なんじゃないのかな、と思っています。

参考までに、WordPress で作られているサイトをご紹介！色々な種類を集めました。

板野友美のオフシャルサイト

• 板野友美オフィシャルサイト
• やまとナビ
• リアル脱出ゲーム
• TEDxTokyo
• クックパッド株式会社
• 伊藤内科医院

などなど、もっと多くのサイトで利用されています。

そんなことを踏まえつつ、実際に使われている例で紹介するぜ！今回は、テキストや写真を変更するサンプルです。自分のサイトで恐縮なんですが、文章や写真を入れ替えたサンプルを用意しましたよー！！

オリジナルの写真

写真とタイトル部分を入れ替えたバージョンです。赤丸で囲っている部分です。

というように、テキストであれば数秒あれば変更できますし、写真であっても30秒くらいで変更できます。それも特別な知識なしに！

「サイトが作れる？自分も作りたい！」という方も出てくるかもしれません。そんな人は、きっとデザインも自分の好きなように変えたい！と思うはず。

WordPress では、この夢の半分くらいを叶えてくれます。というのも、全部のデザインを変更したい！という要望もあるかと思いますが、それには少々の勉強や知識が必要になります。（具体的には、デザインスキルやHTMLやCSSなどと呼ばれるモノなどなど。）

ただ、WordPress には、デザインや技術的なことが分からなくても、サクッとサイトを作ることができる機能があります。WordPress の世界ではテーマと呼ばれています。

現在、1500個弱のテーマがあるので、探すのも大変！そのままでも自分のイメージに近いテーマも多くあると思います。これもボタンひとつですぐに変えられます。

とまぁとりあえずこんな感じです！興味持った人いたら声かけてちょ。気が向いたら手取り足取り教えてあげるぜ！ではでは。

ちょっと分かりづらいかもしれませんが、トップページに、紹介ページなどの任意のページを表示させるコードです。このサイトを作るのに必要になったので使いました。他にもやり方あると思いますが、とりあえずこれで動くので…。

サンプルの画像。それぞれ色分けされたところが、それぞれ別ページを呼び出してます。

サンプル画像では、途中で切っていますが、スライド部分と紹介文エリア、プロジェクトエリアは全てページを読み込んでいます。

<!--?php $postslist = get_posts('include=1&post_type=page&post_status=draft');   foreach ($postslist as $post) : setup_postdata($post); ?-->
<!--?php the_content(); ?-->
<!--?php endforeach; ?-->

include=1 の数字の部分を該当ページのIDに変えるとそのIDページが表示されます。その他のパラメーターは Codex を見てくだされい。テンプレートタグ/get posts – WordPress Codex 日本語版

んで、これの便利なところは、トップページを各エリアごとにページ機能を使って編集できることです。ひとつのページにまとめてもOKなのですが、ページの中にHTMLが増えるのも嫌なので今回は各ページに分けました。

もう一つは、非公開ページでも引っ張ってこれること。これは、post_statusでいじります。デフォルトは公開状態です。

んで、トップページだけにその引っ張ってきた情報があれば十分なので、非公開状態にしてページURLを叩いても出ないようになっています。こうすることで得られるメリットがあるかどうか知りませんが、同じ情報が2つあるのが気持ち悪いのでこうしてます。

と、たぶん他にスマートなやり方があると思いますが、僕のサイトではこんな感じでやってますよってご紹介でした！別の方法あったらまた書きます。

ではでは。