まぁ、最初のうちはそれをやりだしていたんですが、どうもマニュアルもわかりにくく
何やかんやとやっているうちに、嫌になってきて
試しにWordPressをインストールしてみると、これがなんともスムーズでｗ
デザインなんかも豊富にあって、簡単に設定出来るし
MovableTypeの過去のデータもこちらへ簡単に移行出来ちゃうし
インストールするファイルも少ないし・・・
あ～これは、もうこっちにするしかないかなぁってことで「あまなつ日記」はWordPressへ移動します。
「あまなつ日記」のTOPページは、変更になりませんが過去の記事のURLは変更になります。
但し、MovableTypeのものもそのまま残しておく形にしましたので以前の記事はそちらでも見ることが出来ますが、今後の更新はされません。
それから、RSSも変更になりますので
RSSを登録されている方は、お手数ですが新しいRSS：http://blog.amanatu.com/?feed=rss2 に変更願います。
フェードインするリンクなので
名前を fadelink としました。
Amanatuletと同じように超簡単にアソシエイトリンクが作成出来るように考えましたので、設定する項目は現在のところアソシエイトIDとリンク先だけです。
あとは、表示されるHTMLコードをコピペするだけです。
Amazonで用意されている商品画像全てを読み込んで、順番にフェードインしながら表示を繰り返します。
こんな感じです。
これはいい！！！
満足出来る可愛さです!まだ未知ですが参考までに…ハロマニアなら。なんかなつかしいｗｗで、最近（たぶん昨日くらいから本格的に変わった？）は
上から
SmallImage
MediumImage
LargeImage
で
http://ecx.images-amazon.com/images/I/314Ct-2M2aL._SL75_.jpg
http://ecx.images-amazon.com/images/I/314Ct-2M2aL._SL160_.jpg
http://ecx.images-amazon.com/images/I/314Ct-2M2aL._SL500_.jpg
_SL500_ とサイズ指定をすることで小、中、大の画像を表現するようにしている。
ちょっと前からこの_SL***_の形式が混ざってきていたが、
昨日くらいから全部がそれに変わったような感じです。
Amazonさんでは画像のURLはいろいろあるので、
この形式がいつまで続くかわかりませんが
ECS4で返ってくるURLを元にサイズ加工や画像回転指定なんかをしているので
突然、形式が変更されると、表示されないところが出てきたりして
修正するのが大変だったりします。
でもAmazonさんのいいところは、今のところ
今まで指定してきたURLの画像は無くなっていないところですね。
上の画像はちなみに下の商品です。
電気代、フィルター代やや高め使い方次第今のところ好調です購入して大正解満足しています。
でも、まだ、インスタントストアには連動していないようですので、
インスタントストアと連動したければあまなつのAstoreTwirlをご利用ください。
いや、もうそのままマネちゃってますがｗ
amazletと同じレイアウトが作成出来ます。
名前も後ろにletと付けてみちゃいましたｗ
それから、「＊＊＊で詳細を見る」ってところを
Amazon.co.jp
Shopあまなつ
Amazonｲﾝｽﾀﾝﾄｽﾄｱ
amazlet.com
と選択出来るようにしています。
お好きなところを選んでリンクを作成して下さい。
下のは、amazlet.comへリンクしています。
Webサービスについてまとまっててサンプルプログラムも豊富情報は流通してこそ価値がある？完全攻略ではないWebサービスとは何かの解説本？Webサービスの適用事例を把握するのに大変有効
大好きな一冊！！日本発のHACKS日本発のオライリー本を評価したいBlogいじりをする方必読ブログいじりはたのしい。
RBadge2は最近あまなつで見られた商品を表示させるもので、パラパラと表示が切り替わります。
こちらで、簡単に作成出来ます。
このサービスでは、表示される商品のひとつ（つまり１／２５の確率で）だけ、amanatu-22のアソシエイトＩＤに変わります。
サイズを大きくしたついでに
ブログの記事中にも表示させやすいように、貼り付けるコードを１行に変更しました。
<!-- Start of amanatu AstoreBadge --><script type="text/javascript" src="http://amanatu.com/astorebadge/?id=amanatu-22&w=232"></script><div class="AstoreBadge_div"><div class="AstoreBadge_div_in"><a href="http://astore.amazon.co.jp/amanatu-22/"><strong style="color:#3993ff">Amazo<span style="color:#ff1c92">n</span></strong>Store</a><br /><script type="text/javascript">AstoreBadge.h();</script><a href="http://amanatu.com"><strong style="font-size:9px;color:#3993ff">by amanatu</strong></a><br /></div></div><!-- End of amanatu AstoreBadge -->
ブログの記事中に書くと、勝手に<br />なんかが入って今までは正常に動作しなかったなどがあったと思いますが、１行にすることでその心配もなくなります。
ブログの記事中でそのままコピペして使ってもらっても正常に動作します。
こんな感じです。
一番小さなサイズの実際に動くやつを貼り付けておきます。
上と同じものを作るには、こちらからどうぞ
]]>こんな感じです。
あとは、ちょこちょことあまなつサイト内で以前の画像を使って表示している部分があるので直す必要がありますが、その辺もボチボチと進めて行こうと思います。
]]>安心感抜群お得です。常飲してます美味しくて、便利！軟水だから日本人にピッタリあと少しです。
]]>こんなやつ
（表示されるものは公式Amazonのものなので、元々対応されていますが、これを作成する為のページで表示される商品画像が新しい画像に対応です。）
それから、ついでにメインの商品画像以外にその他の商品画像がある場合はその商品画像も選択できるようにしました。
下のような感じです。これは全て同じ商品ですが、画像を変えています。
画像を変えるだけでも商品を紹介するときの雰囲気を変えることが出来て、楽しくなってきますよね。
|
|
|
