プラグインが多くなりすぎるのがイヤでWP-PageNaviを入れてなかったけど、プラグインを使わなくても実装できるというYurikoさんの記事をみつけたので早速やってみました。

• WP-PageNavi を使わずにナビゲーション表示

Yurikoさんのところで配布しているCSSとコードそのままの表示はコレ。

「≪前ページへ」と「次ページへ≫」という部分を「≪」と「≫」に変更するために17行目と18行目を追記。

<div class="tablenav"><?php global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
	$paginate_format = '';
	$paginate_base = add_query_arg('paged', '%#%');
} else {
	$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
	user_trailingslashit('page/%#%/', 'paged');;
	$paginate_base .= '%_%';
}
echo paginate_links( array(
	'base' => $paginate_base,
	'format' => $paginate_format,
	'total' => $wp_query->max_num_pages,
	'mid_size' => 5,
	'current' => ($paged ? $paged : 1),
	'prev_text' => '&laquo;',
	'next_text' => '&raquo;',
)); ?></div>

あとはCSSでデザインを変更してこうなりました。

※角丸表示はFirefox3+、Safari3+、Google Chromeのみ対応。

Photologを作った時に前後の記事へのリンクにBlogカテゴリの記事も混ざるのが気になったので、同じカテゴリ間でリンクさせる方法を探してみたら、めちゃくちゃ簡単で驚いたｗ

参考サイト

• WordPress Tips : いまいるカテゴリの前後の記事へ移動する｜ともかめ亭
• テンプレートタグ/previous post link｜Codex

テンプレートタグ

前の記事（古い記事）へのリンク

<?php previous_post_link('format', 'link', in_same_cat, 'excluded_categories'); ?>

後の記事（新しい記事）へのリンク

<?php next_post_link('format', 'link', in_same_cat, 'excluded_categories'); ?>

パラメータ

• format
  リンク文字列の書式
• link
  表示するリンクのテキスト
• in_same_cat
  同じカテゴリの前後記事へリンクさせるかどうかを指定。これをTRUEにすると同じカテゴリ間のリンクになります。
  デフォルト：FALSE
• excluded_categories
  表示させたくない記事のカテゴリーID

ちゃんとパラメータが用意されてたんですね～

「in_same_cat」を指定するだけで良かったとは。目からウロコｗ

最近、Twitterをはじめるお客様が多くなってきて、いろいろと相談を受けることが多くなってきました。

この間も「Twitterって画像付けれるの？」と聞かれyfrogを紹介したのですが、そういえば、WordPressでも同じようなことができるな～と後で気づきました＾＾；

ということで、携帯電話の写メールとWordPressとTwitterを連携させてPhotologを作ってみました。

1. 携帯電話から写メールを送る
2. WordPressが受け取り記事にする
3. 記事が公開されるとTwitterに通知

写メールを送った後の2、3は自動で行われます。

使用したプラグイン

• Ktai Entry (メール投稿プラグイン)
  携帯電話からメールを送って記事を投稿できるようにします。
• QF-GetThumb
  記事内の画像からサムネイルを自動生成するプラグイン。
• Twitter Tools
  新規投稿があればTwitterに通知します。
  私は以前から使っていたのでこのプラグインを使っていますが、Simple Tweetも国産プラグインなので使いやすいと思います。

Photolog用のテンプレートを作る

ギャラリーっぽいテンプレートを作ります。

テンプレートのループ部分はこんな感じです。

<div id="photolog">
<ul>
<?php query_posts($query_string.'&posts_per_page=15'); ?>
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<li id="post-<?php the_ID(); ?>"><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><img src="<?php echo the_qf_get_thumb_one('num=0&height=150&crop_w=150&tag=0'); ?>" alt="<?php the_title();?>" class="fadeImg" /><em><?php the_title();?></em></a><span><?php the_tags( 'Tags: ' , ', '); ?></span></li>
<?php endwhile; endif ?>
</ul>
<!-- / #photolog --></div>

基本の投稿数の表示は5件なのですが、Photologだけは5件だと少ないので、ループタグの前にquery_posts($query_string.'&posts_per_page=15');と書いて表示数を15件にしています。

• 参考サイト：wordpressでテンプレート毎に記事表示件数を変える

