Swirling Mist

乗り遅れている感が漂いますが、ページ内リンクをスムーススクロールする JavaScript に興味を持ったので自分用メモに残しておきます。

「トップに戻る」特化型

まず、 SiMPLE*SiMPLE さんの紹介でご存じの方も多いであろう A (slightly) better technique for "Back to Top" links. 。「トップに戻る」ことにのみ特化しています。

他に、「トップに戻る」ことにのみ特化しているというのであれば Smooth Scroll もあります。

トップに戻るだけならこれで十分です。……なのですが、他のリンクも全部やりたい、と思うとこれだけでは不十分でした。

全体有効 (name)

ページ内リンクでスムーススクロール は、prototype.js が必要です。

また、Smooth scrolling もあります。ただし、この両者に共通するのは name 属性限定と言うこと。気付かずに、なぜ動かないのかと頭を抱えてしまいました。

見出し要素に name 属性は指定できませんので、それは困ります。個別記事表示での「leave a response（コメントをどうぞ）」などにスムーススクロールが効かないのですから。かといってそれら全てに a 要素を指定していくのもわだかまりが残ります。

id 属性でも動くものを探しました。

全体有効 (id)

そこで見つけたのが The Tiny Scrolling。求めていたもの全て、という感じでした。

しかし人は我儘なもので、いくつも JavaScript を読み込むのは面倒だな、と思うようになってきました。

Lightbox ライブラリを moo.fx ベースの Litebox から mootools ベースの Slimbox に乗り換えたこともあって、プラグインの SmoothScroll を使うことにしました。

デモがあるのでそのまま使っています。

WordPress プラグイン利用例

WordPress の新作プラグイン、 WP-Modore でも A (slightly) better technique for "Back to Top" links. のコードが組み込まれていますね。有効化するだけでするするーっとトップに戻るボタンが出現します。

また、最近アップデートされた WP-Footnotes ((記事執筆時点でのバージョンは 1.3.1 。)) でも、オプションでスムーススクロールできるようになっていました。使っているのは Animated Page Scrolling というものみたいです。本当に色々ありますね。

余談

どうも、ページの使いやすさ向上スクリプト Website Options と mootools の相性が良くないようです。仕方無いので Website Options をオフに……。外部リンクを別ウィンドウで開きたいときはキーボードショートカットなどを使ってください。

まだまだ他にも色々なスクリプトがあると思います。実際いくつも見つけました。試してみたいのは山々ですが、安住の地を見つけてしまったので今回はここまでです。

事の発端

自分のアバターを登録できる Gravatar ですが、先日からちょっと調子が悪いのです。 WordPress で表示させるためのプラグインは Gravatars を使っていたのですが、エラーが出てしまうので無効化していました。 Gravatar を登録していない方用のランダム表示はうまくいっているので、プラグインではなくシステムに何か不具合があると見ました。

原因発見

本家 Gravatar を見てみると、いつも表示されている右下の Random Gravatars も表示されておらず、ログインもできません。一体どうしてしまったのでしょうか。良く読んでみるときちんと書いてありました。

Gravatar 2.0 を段階的に導入している間、サインアップとログインに障害があるそうです。負荷の量がすごいみたいですね。カンパを募っていました。確かに国内はともかく海外ではいろんなところで見ますし、無理もないかもしれません。

Gravatars2 へ

でも何もないのはやっぱり寂しい、というわけでプラグインを Gravatars2 に変更することにしました。これなら本家が駄目でもキャッシュで、あるいは登録していない人用の画像が表示されます。

次にテーマを変えるときに使おうかな、と思っていたのですがこの場合致し方ありません。 Gravatars2 日本語版もありますし、導入には yutaka さんの gravatarをgravatars2に を参考にさせていただきました。

Gravatars2 WP-Cron というプラグインも一緒に入っているのですが、これは WP-Cron ((あ、ここのサイトさんもGravatar が表示されていませんね……。)) と一緒に使うことによりキャッシュされた Gravatar の画像をリフレッシュできるみたいなのですが、今のところ皆さんが登録した Gravatar が一切表示されていないので保留しておきます。

