WPtouch

これまでは「うちのサイトを携帯で見る人はいないだろう」となんとなく思っていて、モバイル対応は考えていませんでした。ちょっと前に iPhone を購入してから、モバイル環境でサイトを見ることが増えて「iPhone 用に最適化してあるサイトいい！」と思ったので「WPtouch」を導入。

iPhone で見る際に自動で theme を変えて最適化してくれます。高機能で割と良い感じに動いてくれています。このプラグインを利用しているサイトは見た目が全部一緒になってしまうのだけが難点かな？

普通の携帯にも対応させるかは、考え中。うちのようなコードが多いサイトって、iPhone や Android ならばまだ見るかもしれませんが、普通のガラパゴス携帯に対応させても、見にくいし内容的にどうなのだろう…

余談ですが、iPhone に対応させているうちに、「携帯から更新できるようにこれを機にしてみようかな？」と、ちょっと興味が沸いたり。これまでは興味がなかったのですが、モバイルからの WP も結構楽しいかも…！

WordPress Exploit Scanner

次に、「WordPress Exploit Scanner」。

これはセキュリティ目的です。別段改ざんされたり攻撃されたりした形跡はなかったのですが、念のためにチェックしてみたくて入れました。

日本語版用に、「WordPress › フォーラム » WordPress 日本語版用 Exploit Scanner ハッシュファイル」からハッシュファイルをダウンロードして差し替えました。

Google (XML) Sitemaps Generator for WordPress

「WordPress に入れるべきプラグイン！○個」など、お勧めプラグインをまとめたエントリに必ずといって良いほど入っている「Google (XML) Sitemaps Generator for WordPress」をやっと入れました。

「えっ、未だに入れてなかったの！？」と思われそうですが、『プラグインが増える＝重い』という式が頭にあり「なんとなく負荷が高そうだし重くなったら嫌だしなー、別に入れなくてもそこそこクロールされてるし、なくてもいいかなー」と思って入れてなかったんです。

今回、WP 弄りの楽しさの勢い＋時間があった、ということで試しに入れてみました。気にしていたような負荷は感じず、問題なさそうです。杞憂でした。ただ記事を投稿しても、サイトマップが自動で更新されていないような…？今 wp-cron がうまく動いていないらしい（※下の引用を参照）ので、そのためかもしれません。

とりあえず、wp-cron が直るまでは記事を投稿したら手動でサイトマップを生成しなおして様子見。どうにもならなそうだったらサーバー側の cron で対応することを検討します。

ところでこのプラグインの導入時、説明をしっかり読まず使おうとしたらエラーが出てサイトマップが生成されず、少しだけ躓きました。ちょっと調べたら「sitemap.xml」「sitemap.xml.gz」の空ファイルをアップしていなかったためだと判明。

説明通りに空ファイルをアップしてパーミッションを 666 に設定したらちゃんとエラーが消え動きました。ちゃんと説明読まないとダメですねー＠＠　書いておかないと忘れてしまいそうなのでメモ。

参考：WordPressのプラグイン:Google Sitemap Generator | コリス

Custom Field GUI Utility

カスタムフィールドを使ってちょっと試したいことがあって、カスタムフィールドを使いやすくする「Custom Field GUI Utility」を入れました。

まだ使い込んでないんですが、日本語インターフェースに安心しますｗ

おわり

追加したものは以上です。
しばらくぶりにあれこれやってますが、楽しいですねー！WP の醍醐味を思い出しましたｗ

今年もあとわずかですね～。
[トラックバック企画] みんなのお家のお雑煮見せて！ – Odysseygate.com に参加するぞ～！

なにができるの？

この画像の、右端にあるような「はてなブックマーク被リンク数」を表示できるようになりました。
表示できるモノは以下の通りです。

• はてブ
• del.icio.us
• Livedoorクリップ
• Yahoo!ブックマーク
• FC2ブックマーク
• ニフティクリップ
• POOKMARK Airlines
• Buzzurl
• Choix
• newsing
• はてブ被リンク数 New!!今回追加

ダウンロード

現時点では _blank でリンク先が開くバージョンのみです。もし要望があれば、_blank で開かないバージョンも作るかもしれません。
2010.07.16 アーカイブを lzh から zip に変更

設定

使い方は本家 wp-hatena と全く同じです。

• 拡張版 以前のバージョン　wp-hatena にさらに追加、合計 10 個の SBS に対応 | Numb.
• 本家配布サイト　WordPress Plugins/JSeries » wp-hatena

