www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに » plugin

Rider Amazon v0.1.1

rui_mashita — Fri, 18 Sep 2009 00:12:52 +0000

RiderAmazonをバージョンアップ、v0.1.0の不具合修正。
jQuery Effects を追加。

RiderAmazonのページ

使い方などはこちらから
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

変更点

RiderAmazonをバージョンアップ、v0.1.0の不具合修正。
jQuery Effects を追加。

参考・参照

photo by jvverde

Rider Amazon v0.1.0

rui_mashita — Sat, 12 Sep 2009 10:56:05 +0000

RiderAmazonをバージョンアップ、Amazon の新しい API に対応しました。

記事投稿管理画面でAmzon商品の検索が出来て、記事本文中にASINコードを挿入するとAmazonから情報を取得して表示し、アマゾンアソシエイトの購入者数とクリック数が表示されるWordPress Pluginです。

記事投稿管理画面の Ajaxで WP 付属のAPI を使用するよう変更し、javascript は全面的に書き換えて jQuery に一新しました。また、管理オプション画面を追加しました。その際 AmazonLinkをずいぶん参考にしました。ありがとう。

RiderAmazonのページ

使い方などはこちらから
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

不具合があったため削除

変更点

Amazon の新しい API に対応。
管理オプション画面の追加。
javascript を jQuery に全面書き換え。
Ajax に WP 付属の API を使用。
表示デザインにCSS3を使用。

参考・参照

photo by Martin_Heigan

サイトデザイン変更。千代紙とjQueryを使ったナビゲーションを作ったよ

rui_mashita — Wed, 07 Jan 2009 13:05:33 +0000

jQueryのLavaLampとゆうプラグインを使って、ナビゲーションを作りました。

LavaLamp

このサイトUMLANDのデザインがあまりに素敵だったので、ナビゲーションメニューの部分を真似てLavaLampを使いました。

LavaLamp サイト：Ganesh » Blog Archive » LavaLamp for jQuery lovers!

LavaLampに必要なもの

LavaLampには、jQuery と jQuery Easing プラグインが必要です。

まずjQueryを入手します。
jQuery: The Write Less, Do More, JavaScript Library

LavaLampは、そのままだと最新の jQuery 1.2.* には対応していないので、修正版をダウンロード。
jquery.lavalamp.js 修正版

また最新の Easing プラグインは、関数名が変更されているので注意が必要。
jQuery Easing Plugin

Easing プラグインの関数名変更に注意

LavaLampサイトのチュートリアルでは

$(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});

こうなってますが、Easing プラグインの関数名を以下のように新しく変えます

$(function() { $(".lavaLamp").lavaLamp({ fx: "easeOutCubic", speed: 700 })});

Easing プラグインの新しい関数名はこのサイトで確認出来ます。関数と一緒にその動作が目視出来て便利です。
jQuery Easing Plugin Test

千代紙

千代紙の模様は、このサイトで公開されてる素材を使用しました。高品質な和柄模様の素材がたくさんあります。
和柄・和風デザイン用AI・EPSファイル無料ダウンロード－粋屋日本の伝統文様と伝統色－

Safari の input 要素に表示されるブルーラインを消す

Firefox, IE7, Safari でうまく表示されるかどうか確認しました。

safari だと検索フォームの input要素にフォーカスした時、青のラインでブロックが囲われてしまいます。これを解決するには、CSSでfocus 疑似クラスに「outline: none;」と指定してやれば良かったです。


input:focus{
    outline:none;
}

参考：RedLine Magazine : 油断大敵 focusさん

参考・参照

LavaLamp導入参考：jQuery メニュープラグインLavaLamp – ［JavaScript］All About

photo by kurafire

Rider Amazon v0.0.5

rui_mashita — Wed, 31 Dec 2008 22:29:13 +0000

自作 WordPress plugin、RiderAmazonをバージョンアップしました。

記事投稿管理画面でAmzon商品の検索が出来て、記事本文中にASINコードを挿入するとAmazonから情報を取得して表示し、アマゾンアソシエイトの購入者数とクリック数が表示されるPluginです。

RiderAmazonのページ

使い方などはこちらから
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

変更点

本の著者名が表示されない場合があったので修正しました

参考・参照

photo by Lida Rose

Rider Amazon v0.0.4

rui_mashita — Fri, 12 Dec 2008 10:28:03 +0000

自作 WordPress plugin、記事投稿管理画面でAmzon商品の検索が出来て、記事本文中にASINを挿入するとAmazonから情報を取得して表示し、アマゾンアソシエイトの購入者数とクリック数が表示される、RiderAmazonをバージョンアップしました。

RiderAmazonのページ

使い方などはこちらから
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

変更点

WordPress 2.7 の記事投稿管理画面に対応しました。
( add_meta_box() を使うようにしました。Function Reference/add meta box « WordPress Codex )

参考・参照

photo by Harold_5056

Rider Amazon v0.0.3

rui_mashita — Wed, 29 Oct 2008 11:52:45 +0000

自作 WordPress plugin、RiderAmazonをバージョンアップしました。昔のバージョンのダウンロード数が50にも達していたので、少し気分が良くなり変更を加えました。

バージョンアップする時は、プラグインを無効化し、以前のRiderAmazonフォルダを削除してから。一旦プラグインを無効化しないと、おかしくなるよ！

RiderAmazonのページ

新しくRideramazonのページもつくりました
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

変更点

