ぐん怪獣じゃないもん!さて、ブログデザインチョコチョコいじっています。お気づきの方もいるだろうが、サイドバーの下側にアマゾンのおすすめを表示するウィジェットを追加してみた。自分がほしいものを画像つきで表示している。一時期アマゾン公式のウィッシュリストウィジェット使っていたがあまり操作性よくなかったからはずしたんだよね。そのかわり人気商品を自動で表示するウィジェットを置いてる(一応今もおいてる)んだけど、やっぱり自分の好みのものを表示させたいから自前で実装した。言ってもプラグ印を使っていじっただけなんだけどね。今回使ったのは記事本文でも使っているAmazonJSってプラグインhttp://wordpress.org/extend/plugins/amazonjs/これ自体は記事にアマゾンアソシエイトのリンクを独自UIでのっけてくれる便利なもの投稿時にアマゾンの商品を検索できて、自動でショートコードを貼り付けてくれる。サイドバー用のウィジェットじゃないけど便利だから前から使っていた。サイドバーは別なプラグインを探していたけど、見つからなかったのでこれを機能拡張して使うことにした。サイドバーのテキストウィジェットでショートコードを使えるようにするためにまず次のプラグインを導入http://weble.org/2011/09/27/wordpress-widget-shortcodeこれでテキストウィジェットを追加して、本文にamazonjsのショートコードを記述すると商品が表示されるようになる。そのままだと文字が多すぎて見にくいので、写真と商品名のみにする。amazonjsはテンプレートとCSSを拡張できる機能があるのでそれを使う。現在使っているテーマのフォルダ直下(例:./wp-content/themes/twentyeleven)に下記のファイルを追加して、amazonjsの設定でテンプレート拡張とカスタムCSSの使用にチェックする。font-weight:normal;}この設定はとりあえず適当JSは画像と文字を表示させるようにして、クラス名を標準のamazonjs_itemからamazonjs_item_sideに変更してSideという名前で登録CSSはamazonjs_itemが入っていたところをとりあえずamazonjs_item_sideに変更したやつを全部コピって標準じゃ画像の横に表示されていた文字を下に持ってくるように変更これで右のウィジェットのようになった。ここまで変更して思ったけど、これだったら標準の画像の未表示のスクリプト引っ張ってくるだけでもあんまり変わりない...まぁ、見た目はこっちのほうがスタイリッシュな気がするからいいか本当は価格ぐらいまで表示させようかと思ったけど、現在価格が出てこない。参考価格のほうが表示させたりする。あと、テンプレート拡張の使い方がおかしいのかレビューのリンク表示とかどうするのかよくわかんない。シンプルにまとめてみた。TK600′′]見たいな感じに入力する。面倒だけどそんなに頻繁に入れ替えるつもりないからいいかなんか、どんどん2chまとめみたいなアフィブログっぽくなってる気が...そんなつもりはないんだけどなぁまぁ、そこまでお金稼ごうとは思ってないしサーバ代維持くらいできないかな見たいな淡い期待をもって更新してます。よければ協力してくれたらうれしいです。いいプラグイン見つけたらまた紹介するね。JustFreeThemes.。