表示させたいテンプレートに以下の内容を書くことで表示されます。
不要なものは一行まるごと削除で出力しないことも可能です。

<?php if(isset($wph)) {
	$wph->addHatena();
	$wph->adddelicious();
	$wph->addLivedoor();
	$wph->addYahoo();
	$wph->addFC2();
	$wph->addNifty();
	$wph->addPOOKMARK();
	$wph->addBuzzurl();
	$wph->addChoix();
	$wph->addnewsing();
	$wph->addHatenaCount();
}?>

※上記内容で、拡張バージョンで対応しているすべてが表示されます。

$wph->addHatenaCount();

ちなみに上記部分が、はてブ被リンク数表示の指定です。

参考

• 自分のブログに「○○users」を表示する はてなブックマークヘルプより

はてブ被リンク数の表示は、「ブックマーク数を画像で取得するAPI」を利用しています。

よろしければお使いください :)

• WordPress Plugins/JSeries » AutoExternalLink (外部リンク用アイコン追加)

prototype.js を使わないようにしました。

これまでは jquery などを利用している他のプラグインと併用した場合、コンフリクトを起こして上手くうごかないよー！＞＜ という状態になってしまっていたかと思うのですが、0.2 からはコンフリクトを起こさなくなっています。

上記の内容でお困りの方はバージョンアップしてみてください。

/%year%/%monthnum%/%day%/%post_id%

1 回サーバーの移動をしたときに post_id が狂ってしまって。そのときは無理矢理 .htaccess でリダイレクトをかけて対応したものの「post_id じゃなくて post_name で管理したほうがいいなぁ」と痛感。ただ、そうすると過去の記事へのリンクが全部きれてしまうし、どうしよう…と悩んで半年以上経過していました。

そんな状態でずるずると移行できないでいたんですが、さっき twitter を見ていたら Masayan さんが以下のような発言を！

私もまさにそんなかんじだったので「思うことはみんな似てるんだなあ！」と思いましたｗ　その後以下のようなやりとりがあり、とても良いプラグインを教えていただきました！

プラグインの紹介記事

• パーマリンクの変更後、旧アドレスでもアクセスできるWordPressのプラグイン | コリス

さっそくパーマリンクを以下のように変更。

/%year%/%monthnum%/%day%/%postname%

上記のプラグインを導入して、こんなかんじに設定。

これで上手く post_id から post_name へ移行できました。
いいプラグインを教えていただけて助かりました！Masayan さんありがとうございます＞＜

「万が一普通のコメントがあったら申し訳ないよなあ」と気になって、スパムが多い記事のコメント欄とトラックバックを閉じたりして最近はしのいでいました。でも、もっと根本的によい方法はないかな～と思っていたところ…

[実録] スパム一家との抗争 – MMRT daily life
同じように最近スパムが多いことで悩んでいた Masayan さんがスパム撃退に成功したとのこと。これは期待大！今日時間があったので、さっそく真似して導入してみました。

結果は、見事スパムが消え去りました～！＞＜
これは本当に嬉しい、凄い！

具体的にしたことは、「コメントスパム対策として、ニセのコメントフォームを設置する – GIGAZINE」からたどって、「Reduce WordPress Spam By Creating Fake Comment Forms For Spam Bots | One Tip A Day」に書いてあるようにコメント部分のテンプレートを編集。

これでコメント欄やトラックバックを閉じなくても良くなったので嬉しい限りです。

こちらも、画像のサイズによって自動でリサイズして表示してくれます。これはよい！そして Esc キーで閉じてくれます。

カスタマイズできる Lightview for WordPress at orioa を参考にさせていただきました。

ThickBox が jQuery を利用しているのに対し、Lightview は prototype.js を利用しています。

なにかと prototype.js がほかのプラグインなどで使われていることも多いので、そういった場合には ThickBox より導入しやすいかなと感じました。

prototype.js を使っているサイトで ThickBox を使う場合には競合が起きるので、
そのあたりを考えなくて良いように jQuery 利用サイトなら ThickBox、prototype.js 利用サイトなら Lightview を使うのも良いかもですね。

しかし、IE で見ると記事一覧ページで Lightview 動いてないな～、と気づきました。あれれ :roll: 原因探してみます。

UTW が使えなくなり、タグ付けはしばらくお休みしていたのですが WordPress 本体にもタグ機能が付いたし、「タグ導入！」という記事も良く見かけるし、そろそろやってみようかなと遅ればせながらタグ管理をはじめてみました。

