Amazon Reloaded for WordPress

date: 2009/03/28 | Categories: webtech | author: nuru

Amazonアソシエイト公式の商品紹介が写真がちっちゃくて、ボタンもついててイマイチだったので、シンプルで写真が大きい表示方法ないかと探していていたんです。そんなとき見つけたのがwordpressのプラグインの「Amazon Reloaded for WordPress」でしたw
導入までのメモっす。

1.プラグインをダウンロード

Amazon Reloaded for WordPressからダウンロードしてくる。

2.ファイルアップロード

解凍したものをwordpressのフォルダ/wp-content/pluginsにフォルダごとアップロード

3.インストール

wordpressの管理画面の「プラグイン」で、Amazon Reloaded for WordPressを「使用する」にしてアクティブに。

4.設定

「設定」の「Amazon Reloaded」でamazonの「Associate ID」と「Country」をJapanに設定して「Update Options」でアクティブに

step41

5.商品の埋め込み

投稿画面の一番下にAmazon Reloaded for WordPressが追加されているので掲載したい商品を検索する。
検索結果から商品を選ぶ。写真の大きさが三種類とテキストリンクを挿入することができる。
挿入したい記事にカーソルを合わせてから挿入したいパーツを組み込めばおk。

step5

wordpressテンプレート作成作業だいたい完了

date: 2009/03/25 | Categories: webtech | author: nuru

wordpressに触れる機会があまりないので、まずはお友達になるところからはじめた。
MTに比べると関数にHTMLタグが含まれてたりするので、完全にオリジナルにとはいかないけどそれが逆に取り回しやすくていい感じ。

カスタマイズの手順としては

1.ブログの基本デザイン作成

2.普通にxhtmlコーディング

3.header.php footer.php sidebar.php index.phpに分離させる。
(基本的にdefaultのテーマからコピペして変更箇所を書き換える感じで)

4.single.phpやその他のページの作成

ざっくりこんな感じで進めた。

3.以降はdreamweaverでプレビューができず、本番環境での確認になる。
wordpressの吐き出すCSSのclass名やIDはfirebugで参照すると便利に感じた。

このテーマ、windowsではあらかたチェックしたけど、mac環境でどうなのか、ちょっと恐ろしい。。
今後記事が増えてきた時に不都合がでてきたらいろいろいじってみようと思う。

fireworksとphotoshopのjpg書き出し実験

date: 2009/03/21 | Categories: webtech | author: nuru

フォトショッパーのデザイナーの方がfireworksの書き出しが汚いと言っていたので実際に見比べてみることにしよう。
手順:写真をPhotoshopで書き出し直前まで加工→fireworksにコピー→fireworksで書き出し(画質80%)→書き出されたファイルの容量にあわせてphotoshopの書き出しの画質を調整

fireworksCS4
jpg書き出し:画質80%
サイズ:23.5KB
mikufw1

photoshopCS4
jpg書き出し:画質53
サイズ:23.5KB
mikups1

判定、よくわからない。
話的にはCS3とかCS2、8の時代なので、macromedia時代だからだっから?
劇的に変わってたらどうしようかと思ったけど、一安心?

Twitter Balloon

date: 2009/03/14 | Categories: webtech | author: nuru

Twitterのブログパーツをいろいろと物色。
Twitter Baloonが気に入ったので早速作ってみた。

Twitter Balloon

アカウント作って

ログインして

タイトル、twitterのidを入力して

画像アップして

背景色、文字色、噴出しの位置・色などかなり細かく調整できる

といった感じ。


follow yuuty at http://twitter.com
Get Your Own

で、こいつをサイドバーに表示させればOKと。
はようテンプレート作らんといかんですね。

初期設定の巻

date: 2009/03/13 | Categories: webtech | author: nuru

まずは初期設定ということで

WordPressの設置後、すぐにやっておきたい10の作業を参考に作業を進めた。

パーマネントリンクの設定は
%postname%
だと日本語には向かないので、
/%category%/%post_id%.html
で設定。

スキンも適当に変えてみた!
こちらはぼちぼちやるとしよう!

普通がすてき

date: 2009/03/10 | Categories: webtech | author: nuru

はじめの一歩

とりあえずwordpressのインストールから

はじめてみた。

所要時間10分くらい

デザインテンプレートかできるまでデフォルトでいこうと思う。適当に探してきたスキンに変更