今までこのサイトでのサムネイル画像はカスタムフィールドで指定したものを表示していたけど、Photologは写メを送るだけで済ませるので、サムネイルを自動生成するプラグインQF-GetThumbを使うことにしました。

今回追加したQF-GetThumbは国産プラグインなのでとても使いやすかったｗ
詳しい使い方は配布サイトをご覧くださいませ。

このサイトではカテゴリとしてPhotologを作成しましたが、Photolog用に新たにWordPressを用意しても良いと思います。

Photologテーマ

すぐにPhotologを作りたい方にはこちらのような素敵なPhotologテーマもありますよ(*´∀｀)

lomohmds：ダウンロード、Demo

Photo-Biyori：ダウンロード、Demo

ついに投稿リビジョンを削除してやりました。

投稿リビジョンというのはWP2.6から導入された機能で、記事のログを保存するものです。

下書き保存したり更新したり、さらに一定の時間が経つと自動で保存して履歴として残っていきます。
記事を書いている途中でブラウザがフリーズ！なんていう不測の事態が起こっても投稿リビジョンがあればすぐに復活できちゃうよ！というシロモノです。

でも、この投稿リビジョンには落とし穴が。

それはデータベースに蓄積されること。つまり、サーバ容量を使ってしまうということです。

私は、結構下書き保存を繰り返して記事を書くのでこの投稿リビジョンがメチャクチャ溜まります。

自分でマメに保存するので特に投稿リビジョンの恩恵に預かることもないので、今までの投稿リビジョンを削除して、さらに機能を停止させちゃうことにしました。

溜まっている投稿リビジョンを削除！

データベースを直接いじれば良いのですがプラグインの方が簡単なので今回はプラグインで対応します。
※データベースのデータを削除するので、不測の事態を避けるためにデータベースのバックアップはとっておいてください。

• Delete-Revision

プラグインをダウンロードして/wp-content/plugins/にアップロード、管理画面で有効にします。

管理画面の「設定」にある「Delete-Revision」へ移動して「Check Redundant Revision」ボタンをクリックすると、溜まっていた投稿リビジョンの一覧が表示されます。

一覧の最後に「Yes, I would like to delete them!」という青色のボタンがあるのでクリック。

すると、溜まっていた投稿リビジョンが綺麗サッパリ削除されます。

このサイトの場合、記事は23しかないのに投稿リビジョンは602もありました！Σ(ﾟДﾟ υ) ｲﾀ!!

ここまで溜まってたとは・・・放っといたらエライことになってました(；´∀｀)

こうやって定期的にDelete-Revisionで投稿リビジョンを削除しても良いのですが、面倒なので投稿リビジョン機能を停止させちゃうことにします。

投稿リビジョン機能の停止

WordPressのコアファイルを修正すれば停止できるようですが、WordPressをアップグレードする度に修正するのも面倒なのでプラグインで対応することにしました。

• Disable Revisions

このプラグインはダウンロードして/wp-content/plugins/にアップロード、管理画面で有効にするだけです。

管理画面での設定などは無いのでとっても簡単♪

表示オプションから「投稿リビジョン」という項目がなくなっています。

さて、投稿リビジョンは溜まらなくなったので、最初に入れた「Delete-Revision」は必要なくなったため削除。

これでサーバ容量の節約になりました( ´∀｀)

気になった記事についてスグに「つぶやける」のは便利ですよね。

私はたまにブクマ代わりに使ったりします。

で、これをこのサイトにも付けて見たくなったわけです。大した情報もないけど（爆）

WPプラグインを探してみる

WordPressを使っているのでまずはプラグインを探してみました。

• Tweet This
• Simple Tweet

この２つのプラグインが使いやすそうだったのでインストールしてみました。
両方ともTweet Thisボタンの設置だけじゃなく、ブログに新規投稿した時にTwitterに自動でtweetされる機能があります。
お得ですｗ

Tweet Thisについて

使い方は簡単で、インストールして管理画面で設定を行えば勝手に記事の末尾にTweet Thisボタンが追加されます。
タグの設置をしなくて良いのはメチャ簡単で◎！

でも私は勝手に入れられたくないんです！（わがままｗ）

多分、自分で任意の場所に設置できるんだろうけど、英語を読み解くのがおっくうになって挫折。
（英語はメチャ苦手ｗｗ）

Simple Tweetについて

