BackType Connect

BackType Connect

特に難しい作業もなく簡単にできてびっくり。

インストールはいつも通りプラグインディレクトリにアップロードして有効化。

プラグインの設定ページに飛びます

有効化すると上に
「Configure the plugin to finish setting up BackType Connect.」
と出てくるので 、クリックして設定画面へ。

有効にする

「Enable」をクリックして利用できるようにする。
あとは通常のコメントと一緒に表示するか分けるかとか、
Akismet を使うかとか、いくつか設定項目があるので変更したければ変更して
一番下の「変更を保存」をクリックして保存する。
よくわからなければデフォルトでとりあえず使えると思う。うん。

これだけで一番上の画像のように、RTなども表示されるようになる。

で…設定を変えようかなと思って「設定」→「BackType Connect」をクリックしたら
「このページにアクセスするための十分なアクセス権がありません」
なんて表示される。
Σ(- -ノ)ノ エェ!?
と思ってググったら Bowz::Notebook さんの記事を発見。
設定画面へのリンクが
/wp-admin/options-general.php?page=BackTypeConnect
になってるけど、正しくは
/wp-admin/options-general.php?page=BackType%20Connect
で、BackTypeとConnectの間に半角スペースが入る。
スペースを入れたらちゃんとアクセスできました。
ありがとうございます。

このプラグイン、前から気にはなっていたんだけど、
イメージ的に難しそう…と思い込んでいてインストールしてなかったんだ。
有効化するだけで使えるとは～。
もっと早く試せばよかったなとか。

それはそうと、twitterで検索したらこんなん出てきたんですけど、どうっすか。

【twitter風？】アピールシリーズ　肥満なう リブキャミソール(赤) M
	Amazonで詳しく見る by AZlink

関連記事：

• PageRankを表示するWordPressプラグイン→Tecinfor Page Rank
• ページをドラッグ＆ドロップで並び替える→Page manager
• WordPressにTwitterのフォローミーバッジ→Twitter Follow Me Box

素敵なテーマがいろいろ入っているところも魅力

まず MobilePressNEO をアンインストールする作業から。
管理画面からプラグインを停止して、削除する。
FTP で WordPress をインストールしてあるディレクトリから wp-comments-post-mobile.php を削除する。
（…っていうか、アップロードすること自体忘れてたことに気付く…orz）
これでアンインストールが完了。

いよいよ Ktai Style をインストールする。
管理画面からプラグインのインストール画面に行って Ktai Style と入力して検索してインストール＆有効化。
（いぁ、普通にFTPでアップロードしてもいいのだけど。）

Ktai Style 設定画面

左側のメニューに「携帯表示」の項目が追加されているので、動作やテーマなどの設定をする。

このブログでは WP Super Cache をインストールしてあるので
ktai_style/patches/supercache-plugin-ktaistyle.php を
wp-content/plugins/wp-super-cache/plugins/ にコピー。
WP Super Cache の設定画面の一番下にある
「Ktai Style support is 停止中.」になってるところ、「使用する」をクリック。
Mobile device support.にチェックが入ってることを確認。

PCからサイトを表示、携帯からサイトを表示して、
PCで見た画面が携帯で表示されたり、携帯の画面がPCが表示されたり
ということがないか確認。

簡単だった♪

このブログでは相変わらず携帯ユーザーのことを殆ど考えてないけれど…
携帯サイトを作ろう～ってときはこんな本もいかがっすか。

携帯サイト コーディング&デザイン
	高木 悠介 おすすめ平均 もっと早く読めばよかった ほかのタイプと組み合わせてさらに強力な味方にしよう。 携帯サイト コーディング&デザイン 携帯サイトを作成する上でまずはじめに読むべき本 きちんとした携帯サイトを作りたい人へ Amazonで詳しく見る by AZlink

関連記事：

• WordPressをキャッシュして速度向上にリベンジ→WP Super Cache
• WordPressの表示を早くする – WP Super Cache
• データベースエラーについて

Subscribe widget

購読アイコンを設置