画像ファイルをキャッシュするフォルダの数を少なくした。
アマゾンのレポートを保存する場所を変更。
「詳細を見る」画像を作った。
変数をちょこちょこと変更。

参考・参照

photoby J. Star

Rider Amazon v0.0.2

rui_mashita — Mon, 14 Jul 2008 13:25:25 +0000

自作 WordPress Plugin 、Rider Amazon をバージョンアップ。v0.0.2。

投稿画面でAmzon商品の検索が出来て、記事本文中にASINを挿入するとAmazonから情報を取得して表示するPlugin です。

最新版はこちら
RiderAmazon | www.retujyou.com どうにもならない劣情の種子を植え付けられたばかりに

使い方などは、こちら
WordPressのプラグイン作ったよ | Retujyou どうにもならない劣情の種子を植え付けられたばかりに

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

変更点

非有効化時にcronから関数を削除するようにしました。

その他、色々変更。

参考・参照

photo by macropoulos

WordPressのプラグイン作ったよ

rui_mashita — Thu, 15 May 2008 12:54:37 +0000

投稿画面でAmzon商品の検索が出来て、記事本文中にASINを挿入するとAmazonから情報を取得して表示するPlugin RiderAmazonを作りました。ほぼ、Amazon LinkageとAmazonLinkを組み合わせただけ。

Rider Amazon v0.0.2 | Retujyou どうにもならない劣情の種子を植え付けられたばかりに

使い方

購入者数とクリック数が表示されます。Amazonアソシエイトのメアドとパスワードをrideramazon.phpに記入。

var $show_iteminfo = true

にします。

投稿画面で商品を検索し、表示されたASINをコピペで記事本文に挿入します。

[amazon]ASIN[/amazon]

こんな感じに表示されます。
[amazon]4022613785[/amazon]

PHP5、GD、PEAR::HTTP_Client が必要。
WP2.5で実装されたショートカットコードを使ってるので、WP2.5以上が必要。

うまく動かなかったら教えて頂きたい

ダウンロード

Note: There is a file embedded within this post, please visit this post to download the file.

参考・参照

Amazon Linkage
AmazonLink

photo by MrClean1982

画像を鏡面反射させる jQuery プラグイン「Reflect jQuery」

rui_mashita — Sun, 04 May 2008 19:14:10 +0000

画像を鏡面反射させる jQuery プラグイン「Reflect jQuery」を導入しました。ご存知のとおり、jQuery は様々な効果の豊富なプラグインを簡単に導入出来る、有名な javascripts ライブラリ。

Reflect jQuery は、画像が鏡や水面に写ったかのような効果を与える javascripts、Reflection.js に変更を若干加えた jQuery の plugin です。

水面反射画像の例

Reflect jQuery の使い方

Reflect jQuery の使い方は Reflection.js とほぼ同じなので、乗り換えるのは簡単。jQuery と Reflection.js を両方使ってる方は、乗り換えた方が javascripts の処理がちょっとだけ早くなってよいかも。Reflection.js を WordPress に導入する、WP Wetfloor を使ってる方もご参考に。

jQuery v1.2.3 、Reflect jQuery v1.00 での導入例です。

jQuery 本体の導入

jQueryのサイトから、Minified版（最適版らしい）をダウンロードして内に以下を記入（v1.2.3の場合）。

ここを参照するといいかも。
jQueryを使い始めるには – jQuery1.2.3日本語リファレンス

Reflect jQuery プラグインの導入

jQuery 本体を導入したら、次は Reflect プラグインの導入。

Reflect jQuery のダウンロードはこちら：Reflect jQuery | jQuery Plugins

のように、img の class に reflect と rheight（反射した画像の高さ）、ropacity（反射した画像の透明度）を指定する Reflection.js と同じ使い方をするならば、jquery.reflect.js の18行目（v1.00）、inline: false を inline: true に変更する。

そして、以下を内に以下を記入。





$(document).ready(function() {
....
    $('img.reflect').reflect();
....
});

これで、Reflect jQuery プラグインが動きます。あとは、反射させたい画像の class に上記のように、reflect rheight ropacity を指定してやりれば、画像が鏡面反射されます。

jQuery のプラグイン導入は簡単で、上記のようにプラグインのパスを書いて、$(document).ready(function() { });の中に何行かコードを追加するだけで、リッチなデザイン効果を追加出来るものが多いです。

参考・参照

jQuery 公式サイト：jQuery: The Write Less, Do More, JavaScript Library

Reflect jQuery :Reflect jQuery | jQuery Plugins

jQuery1.2.3日本語リファレンス

気になるあのサイトが使ってるプラグインがわかる PluginMeter

rui_mashita — Mon, 10 Dec 2007 18:07:53 +0000

このBlogはWordpressってツールを使って構築しています。Wordpressの特徴の一つは、様々な機能を追加できるPluginが豊富にある事。

Pluginは世界中のWordpressユーザーが作って公開しているので、数え切れないほど存在し、最初はどれを選べばいいのかもわかりません。

そんな時に役立ちそうなサイトがPluginmeter。世界中のWordpressサイトをクロールして使用中のPluginを割り出し、人気Pluginのランキングを作っています。

さらに、国別のプラグインランキングを見る事も可能。日本のランキングもあります。
国別ランキング

さらにさらに、右上のサーチボックスから検索する事で、気になるあのブログが使用してるプラグインを知る事もできます。
例：www.retujyou.comの使用プラグイン

ただし、このブログ検索で知ることが出来るプラグインは、有効化してるプラグインだけではなく無効化してるプラグインも含まれるので、注意。