をかもとさんが作ったとてもシンプルで使いやすいプラグインです。
何より日本語が一番！

メインは「新規投稿した時にTwitterに自動でtweetされる」機能、Tweet Thisボタンはサブ機能なんですよね。

メイン機能は既にTwitter Toolsにあるので、同じ機能を持ったプラグインをいくつも入れるのはイヤ
（わがままｗｗ）

ということで、両プラグインは今回は使用見送りとなりました（爆）

JSを試してみる

プラグインを検索している時にJSを使ったTweet Thisボタンを見つけたので試してみました。

• bitly API (javascript) を使ってTwitterボタンを設置する方法まとめ

お！なかなかいい感じ♪
bitlyはユーザー登録してあるから丁度いいかも～♪

期待を胸に試してみたのですが記事にあるようにJSの後ろの方を

window.open(url, "_blank");

とするとポップアップブロックされてしまってちょっと不便。残念(´･ω･`)
チョチョイとソースを直してしまうような知識ナシ！

最後はやっぱり原点に戻る！

これまたプラグインを検索していて見つけたサイトを参考にPHPに挑戦。

• WordPressをちょちょいと使いやすくする15のスニペット｜コリス

そのものズバリがココにありました！

<a href="http://twitter.com/home?status=I just read <?php the_permalink(); ?>" title="Send this page to Twitter!" target="_blank">Tweet This!</a>

こんなに簡単なことだったとは（；^ω^）
ここまでの道のりは長かった・・・（遠回りしすぎｗｗ）

でも少しわがままを言うと、the_permalink()のままだとURLが長い・・・

そこで一工夫

大してPHPの知識があるわけじゃない無いけどがんばってみました！これも勉強。

• PHP で Twitter に投稿｜dogmap.jp

Simple Tweetの作者をかもとさんとこで紹介されている「ショートURLを取得する方法」を使います。

$api_url  = "http://tinyurl.com/api-create.php?url=";
$url = "http://example.com/";   // 変換したい URL
$result = @file_get_contents( $api_url.$url );

参考サイトではTinyURL.comを使っていますが、Twitter Toolsで使っているbitlyに変更。
（なんとなく統一したい気分だったのでｗ）

単純にhttp://bit.ly/api?url=に変更するだけでは動かなくなったので、下記の記事を参考にfunctions.phpの記述を変更しました。（2010年5月5日）

• PHPでbit.lyのAPIを使って自分のサイトで短縮URLを使えるようにしてみる

「yourAccountName」と「yourApiKey」部分はbitlyに登録しているアカウント名と配布されているAPIキーに変更してください。

functions.phpに下記を追加。

function tweet_this_short_url() {
$long_url = get_permalink();
$req = "http://api.bit.ly/shorten?login=yourAccountName&apiKey=yourApiKey&version=2.0.1&longUrl=".$long_url;
	$contents = file_get_contents($req);
	if(isset($contents)) {
		$url = json_decode($contents, true);
	}
echo $url['results'][$long_url]['shortUrl'];
}

変更前

function tweet_this_short_url() {
	$api_url  = "http://bit.ly/api?url=";
	$url = get_permalink();
	$result = @file_get_contents( $api_url.$url );
	echo $result;
}

single.phpに下記を追加。
設置場所はループ内のお好きなところへどうぞ。

<a href="http://twitter.com/home/?status=<?php the_title(); ?>｜<?php bloginfo('name'); ?> <?php tweet_this_short_url(); ?>" title="Twitterでつぶやく">Twitterでつぶやく</a>

これで思い通りのTweet Thisが完成！
このサイトではテキスト部分をアイコンにしています。お好みで変更してください(´∀｀)

WordPressを使ってると何でもプラグインに頼ってしまうけど、今回のようにプラグインにしなくても簡単に出来ちゃうことって多いんだろうなぁ。
あぁ、PHPをもっと自由自在に使えるようになりたい！

このプラグインはWPサイトをiPhone・iPod touch用に表示を最適化してくれるプラグインです。

iPhoneもiPod touchも持ってないんですけど携帯対応にしたついでに入れてみました^^;

で、プラグインのインストールについては通常手順なので問題ないのですが、defaultテーマを日本語化する時に手間取ったので忘れないようにメモ。

まず、WPtouch本体と日本語化パッケージをダウンロード。

• WPtouch本体
• 日本語化パッケージ

  ※日本語化パッケージはWPtouchのdefaultテーマを日本語化する為のもので、管理画面などを日本語化するファイルではありません。

日本語化の手順

1.準備

yamk blogさんで配布されている日本語化パッケージをダウンロードして解凍すると、defaultテーマの日本語ファイルja.moとja.po、WPtouchの修正差分の「wptouch-195-ja.diff」というファイルが入っています。

日本語化パッケージの使い方は配布サイトに書かれているのですが・・・

WPtouch がインストールされたフォルダ、縲鰀/wp-content/plugins/ 内で、以下のとおり実行する。 XXX はバージョンに合わせること。

# unzip 縲鰀/XXXXXX/wptouch-XXX-ja.zip
Archive: wptouch-XXX-ja.zip
inflating: wptouch-XXX-ja.diff
inflating: README-WPtouch-ja-UTF8.txt
inflating: wptouch/themes/default/ja.mo
inflating: wptouch/themes/default/ja.po
# cd wptouch
# patch -p1 < ../wptouch-XXX-ja.diff
patching file themes/core/core-functions.php
patching file themes/default/comments.php
patching file themes/default/functions.php
patching file themes/default/header.php
patching file themes/default/single.php
# cd ..
# rm -f wptouch-*.diff

う～ん、全然何のことやら^^;　勉強不足ですね。

さらに、配布サイトのコメントをみると

このページの説明は Linux サーバ上で直接ファイルを操作できる方を前提に書いており、それ以外の環境での方法は私も試したことがありません。例えば Windows 等で作業しようとするとむしろ難しい作業になったり、より多くの前提知識 (差分、patchコマンドの使い方、Linux とファイル形式の違い等) が必要になるかもしれず、私もうまく説明できることができないので、申し訳ありませんがご了承ください。

とあるので、diffファイルはパッチファイルで、Windowsで使うには別の準備と手順がありそう。

で、Windowsでのdiffファイルの使い方、パッチのあて方をググってみると、小粋空間さんのパッチをあてる（その1：適用方法） を発見。記事を読むと、Windowsにはpatchコマンドが無いのでpatchコマンドを準備しないといけないとあります。

早速、紹介されているプログラミング・ツール（移植ソフト）のpatc254w.zipをダウンロードしてpatchコマンドを導入。導入方法は小粋空間さんに詳しく書かれているので割愛。

これでやっと、日本語化ファイルを使う準備ができました^^

2.日本語化パッチをあてる

パッチのあて方も小粋空間さんの記事を参考にやっていきます。

まず、パッチをあてるためにコマンドプロンプトを起動させます。

C:\Documents and Settings\ユーザー名>

このように表示されるので、ユーザー名ディレクトリに「wordpress」というフォルダを作成して、その中に解凍した「WPtouch本体」と日本語化パッケージの「wptouch-195-ja.diff」ファイルを入れます。

コマンドプロンプトに

C:\Documents and Settings\ユーザー名>cd wordpress

と、入力して今作成した「wordpress」ディレクトリに移動。

次に日本語化パッチの使い方にあるとおりに入力します。

cd wptouch
patch -p1 < ../wptouch-XXX-ja.diff

-pオプションについては小粋空間さんのパッチをあてる（その3：patchコマンドの-pオプションについて）が参考になります。

C:\Documents and Settings\ユーザー名\wordpress>cd wptouch
C:\Documents and Settings\ユーザー名\wordpress\wptouch>patch -p1 < ../wptouch-195-ja.diff

これでコマンド実行。

patching file themes/core/core-functions.php
patching file themes/default/comments.php
patching file themes/default/functions.php
patching file themes/default/header.php
patching file themes/default/single.php

このように表示されると成功です。成功したらコマンドプロンプトは終了してＯＫです。

最後に日本語化パッケージに入っているdefaultテーマの日本語ファイルja.moをwptouch/themes/default/に入れて日本語化完了。

あとは、「wptouch」フォルダを丸ごとwp-content/plugins/にアップロード、WP管理画面のプラグイン画面でアクティブにすればインストール完了です。

これでiPhoneやiPod touchで当サイトにアクセスするとこのように見えます。

• 

  デフォルトの表示

• 

  日本語化した表示

ちなみにこのキャプチャはシミュレーターのものです。

auからiPhoneが出たら私もiPhoneにするんですけど。auから出ないかな～

このプラグインは対応している携帯キャリアの数がスゴイです。主要3キャリア（au、docomo、SoftBank）の他にも色々と対応しているのでとてもありがたい。

同梱のテーマも6種類あるので好みに応じて変更可能です。テーマが6種類もあるので、カスタマイズして独自のテーマを作成することもできます。

ということで、携帯サイト作成の練習に早速defaultテーマを使って「はなとみかん」用にテーマを作ってみました。

auとdocomoでは表示確認済み。SoftBankは周りに持ってる人が居ないので実際の表示は確認していませんが、シミュレーターでは確認しました。

使用したシミュレーター：FireMobileSimulator （Firefoxのアドオン）

実際に携帯サイトを作ってみて感じた事は、ホント3キャリア対応ってムズイっ(>_<)てこと。

各キャリアで使えるタグ・属性が違う、認識できる画像のファイル形式も違う、などなど。
統一規格を作ってほしい(;つД｀)

元となったテーマは各キャリア対応ですが、PCサイトっぽいデザインにカスタマイズしてみようとしたので、なかなか思い通りの表示にならない・・・

で、役に立ったのが 携帯サイト コーディング&デザイン

いやぁ、この本わかりやすい！
１つのファイルで3キャリアに対応させる手法や、3キャリアの動作比較などが分かりやすく書かれていて私のような初心者にはオススメですよ。

着手すること数日。

やっと皆様にお披露目する日が来ました。ヽ(ﾟ∀ﾟ)メ(ﾟ∀ﾟ)メ(ﾟ∀ﾟ)ノ

各キャリアで全く同じ表示とはいきませんが、とりあえず現状が妥協点です(；´∀｀)
今後、修正を加えながら携帯サイト作成の勉強をしていきます。

携帯サイトを難なく作れるようになると仕事の幅が広がるのでがんばろ。

と、斜めから見てたけど、いつも見ているサイトの情報がTwitterで配信されはじめたので始めてみました。
私の場合、今のところ「つぶやく」よりも「つぶやき」を聞く？見る？方が主ですけどねｗ

で、始めてみるといろいろと便利なツールがあるもんです。
今日は私が使ってるTwitterツールのご紹介です。

私が使っているのはこの3つ。（あんまりいろいろ導入しても使いこなせないのでｗ）

• Echofon for Firefox・・・Firefoxのアドオン
• Twitter Tools・・・WordPressのプラグイン（日本語化）
• Twicon for WordPress・・・WordPressのプラグイン

Echofon for Firefox

Echofon for Firefox

これはいいですよ。
仕事中でもフォローしているサイトの最新tweet（ツイート）＝「つぶやき」がリアルタイムで分かるので情報収集に便利です。

ただ、更新頻度が多いサイトを何件もフォローしているとすごい数のtweetが貯まるので流し読みになってしまうというちょっと本末転倒な感じになる時も(；´ー｀)

なので、今は情報サイトのフォローは2、3件にしてます。

自分のtweetも簡単に投稿できるので、たま～に投稿してます。まだ「つぶやく」ことには慣れない・・・

Twitter Tools

Twitter Toolsを使って表示しているtweet

WordPress（以下WP）にこのプラグインを入れると次のことが出来るようになります。

• WPで記事を投稿した時にその記事のタイトルとURLをtweetしてくれる
• tweetをWPの記事として投稿してくれる
• tweetを1日分、1週間分にまとめてWPの記事として投稿してくれる
• WPの管理画面からtweetを投稿できる
• ウィジェット対応なのでサイトのサイドバーなどに簡単にtweet一覧が表示できる
• サイト内にtweet投稿フォームを設置できる

tweetを自動的に記事にしてくれるあたり、いいですね～。これで放置サイトになる心配ナシｗ

Twicon for WordPress

コメント欄に表示するアバターをTwitterのアイコンにできるWPプラグインです。

WPが採用しているアバターはGravatarsなのですが、これに登録している日本人は少ないのであまり機能しません(；´ー｀)
そこで、このプラグインを入れてみました。

コメント入力欄の「Twitter ID」欄にIDを入力して投稿するとTwitterに登録しているアイコンが表示されます。