記事のフィードを購読、コメントフィードを購読、Twitter、フィードバーナーのメールで購読、Facebook
などのリンクアイコンをウィジェットで表示する。
アイコンは最初から豊富に入っていて、プレビューしながら選べる。

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
「外観」→「ウィジェット」から「Subscribe Widget」を表示させたい場所に追加。
アイコンのサイズや画像などを設定する。

Subscribe Widget設定

Title　タイトル。
Show “Subscribe Icons” on the theme　チェックを入れると購読アイコンを表示する。
Align images　アイコンを左寄せ(left)、中央(center)、右寄せ(right)。
Images height　アイコンの高さ。
Images width　アイコンの幅。
Widget Content　[+]をクリックして展開し、有効にしたいものにチェックを入れる。
Posts Feed　Show Posts Feed にチェックを入れるとブログのフィードのアイコンを表示する。
Open link in で同じウィンドウか新しいウィンドウで開くか、Posts Feed Image で表示されるアイコンを選択。
http://wordpressのurl/feed にリンクが貼られるので、フィードバーナーの方を購読してほしい場合は表示しない方がいいかも。
Comments Feed　コメントフィードを購読するアイコンを表示する。
Twitter　Twitter アカウントへのリンクを表示する。（フォローミーアイコン）
FeedBurner　フィードバーナーのメールで購読アイコンを表示する。（英語）
Facebook　Facebook のプロフィールへのリンクを表示する。

アイコンにはよく見かけるフリーアイコンなどが豊富に入っていて、
ドロップダウンで選択するとその場でプレビューされるので選びやすい。

残念ながら背景が透過されてなかったので
一番上の画像のように、白背景なのでこのブログに表示させるとちょっと変かも。
という場合は自分で画像を
/wp-content/plugins/subscribe-widget/images/
にアップロードすると使えるっぽい。(試してないけど)

このブログみたいに、RSSはフィードバーナーで統一したいんだって場合には
Posts Feed とか Comments Feed のアイコンを表示させると
デフォルトのフィードurlが表示されちゃうのでちょっと残念。

プラグインを使った方がお手軽だけども、
何か手を加えてるとやっぱりテキストウィジェットに自分で入力した方がいいのかな。
頻繁に変更する部分でもないだろうし、
プラグイン使っても、テキストウィジェットに書いても、テーマに書いてもいいのかもね。

Twitter 繋がりってことで、こういうのもどうっすか。

できる100ワザ ツイッター Twitterパーフェクトテクニック (できる100ワザシリーズ)
	コグレマサト,いしたにまさき,堀正岳,できるシリーズ編集部 Amazonで詳しく見る by AZlink

関連記事：

• 最近のTweetをウィジェットで表示する – Twitter Widget Pro
• Twitterのコミュニケーションが見えるプラグイン→Twitter Comments – Twitoaster
• 指定した条件でウィジェットを表示させるWordPressプラグイン→Custom widgets

とりあえず、何があるか分からないのでデータベースのバックアップをしっかりとる。

アップグレード通知をぽちっと

そしたらいよいよアップグレード通知を開いて
バージョン 3.0-ja の方の「自動アップグレードを実行」をクリック。

まるでプラグインをアップグレードするときのようにあっという間に

アップグレードを完了しました

WordPress 3.0 にアップグレードできたヽ(´ー｀)ノ
で、ダッシュボードに戻ると………

現在の状況とか最近のコメントとかそういうアイテムの並び順がリセットされてた。
むにむにとドラッグ＆ドロップして戻し…他のページもさらっと確認してみる。

あ、Simple Tags のアップグレード通知がある。ぽちっと。
（おそらく他のプラグインとの関係で）サイトにタグが表示されなくなってたので
Update options をぽちっとしておく。よし。表示された。

と、ここでサイト内の動くもの関係が全滅してることに気が付いたんだけど、
長いから結果から先に書くと、ブログパーツのせいでした。
ってことで、分かるまでの過程読み飛ばしとく？