あと、配布元に書いてあるコードだと、コメントの記入者がサイトを持っていようがいまいが問答無用で www.gravatar.com へのリンクが張られてしまうようなので、どうしようかなー、と思っていたら、なんだか Gravatars のコードでも大丈夫みたいです。Gravatars2 が Gravatars の派生物だからでしょうか。

と、言うわけでもともと通りでおしまいとすることにしました。

今は配布元通りに書いています。不具合が出たらそのときに何とかします。

余談

そういえばランダムの画像って性別・年齢不明のものの方が良いのでしょうか。当サイトのランダム画像だと2/3の確率で女性の画像になってしまうので。シルエットとかの方が良いのかもですね。

余談（かなりどうでも良い）

今、服を何枚も重ね、ジャケットを着込んで膝掛けおよびマフラーをしてパソコンに向かっています。現在地が暖房があってないような場所なので仕方ないのですが。しかも喉がちょっと痛いのです。こ、この時期はまずいです。暖かくして早く寝ます。おやすみなさい。

追記。題名が Gravatars2 ではなくて Gravatar 2 になっていました。お恥ずかしい……。あ、あと本格的に Gravatar 2.0 に向けて動き出したようですね。

hiromasa さんの真似をしてキャプチャ付きプラグイン使用状況を公開。古参どころか使用を始めて半年ちょっとの新人ではありますが……。

プラグインの配布元へは Pluginlist からどうぞ。

青い四角はプラグインではなく、 Web サービスを呼び出しているものです。

やっぱり WordPress の魅力の一つは山のようにあるプラグインだと思います。どれを使おうかと悩むのもまた一興。勉強にもなります。

ARTIFACT さんも MT から WordPress へ移行されたそうで (via: 来年は WordPress へ at orioa)、こういう風に移行される or 新しく始める方がますます増えていくのかなあ、と期待しております。使用する方が増えれば情報も増えますし、情報が増えればユーザーさんも増えますからね。

あと同年代の方が見つかればなあ、なんて思っております。まだ見つけたことがないので。きっとどこかにいらっしゃるとは思うのですが……。

それにしても当サイト、縦に長いですね。次回テーマを変えるときはその辺りも考えねば。

さあ、トラックバックは飛ぶのか！　または Akismet くんに食べられてしまうのか！　そんな感じでチャレンジです。

現在は使用していません。

久々に WordPress の話です。

Democracy 2.0 Beta 2 がリリースされていました。名前からも分かるようにベータ版なので注意が必要です。ただ、バージョン 1.2 の方はセキュリティの問題があるのでアップグレードは非常にお薦め、だそうです。

バージョン 1.2 からの変更点は、リンク先でも書かれていますが

• ポストでの投票が出来るらしい。
• ローカライズ出来るようになるらしい。
• シックな新しいデザイン。
• 管理人画面で全てのオプションを編集できる。
• IP-logging ((これが何であるのかよく分からないのですが……)) は現在任意。
• 貴方のサイドバーに widget を。
• セクシーな readme.html ファイル。

という感じらしいです。間違っていたらごめんなさい。あ、でも本当に readme.html がお洒落になっていました。

導入

本稿執筆時点でのバージョンは2.0 Beta 2 、 WordPress のバージョンは 2.0.4 でした。

Democracy AJAX Poll at Jalenack からファイルをダウンロードします。そして解凍。

中にある democracy フォルダを wp-content/plugins/ にアップロードします。 Democracy 2.0 B52 をアップロードしないように注意です。

管理画面から有効化します。あとは、管理画面の 管理 > Democracy Poll でいろいろ設定すれば第一段階終了です。

後はサイト上に表すだけです。いくつか方法があります。

widget が使えるのなら

先ほど解凍したフォルダの中にある widget_democracy.php を Widget のフォルダである /wp-content/plugins/widgets/ にアップロードし、有効化すれば良いとありました。