ただタグ機能が付いたとは言いつつも、WP 本体に付いているタグ機能は必要最低限のものでタグ管理用画面などはありません。
タグ管理に関してはこれ以上の機能を付ける予定はないようなので、タグ管理をするにあたってタグ管理用プラグインを探してみました。

色々と見た結果、タグ管理で問題になりそうなのは「日本語タグを付けた場合、スラッグを変更すると別のタグとして認識されてしまう」というバグ。

この問題を回避するには、「Advanced Tag Entry」というプラグインでスラッグを変更すると良いようです。
また、他にも気になるプラグイン「Inline Tag Thing」「Simple Tags」を入れて試してみました。

Advanced Tag Entry

Advanced Tag Entry は、記事へのタグ追加・削除、タグの新規作成・既存タグの編集（このときタグのスラッグを指定できる）、未使用タグの削除、ができます。
過去ログへのタグ付け用機能はありませんが、記事投稿の際・タグ管理に関する一通りの機能はあるので通常使いならコレ 1 つでも困らない印象。
全ての機能は記事投稿画面に表示され、タグの追加・削除等はプルダウンメニュー式です。

他の多くのプラグインではスラッグを編集した場合に上記バグがでてしまうようなので、タグ名とスラッグを別にするなら Advanced Tag Entry オススメです。

• power source* » WP plugin: タグ付け補助・タグ管理（スラッグ編集問題もクリア） – Advanced Tag Entry
• わーどぷれすっ！ » Advanced Tag Entry

Inline Tag Thing

Inline Tag Thing は、アーカイブ表示などの画面（管理画面ではない）にタグ付け用の領域を表示してくれます。この領域には、既存タグの選択できるプルダウンメニューと、新規タグを追加するためのボックスがあります。また、すでに付いているタグも表示され簡単に削除できるようになっています。一度に沢山の過去記事にタグを付ける際活躍してくれました。ある程度の量を目で確認しつつタグを手動で付ける時、いちいち管理画面を開くのは読み込み時間もかかって大変。Inline Tag Thing はそんな時に使うと良さそうです。

ただし過去記事のタグ付けには有効ですが、新しい記事のタグに関してはそこまで活用の場面はないかもしれません。ログイン中にブログを見ると常にタグ付け用ボックスが出るので、読み込みに少し負荷がかかる気がします。このプラグインは普段はなくてもよいなと思ったので、私はタグ付けをあらかた終わらせた後プラグイン管理画面から無効化しておきました。

• power source* » WP plugin: アーカイブ表示等から軽快タグ付け – Inline Tag Thing

Simple Tags

Simple Tags は、過去記事へのタグ付け・記事投稿の際のタグ付け・タグ管理全て備えている高機能なプラグインです。自動タグ付け、タグの一括編集などが出来るページが新たに追加される他、記事投稿画面にタグ付け用ボタンが表示され、タグがボタンで一覧表示されます（このボタンはは表示・非表示をクリックで切替可能）。

タグスラッグ編集は、先述のバグがあるので Advanced Tag Entry で行うこととして、Simple Tags で魅力だったのは自由度の高いタグ付け機能です。過去ログのタイトル一覧を表示しどんどんタグを付けたりできます。この画面では Inline Tag Thing と違い細かい記事の内容は見れず、タグ自体も手入力する必要がありますが過去ログへのタグ付けが高速に行えます。手入力と言っても、タグ入力ボックスにインクルメンタルサーチでタグ候補を表示してくれますのでアルファベットのタグなら入力は容易でした（日本語だとちょっと大変かも）。

• わーどぷれすっ！ » Simple Tags

まとめ

• Advanced Tag Entry はタグ付け・タグ管理に。
  スラッグ変更にはバグを回避してくれるのでコレ。
  タグ付けプルダウン式。スラッグ変更をするならオススメ NO1。
• Inline Tag Thing は大量の過去ログへのタグ付けに。
  過去ログの内容を見てタグを付けていきたいならコレ。
  タグ付けプルダウン式。
• Simple Tags はタグ付け・過去ログへのタグ付け・タグ管理に。
  過去ログのタイトルを見てタグを付けていきたい場合もコレ。
  タグ付けボタン式（一覧で分かりやすい反面、タグが多いと探しにくいかも？）。
  この中だと一番高機能。スラッグ変更をしないならオススメ NO1。

ちなみに、Advanced Tag Entry と Simple Tags を同時に有効化させても特に問題は起きていません。

あ、それと以前はタグは UTW でテクノラティへリンクさせていたんですが、今回は自分のページ内検索に使えるような形にしてみました。
タグとカテゴリーの共存の場合、カテゴリー名もタグで作ってしまうべきか否か迷ってます。うーん、どちらがいいのだろう。