あ！！
カテゴリーを折りたたみ表示するプラグインの「Enhanced Categories」、
「＋」をクリックしても展開しなくなってる！
それは困る。大変だ！ってことで、ウィジェットを開いて
Javascript options のとこのチェックを外したりなんかしつつ何度か保存してみるが…
直らない…orz
<(￣口￣||)>!!!ｵｰﾉｰ!!!<(||￣口￣)>
ずらーっと表示させるには多すぎるカテゴリー、
後先考えずにカテゴリー増やしたことを激しく後悔。
けどもう仕方ないので動くようになるか違うプラグイン見つけるまで、
ずらーっと表示させることにする。。。あうあう。
一気にサイドバーが長くなったからタグクラウド外しちゃおう。。。

って、あれ？？
画像をlightbox風に表示するプラグインの WP-LightPop も動いてないぞ。
しかも Firefox で画像をクリックすると画面全体が固まる凶悪なものに。
ついでにランダムポストも動いてないぞ。

っていうことは…プラグインのせいじゃないよねぇ。
新たにプラグイン増やしてないし、ブログパーツもくわえてない。
WordPress を 3.0 にアップグレードしたのと、
Simple Tags を 1.8 にアップグレードしただけ。
新しくなった Simple Tags が何かと相性悪くて一連の原因になってるとかいう？
無効にしてみよう。
って、プラグインごと無効にしてみたけど直らない。

<(￣口￣||)>!!!オーノー!!!<(||￣口￣)>

