プラグイン│でろぐ

今日は少し仕事で困った事があったので忘れないようにメモ。
まず前提としてページ内にあるサブナビだけをサイト内の共通要素として使用したかったのでいつも使っているphpのreadfileで対応しようとしたわけです。
ただ今回はその埋め込む対象が静的なHTMLファイルではなくWPのページ部分に追記する場合だったのがそもそもの事の発端です。

いつもやってる方法(一応メモ)
htmlファイルでもphpが読み込めるように.htaccessに「AddHandler php5-script .html」と記述しphpを動作させるようにします。
今回の場合はサーバーがヘテムルだったのでこんな感じでおｋ。
もちろんphpのバージョンも既存の環境にあう設定です。
次に読み込むファイルを作成。今回はサブナビなのでsubnavi.htmlとでもしておきます。
subnavi.htmlには以下のみを記載するとします。
<ul id="subnavi">
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
</ul>

で、埋め込む側のファイルに絶対パスで
<? readfile("http://xxx.cm/subnavi.html"); ?>
と記載。すると埋め込みを指定したページにsubnavi.htmlの記述が反映されて埋め込み完了。
動作も確認してきちんと埋め込まれている事が確認できました。

と、ここまではいつもどおりにうまく行ってたんですがWPのページ内にこの記述を埋め込むとなぜか反映されない・・・・・。
ためしに埋め込んだページと全く同じ記述の静的なHTMLファイルを作りアップロードしてみると反映されている・・・。
という訳でこの時点でもうお手上げでした。
同じ記述をしているのにHTMLファイルとWPのページ内では動作が違うなんて・・・プログラムがよくわかんない僕ではここでお手上げです。
これは困ったと思いTwitterで愚痴っているとふとアイデアが浮かびました。(ここからが本題ですｗ)

「あのプラグインを使えばreadfileと同じような動作をWP上で実現できるんじゃね？」

そのプラグインというのがContact Form 7です。
このContact Form 7というプラグインはその名のとおりWP上で簡単にフォームが設置できるようになるプラグインなのですが、
このプラグインを使ってサブナビを実装しちゃいましたｗ

使い方は簡単でプラグインの設定画面から新規でフォームを作成し、フォームの部分にsubnavi.htmlに記述してある
<ul id="subnavi">
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
</ul>
をまるコピすればおｋ。
あとはプラグインで指示されたコピペする記述をWPのページ内に貼り付けるだけ。
結果からいうとこっちの実装の方がWPでは簡単ですね。
フォームとかでめんどくさい時とかにたまに使ってたこのプラグインがこんな形で有効活用できるとは思ってもいませんでした。

これを応用すればサイト内のちょっとした共通要素をまとめて管理できる素晴らしいプラグインにはやがわりです！
もちろんフォームにも使えるのでカバーできる範囲がとっても広い。
これからはインストール時の基本メニューに決定です！

先日Twitterの公式ツイートボタン「Twitter Button」がリリースされたので早速試してみました。
まずは実験という事ででろぐに実装してみる事にしましたがTwitter上でWordpressのプラグインTweetButtonが紹介されていたので早速入れてみました。
このプラグインはWPのほかのプラグインと同様にダウンロードしてきてWPのプラグインディレクトリにフォルダごとアップしてから、管理画面にログインしてプラグインの有効化をすれば使用できます。
まあ導入は至って簡単です。
導入後の画面がこちら

前からあるTOPSYのツイートボタンの横に同じような体裁でボタンが追加されました。
ためしにボタンを押すとこんな感じに。

Twitterにログインしているとボタンをクリックするとそのままツイートできる感じです。
まあ便利。
短縮URLはt.coが使われます。

でもよく考えると本家版を使っていなかったのでついでに調べてみました。
http://twitter.com/goodies/tweetbutton
こっちを使うとボタンの表示やツイート内の表示テキストURLや言語の選択などがカスタマイズでき、あとオススメフォローユーザーのアカウント表示までコントロールできます。
使い方次第ですが、例えばキャンペーンサイトなどに表示させてハッシュタグを埋め込んだり、意図的にRTを促進させたり、運営者のアカウントのPRが出来たりするのでけっこう便利かも。無料で利用できるので導入しやすいですし。
実装したいだけならWPのプラグインとかで簡単にできていいと思いますがカスタマイズしたいなら公式の方を使った方がいいような気がします。
あくまで個人的な意見ですけどね。