Widget も便利そうなのでいつか使ってみたいです。

普通に

今使用中のテーマフォルダ、 wp-content/themes/テーマ名/ の中にある sidebar.php を開き、表示したいところに

[code lang="php" -0]

[/code]

と書くだけです。

ポストの中に

記事を書いているとき、表したいところに

[code]
{democracy:*}
[/code]

と書くだけです。* は投票の ID です。 管理 > Democracy Poll で確認できます。

アップグレード

アップグレードの方法ですが、私はちょっと失敗してしまいまして ((データを全て吹き飛ばしてしまいました。結果は覚えているのでご安心を。このサイトは重いですか？　という質問に対しては「余裕です」が最も多く、「まあ平気です」がその次、「もっと軽く」「つらいです」が各2名、計42名のご意見を伺うことが出来ました。これを参考にサイト構築を進めていきたいと思います。 ))。原因は今はもう藪の中ですが

1. 一旦プラグインを無効化してから
2. wp-content/plugins/ にある バージョン 1.2 democracy フォルダを削除
3. バージョン 2.0 の democracy フォルダをアップロードし
4. 管理画面の 管理 > Democracy Poll にいけば

良かったのでしょうか？　と思うばかりです。と言いますより、有効化したままやるなんて無茶だった、と反省するばかりです。

付記

只今のお題は「何派ですか？」です。とりあえず犬・猫・魚・蛇で。ふるって投票してください。

そういえば、類似プラグインの WP-Polls との違いで、 HTML が Valid 、というのがあったのですがなんだか今回は生成される HTML がむむむ、だったので少し改造しています。改造と言えるほどのものでもないのですけれどね。

タグを追加したり、位置をずらしたり。ちょろちょろっと、やっています。

Lucky bag::blog さんの 背景画像に使える透過 GIF を拝見して。

おお、便利だ、と感嘆しました。色を変えたい部分を透過した GIF 画像を用意して、あとは CSS で色を変えるだけ、というものです。

なんだか似たようなことを知っている気がします。思い出しました。当サイトでも現在使用中です。

現在のテーマでは、記事のカテゴリを画像表示にしています。これは WordPress のプラグイン、Category Image(s) を使って ((しばた工務店 Weblog さんのプラグイン Category Image(s)、Tips Community さんのカテゴリー名をイメージアイコンで表示するプラグイン、びんさんのマジかよ〜 さんのCategory-imagesなどで詳しく解説されています。))実現しているのですが、そこでの画像に SOME RANDOM DUDE さんの Sanscons を使っています。

これは透過画像のアイコンと透過画像の背景画像のセットで、これも CSS で背景画像と背景色を指定するだけ、です。

リンクなどに使うと効果抜群です。JavaScriptでロールオーバー効果を実現するときは画像を2枚用意しなければなりませんが、これなら少なくてすみます。背景画像は使い回せますし。

最初に思いついた人はすごいです。

ではアルファ透過 PNG を使えばグラデーションもできてばっちり、と思ったら WinIE が。ぐむむ。

WordPress 2.0.4 にアップデートしたついでに使っているプラグインのアップデートがないかチェック。以下メモ。

• Admin Drop Menus For SpotMilk Wordpress Plugin 2.0
• Admin menu plugin for WordPress 2.9
• Category Tagging with WordPress 1.2
• Extended Live Archive 0.10beta R18
• SpotMilk 1.7
• Ultimate Tag Warrior 3.14
• WP-PageNavi 2.02

一寸見ない間にこんなに沢山。

自分で書いたことなのに、リアクションに困ることってありますよね。

例えば、自分が小学生だったときの日記。

例えば、 WP のダッシュボードにメモを書いておけるプラグイン、 Dash-Note ((BirDesign さんのダッシュボードに草稿やメモ帳を表示で詳しく解説されています。)) で次の記事のために書き留めておいたと思われる「やられた」という言葉。

例えば、付箋に書いて張っておいた「大腿骨」という単語。