と騒ぎつつ、自サイト内を彷徨っていたら気が付いたことが１つ。
ランダムポストが最初だけちょこっと動いてる。
あるブログパーツが読み込まれるまでは！
原因は（また）これかー！！
FLO：Qめ！何度同じような不具合起こさせてくれるんだ！
ホントはPitta!のブログパーツ広告だから外したくなかったけど
今度という今度はゆるせーん！文句つけてやるぅ。ヽ(`Д´)ﾉﾌﾟﾝﾌﾟﾝ

というわけで、原因となってたブログパーツを１つ外して
カテゴリーの折りたたみも、画像のlightbox風表示も、ランダムポストも、
フォトギャラリーのエフェクトも、とりあえず動く類のもの全部直った。

でも変だよね。このタイミングで（また）FLO:Qがダメになるなんて。
WP 3.0 と何か関係あるのかなぁ？
私には絶対分からないから原因究明しようとか思わないけどｗ

で、プラグインを確認していて気が付いたんだけど、
「ドロップイン」とかいう見慣れないものが。

ドロップイン

入れた覚えないけど、これなんぞや？
画像にある advanced-cache.php の説明に
「高度なキャッシュプラグイン」って書いてあるけどよくわからん…。
と思ってググってみたら
をかもとさんが凄く分かりやすく記事にされてました。

このファイルは、wp-content ディレクトリに保存しただけでは動作しません。
wp-config.php に define('WP_CACHE', true); という記述を追加する必要があります。
WP Super Cache プラグインのような、WordPress の出力を静的ファイルにキャッシュするプラグインで使用されます。

とのことなので、WP Super Cache をインストールしてたから入ってたんだねぇ。
ドロップインって項目が増えたからって特に何かすることはなさそう。
ｿｯﾄｼﾄｺｳ…。

あとは、これを書こうと思って投稿画面開いて気が付いたんだけど、
「公開」とか「カテゴリー」とか「抜粋」とかのドラッグ＆ドロップで動かせるアイテムの並び順もリセットされてた。
これもむにむにと直してっと。

とりあえず現時点で６３個のプラグインが有効化されてるけど、
WordPress 3.0 になって使えなくなったプラグインはなさそう。多分。
マルチサイトにした WordPress では使えないプラグインがいくつかあったから、
このブログをマルチサイト化するのはやっぱりやめようと思ったりｗ

しみじみ思い出したこと：トラブルが起きたらブログパーツを疑え
il||li _|￣|○ il||li

なんか無駄に時間かかったけど…
なにはともあれ、ちゃんとアップグレードできてよかったよ（　＾ω＾）

Web Site Expert #30
	Web Site Expert 編集部 おすすめ平均 WordPress特集は必見！ Amazonで詳しく見る by AZlink

関連記事：

• WordPress 2.9 にアップグレード
• タグクラウドと関連記事表示にSimple Tagsプラグインを導入
• ソーシャルブックマークに追加するボタンのプラグイン

Koyomi

Koyomi

マウスオーバーで運勢も表示される。（※英語）
画像ではマウスが消えてるけども。
先負のとこにマウスを乗せたら黄色い枠のが出てきたっていう動き。

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
外観→ウィジェットから、Koyomiを表示したい場所に追加する。

とってもシンプルな設定画面

Format は phpのdateフォーマットで指定する。
この画像の状態だと　月/日/年　になっている。
2010年06月22日　と表示したければ　Y年m月d日　に変更する感じ。

暦の部分（っていうか六曜の部分。上の画像では先負の部分）は画像なので、
日本語のフォントが入ってない環境でも大丈夫。
透過gifなので背景色によってはちょっとゴミが見えるけども
まぁ細かいことは(・ε・)ｷﾆｼﾅｲ!!

そういえば、うちには六曜が書いてあるカレンダーってないなぁ。
そもそも六曜の意味すら知らないかも。。。
占いとか信じるタイプじゃないから興味がなかったんだけど
たまには気にしてみるのもいいかも。

英語で話す「日本の心」―和英辞典では引けないキーワード197 （講談社バイリンガル・ブックス）
	『英文日本大事典』 おすすめ平均 日本人の根底に流れる精神 外国人に日本を伝える格好の書 Amazonで詳しく見る by AZlink

関連記事：

• 携帯表示プラグインをKtai Styleに変更
• 無料のヒートマップサービスのプラグイン→Mouse Eye Tracking Service
• WordPress 3.0にアップグレードがなにやら大変だった

NextGEN Gallery

NextGEN Gallery でフォトギャラリー

日本語の言語ファイルもあるのでとっても親切。
機能が豊富すぎて見た目が難しそうなのでメモしとく。

まずは…

インストールと設定

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
…でもいいんだけど、そのままだと英語なので、
日本語の言語ファイルをダウンロードする。
解凍した出てきたファイル nggallery-ja.mo をFTPで
wp-content/plugins/nextgen-gallery/lang にコピーする。
そうすると日本語化されているので、管理画面のメニューに追加された
ギャラリー→オプションから設定する。

ギャラリーのメニューが追加される

ギャラリーの設定

なんか赤い枠で警告っぽく出ている文章は多分
imagerotator.swf がないからスライドショーが使いたければプレイヤーを自分でダウンロードして入れてね。
みたいなことだと思う。
here をクリックした先でメールアドレスを入力してダウンロードできた。
解凍した imagerotator を解凍して入ってる imagerotator.swf を
wp-content/uploads/ にアップロードしして
ギャラリー→オプション→スライドショー　のところで
Path to the Imagerotator　の項目で Search now をクリックで動いた。
よく分からなくて解凍したフォルダごとアップロードしたら Search now で探せなかった。
別にスライドショーを使わないならこれはなくてもギャラリーは作れる。

一般設定、ギャラリーパスを確認して、ディレクトリが存在しなければ作っておく。
エフェクト、他に画像をlightboxとかで表示するプラグインとか入れてて
画像をクリックしたときにエフェクトがダブったりする場合、
JavaScriptサムネイルエフェクトを「なし」にしておくとか。
環境によって動かないエフェクトもあると思うから、好みのものを選択したりとか。
サムネイルのサイズを変更したりとか。
必要な設定をして「変更を保存」する。

ギャラリーを作る

ギャラリーの追加・画像の追加

ギャラリー→Add Gallery / Images から新規ギャラリーを追加する。
使えるのは半角英数と – ハイフン、_ アンダーバー。
日本語はダメ。

画像はzipファイルでまとめてアップロードすることもできるし、
普通に１枚ずつアップロードすることもできる。
どちらの場合もアップロードしたいギャラリー（さっき作ったギャラリー)を選択してアップロード。

ビジュアルエディタにボタンが追加される

ギャラリーを表示させたい場所に
［nggallery id=1］
（［］は半角で）って感じでショートコードを挿入する。
ビジュアルエディタに追加されたボタンをぽちっとしてもOK。

ギャラリーの管理

ギャラリーの管理から写真の並べ替えや altとタイトルの設定、
サムネイルの作り直し、画像のリサイズなどなど、細かいことができる。

~~旦_(-ω- ) ふぅ。お疲れ様。

今までサボテンギャラリーは WordPress にある機能のギャラリーだったんだけど、
NextGEN Gallery に変えてみた。（とりあえず花だけ。）
これだと画像の追加も簡単だし、今後増えても管理が楽だなというのが感想。
面倒くさがらずにもっと早く入れておけばよかったｗ

WordPress ポケットリファレンス (POCKET REFERENCE)
	アクシー株式会社,西本 達也,村上 晴美 Amazonで詳しく見る by AZlink

関連記事：

• ソーシャルブックマークに追加するボタンのプラグイン
• WordPressにプラグインをインストールしよう
• サイドバーでログインするプラグイン→Sidebar Login

Mouse Eye Tracking Service

ヒートマップとマウスの軌跡

マウス アイ トラッキングってなんぞや？っていうのをざっくり説明すると、
サイトのどの辺がよく見られてて、どの辺がよくクリックされているか、
ビジターのマウスの動きがどんな感じか、
そのページからどのページにナビゲーションされているか、
なんていうことが分かっちゃう、アクセス解析系のサービス。
上の画像はインストールしてあまり時間が経ってないものなので
どの辺が…とか特徴がなくてアレだけど、
ヒートマップを表示させてトラッキングを再生した状態。

有料アカウントにすれば保存できるセッションが増えるけど、
とりあえず使ってみるのは無料だし、
説明読んでもよく分からないよ…って時はサイトの「Try the demo」から
実際にどんな感じで解析できるのかデモを体験できる。

プラグインのインストールはいつも通りプラグインディレクトリにアップロードして有効化。
設定→PicNet Mouse Eye Tracking から登録もできちゃう。

Mouse Eye Tracking 登録画面

Name（名前）、Email（メールアドレス）、Password（パスワード）が必須項目。
小さい文字で書いてあるチェックボックスのところは、利用規約を読んで同意したらチェックを。
そもそもホントは英語読めないでそ？って突っ込みはご遠慮下さいｗ
Register をクリックして登録。（必須）

有料アカウントの場合はチェックを入れるとかリセットとか

footer.phpが利用しているテーマにない場合は Note　のところに表示されているように
テーマファイルに追加してfooter.phpを作っておく必要がある…と思う。多分。
プラグインを有効化してトラッキングしている状態では
サイトの一番下にMouse Eye Tracking のリンクが挿入される。
（広告を非表示にするには有料会員になる必要がある。と思う。多分。）

解析結果はMouse Eye Tracking のサイトからログインして確認できる。
登録したメールアドレス（※名前じゃなくて）とパスワードでログインできる。
Google Analytics の情報を利用するには許可する必要がある。
（ページナビゲーションを見るのに必要）

あたしが特に凄いと思った機能は、
ヒートマップとか選ぶドロップダウンメニューの下にある再生ボタン。
訪問者がここから始まってこう動いて…というのがまるっと分かるのが凄いなと。

Mouse Eye Tracking は WordPress だけじゃなくて、
あらゆるサイトで利用できるのだけど、
このブログでは WP で簡単に使えるってことでチョイスしてみた。
テーマファイルとかいじりたくないです…
登録したとき送られてきたメールの javascript とかどこにコピペしたらいいか分からないっす…
テーマファイルいじったらFTPしなきゃいけないから面倒でいやっす…
の人でも簡単に使えていいかなと。
あぃ。ほぼあたしのことですｗ

ウェブ解析力 ROI(投資対効果)を最大化するアクセス解析の実践的ノウハウ90
	村上 知紀,手崎 佳充 おすすめ平均 全く役に立たない 体系的によくまとまっています わかりやすい。 初心者にもやさしい！ アクセス解析ツールが活用できる本 Amazonで詳しく見る by AZlink

関連記事：

• サイドバーでログインするプラグイン→Sidebar Login
• リファラーに応じてメッセージを表示するプラグイン→WP Greet Box
• WordPress 2.9 にアップグレード