おまけ
このTwitter Buttonの事を調べていたら知らなかった少し便利な事が分かったので追記します。
それはTwitterのロゴやアイコンや公式のボタンがあるということです。(ボタンは今回のTwitter Buttonの事ではなく単純な画像の分ですよ)
Twitterロゴとアイコン
Twitterボタン
利用シーンによりますが使う場合はこっちを使った方がいいかも。
もちろん利用する場合は利用ガイドラインをしっかり把握した上で使うのは当然です。

今日は為になる事も紹介しようと思いましたので僕がけっこう気に入って使っているMT用の入力支援タイプのプラグインを2種類紹介します。

MTをブログやCMSで使う機会が多い人には特にそうだと思うんですが、よく使うタグとかクラス・Idなどを簡単に出したり、定型文を自動で読み込ませたりするとだいぶ作業効率が上がるよなーなんて考えてる人には最適なプラグインです。

まず1個目が「CustomEditorButton」です。
インストールの仕方は解凍したデータを階層を保持してそれぞれMTのpluginsディレクトリとmt-static/pluginsにアップロードするだけ。

アップロードするとシステムメニューにボタンという項目が追加され、自分で登録した項目をMTの入力画面でボタンにしておく事ができるようになります。

こんな感じで追加されます。

ボタンの追加や編集はシステムメニューのボタンから行います。
たとえばこんなコードを登録しておくと自分で作ったcssでレイアウトをしたりするといった事が簡単にクリックひとつでできてしまうという優れものです。
str = ‘<div id="xxx" class="xxxx">サンプル</div>’;

これで部品的に使う要素をまとめておけば更新が楽になるので作業効率もアップ！

で2個目が「NewEntryTemplate」。
さっきのCustomEditorButtonが入力画面に追加する時に「たまに使う」項目用だったのですがこっちは「常に使う」場合用です。
たとえば署名とかそんなの。
インストールの仕方はこれまた簡単で、MTのpluginsディレクトリにアップするだけ。
設定の仕方はシステムメニューのプラグインからNew Entry Templateの「設定を表示」をクリックするだけ。
タイトルや本文など記入するエリアごとに定型文を設定できるので非常に便利です。

設定画面はこんな感じです。

余談ですが「こんなことならMTのテンプレいじれば余裕じゃね」という意見もあると思います。
はっきりいえばそれでも事足りるんですが<$MTEntryBody$>の独自タグの中に埋め込ませたい場合にはこれが手っ取り早いです。

この2つを使い分けるとある決まった形式の記事更新とかが格段に早くなるので使えそうな場合は使ってみてはどうでしょうか。もちろん自己責任でお願いしますｗ
ちなみにこの2つのプラグインはMTの3と4のバージョンなら大概いけるぽいですが5は微妙です。
実際に5に入れてないのでなんともいえません。
もし5を使われてる人はこれまた自己責任でお願いしますｗ

先日元会社の先輩のOさんからOpenPNEの面白い情報を教えてもらったので忘備録もかねてブログに投稿しようと思います。
今回紹介するのはOpenPNEでTwitter、mixiエコーのようなつぶやき機能を追加できるプラグインです。
まずOpenPNEを知らない方の為に軽く説明するとOpenPNEはオープンソースのSNSソフトウェアです。
mixiやGREEのようなSNSを独自で構築したい人には手ごろなソフトです。
触ってみると分かりますがUIもmixiそっくりで、かなりとっつきやすいものです。
そんなOpenPNEがもひとつ魅力的になるプラグインが開発元の手嶋屋さんから発表されたとのこと。
OpenPNEで社内twitterを

これはアツイ。これにTwitterとの連携機能とかあるともっと良いツールになりそうですね。
まだ細部まで見てないのでわかんないですがとても面白い情報をもらえてテンションが上がりました。
Oさんありがとうございました！