例えば、メモ帳に走り書きされた「シュメール人」という文字。

共感を得ようとしてだんだん一般的な感覚から離れていっているような気がする今日この頃、皆様いかがお過ごしですか。

7月22日の夜に開催された第6回 WordPress 交流会に参加してきました。今回のお題はあなたのお勧めプラグイン10選、ということで MMRT daily life さんの [まとめ] あなたのお勧めプラグイン10選で結果を見ることができます。

割合納得のラインナップでした。まさか一位が WP-AddQuicktag だとは思ってもみませんでしたが。

どれもこれも便利です。18個挙げられたもののうち13個使用中ですから、その効果は実体験として知っております。使いすぎですね。有効化しているプラグインが10個にも満たないサイトさんから私のように40個前後動かしている人もいらっしゃって、使い方それぞれです。

私は MT からではなく P_Blog からの移行ユーザーです。それも数百の記事をいちいち編集し直し、タグを付けつつ、いらない記事を削除しつつ ((300以上あったのが50まで減りました。どれだけ無駄口を叩いていたのだか。))だったのではっきり言って力業。他人様にはお勧めできない方法です。

WPerは閲覧者のことを考えてプラグインを選んでいるように見えてかなりサイトの編集を楽しんでいるフシがあります。（爆）

まさにその通りのサイトでございます。

またひろまささんのところで面白そうなプラグインがリリースされました。

wp-otenki だそうです。投稿時のお天気を表示してくれます。

夏休みプラグインだそうで……。ああ、今現在個人的に夏休みが憎い身と致しましては、これを見て楽しい夏休みの思い出に浸ろうと思います。

自由研究もばっちりですね。新聞を毎日見ていなくても、毎日きちんと更新していれば「あれ？　この日って晴れてたっけ？」と8月末に宿題の日記の前で固まることもありません。

今の子はインターネットで調べることができますから、楽な世になったものです。はは。

Wordpress title suffix plugin というプラグインを使うと、タイトル部分をサイト名 » 記事のタイトルから記事のタイトル « サイト名にすることができます。

BirDesign さんのタイトルをサイト名の前に表示という記事で詳しく解説されています。配布サイトで 404 なので再配布も行っていらっしゃいます。

私もずっとそうしていたのですが、 Breadcrumb Nav XT がバージョンアップしたときに変なことになってしまったのです。そして、月別アーカイブを表示したときにおかしなことになると気付いてしまいました。セパレーターが逆です。むむ。

caramel*vanilla さんの WordPressのためのSEO Tips&プラグイン16 という記事経由で知った WordPress and SEO に答えがありました。結論から言いますと、プラグインを使う必要はなかったのです。

結局どうすればいいのか

書いてある通り、 wp-content/themes/各使用中のテーマ/header.php の該当箇所を書き換えるだけ。

[code lang="php" -0]

[/code]

よくよく見たら Wptags.com の wp_title の項にもきっちり書いてあって落ち込みました。しかもそちらの方がコードが効率的です。しくしく。

凝ってみる

これでカラクリは解けました。それだけでは面白くないので Conditional Tags を使って少し凝ってみます。参考にしたのはテーマ Fauna のコード。

ここはどこですよ、というのを追加追加追加。少しくどいかもしれません。

[code lang="php" -0]

[/code]

個別記事、カテゴリー別表示、タグ別表示であることを主張。検索結果の用もあるのですが、どうにもこの記事内でうまく表示できません。構文が PHP HilightString と相性悪い、とかでしょうか？

<?php if(is_search()) { printf(__('Search Results for \'%s\' | '), $s); } ?>

というのを追加です。

付記

プラグインだけが WP を便利にする方法ではないんだなあ、と思いました。

そういえば月別表示にしてもおかしくはならなくなったのですが、 2006 July って正しい表記なのでしょうか。普通 July, 2006 などだと思うのですが。また、「7月だよ」、と言いたいのに ‘2006 July | Swirling Mist’ というのもなんだか不思議な気がします。うーん。