カテゴリーを全排除にしてタグのみで管理するのは、ちょっと怖くて踏み出せません :roll:

ThickBox 3.1

具体的に変更しようかな～と思ったのは以下の点が気に入ったから。

• 大きい画像を表示した際にリサイズを勝手にしてくれる
• 画像をクリックして閉じることが可能
• 画像の外の上下左右どこかをクリックしても閉じることが可能
• Esc キーでも閉じることが可能

後は画像以外のモノも表示できるので機会があったら使いたい、というのもありました。

それにあわせて、使っている WP プラグインの IImage Browser に少し手を加えました。

※IImage-browser 日本語版 ≪ MMRT daily life さんからダウンロードした、IImage Browser 日本語版 の Default を利用しています。

IImage Browser の、wp-admin 内に入れる iimage-browser.php 内 71 行目付近を以下のように変更。

$ib_custom_code_full = '<a href="%src" title="%title" class="lightview"><img src="%tsrc" alt="%title" width="%twidth" height="%theight" /></a>';
$ib_custom_code_thumb = '<a href="%src" title="%title" class="lightview" rel=""><img src="%tsrc" alt="%title" width="%twidth" height="%theight" /></a>';

これで、ThickBox を使った画像の投稿が楽になりました。
過去の画像は、LiteBox を切ってしまったのでそのままページ移動で表示されるようになっています。

また、ThickBox は jQuery を使用しており prototype.js と競合がおきます。
これへの対処方法は以下のサイトを参考にさせていただきました。

• 二次元汚染域 – jQueryとprototype.jsの共存させる方法
• prototype.jsとThickBox(jQuery)がコンフリクト｜blog｜たたみラボ
• prototype.jsとThickBox(jQuery)のコンフリクトを防ぐ方法 (Yusukebe::Tech)
• コスミー報告書[社外秘] – jQueryトリビアルメモ２　（prototype.jsとかと共存、jQuery.jsの複数回読み込みについて）

具体的には、以下のようにヘッダー内に書き、jQuery を利用している .js 内の 「$」を「jQuery」に置換することで共存可能になりました。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
	jQuery.noConflict();
//-->
<script type="text/javascript" src="prototype.js"></script>

このとき読み込ませる順番は、jquery.js を最初に、次に jQuery.noConflict(); の部分、最後に prototype.js 。
この順番でないと上手く動かないスクリプトが出てきたり、エラーが出たりと何かと問題があったので注意。

先日 Masayan さんの記事の「全文配信に×％＄＃ « MMRT daily life」を見て、もう一度全文配信にチャレンジしようと重い腰をあげて色々試してみました。

まず Masayan さんの記事からリンクを辿り、おでさんの「[WP] RSS Feedを全文配信にするカスタマイズ WP 2.2対応版 « Odysseygate.com」という記事を読み、そのとおりに試すも上手く全文にならず。

どうしても (more…) の部分で切れちゃうんだよな～！なんでだー！ :cry:

などと思っていたところ、おでさんの記事のトラックバックにヒントが。トラックバック記事を辿って「Knife Edge » Blog Archive » WordPress 2.2.1でRSS全文配信」という記事を読んでなるほどと理解。
more を使っている場合には、全文にできなくて当然だったのですね。 :oops:

more を使って全文にするためには、こうすれば良いよーということも書いてあったので参考にしながら試してみました。さて上手くいくといいのですが…。

先日新規ウィンドウを開く手段を Valid と両立させる考察という記事で

• リンクを新しいウィンドウで開くかどうかはユーザーに選択してもらうのが良いのでは
• でも両方のリンクを書いていくのは手間がかかる、ソースも長くなる
• せめて、手間を減らすために「Firefox」+「CopyURL+」で一発リンク制作をしてみるのはどうだろう

という内容を書きましたが、その後「javascript を使いリンクに新規ウィンドウを開くたアイコンを自動追加する」という方法を公開している方を発見しまして。これが本当にすごい！

新しいウインドウを開くべき？ – LogJET

1 回設定してしまえば記事を書くときには手間いらず、しかもリンクを 2 回書かなくて良いのでソースも長くならず、本当に素敵です。
あまりに素敵だったので他の方々にも手軽に利用してもらえればいいなと思い、Fsiki さんに許可をいただき WordPress のプラグインにさせていただきました！
有用な javascript を公開し、プラグイン化することを承諾してくださった Fsiki さんに感謝いたします :smile:

具体的には、以下のような javascript です。

• リンクに自動で「新規ウィンドウを開くためのリンク」を追加。
• 除外したい URL 等の文字列を指定可能。これによって自分のサイト内リンクに新規ウィンドウ用のリンクを追加しないようにできる。
• 除外したい URL 等の文字列を含んでいても、特定の class 名を付けてある場合は追加できる。
• この追加する動作を、サイトの全体に適用するか、指定した id の部分のみに適用するか選択可能。
• target=”_blank” で開くか javascript を使い window.open で開くかも選択可能。

Download AutoExternalLink

プラグインの名前はそのままずばり AutoExternalLink です。
このプラグインは Fsiki さんの javascript を簡単に実装できるようにしたものです。
概要は以下のとおりです。

• javascript を読み込みさせるためにテーマを編集する必要がなくなる。そのため、テーマの変更時にもヘッダーの書き換え作業が不要になり手間が省ける。
• アイコン位置の調整用 CSS をテーマに追記しなくて良いように CSS を追加。この CSS も自動で読み込まれる。

Download：AutoExternalLink.lzh
最新バージョンはWordPress Plugins/JSeries » AutoExternalLink (外部リンク用アイコン追加)から DL してください。

external.gif 用に画像を 2 パターン× 青とグレーの 2 色、計 4 つ作り同梱しました。お好きな画像を external.gif にリネームしてお使いください。
もちろん他の画像にしても OK です。

07/07/17 追記
上記プラグインの文字コードは UTF-8 です。必要に応じて文字コードは変えてしまって OK です

初期設定

AutoExternalLink.js の以下の場所を、まず設定します。テキストエディタで開いて書き換えてください。
※この AutoExternalLink.js は Fsiki さんが作られたものです。多少 WordPress ユーザー向けに初期の内容を変えさせていただきましたが、ほぼそのままです。

/*
 *  openType : [1:target="_blank"][2:window.open(this.href)]
 *  checkArea : 適用するエリアのid(ページ全体なら [checkArea = ''])
 *  exclusionStr : 除外する文字列(リンクすべてに適用するなら [exclusionStr = new Array()])
 *  inclusionClassName : 除外文字列を含んでいても<a class="nw">テキスト</a>と書かれていれば適用する。
 *  anchorObject : 表示するオブジェクト(テキストの場合[var anchorObject = 'テキスト';])
*/

var openType = 2;
var checkArea = '';
var exclusionStr = new Array('BlogURL','example.com','javascript');
var inclusionClassName = 'nw';
var anchorObject = '<img src="http://BlogURL/wp-content/plugins/AutoExternalLink/external.gif" width="12" height="11" alt="リンクを新しいウインドウで開く" title="リンクを新しいウインドウで開く" />';

9 ～ 15 行目が設定についての詳細で、17 ～ 21 が設定する箇所です。

openType

1 なら target=”_blank”、 2 なら window.open。どちらを使うか設定。
特に必要がなければそのままで OK。

checkArea

どこにこのスクリプトを適用するかの設定。
ページ全体に適用ならそのままで OK。ページ内で適用したいエリアを指定する場合はその場所の id を記入。

例.) id が content のエリアにのみ適用したい場合
var checkArea = ‘content’;

exclusionStr

ここに書いた文字列が含まれるリンクには、新規ウィンドウ用のリンクを追加しない。
*BlogURL に自分のサイトのドメイン部分を記入。*

例.) 私の場合なら
var exclusionStr = new Array('graphact.com','javascript'); となります。

javascript へのリンクには適用したくないので上記のようにしていますが、適用してもよい場合は
new Array('graphact.com') という形に。

inclusionClassName

除外文字列を含んでいても、この class 名があった場合にはスクリプトを適用。
特に必要がなければそのままで OK。

anchorObject

追加するテキストや HTML の設定。
*BlogURL に自分のサイトの URL を記入。*

例.) 私の場合なら
「http://wp.graphact.com」が私のブログ URL なので、BlogURL と書いてあった場所に「wp.graphact.com」と書きます。
個人個人のブログの URL にあわせてください。

画像を変更したい、等があればこの部分を変更。

例.) リンクを画像ではなく、テキストで追加したい場合
var anchorObject = '新しいウィンドウで開きます'

設置

初期設定が終わったら設置です。

1. wp-content/plugins/ 内に AutoExternalLink フォルダをアップロード
2. WP の管理画面＞プラグインで、AutoExternalLink を有効にする

以上です。 :mrgreen:

なにか不具合等ありましたらコメントお願いいたします。