AmazonJSをちょっとカスタマイズしてみた。

デフォルトがイマイチ
CSSファイルを編集
wp-content/plugins/amazonjs/css
仕上がりはこんな感じ

デフォルトがイマイチ

Amazonアフリが半端なく捗るプラグインAmazonjs。

Amazonページに移動してコードをコピペなんて面倒な作業から卒業し、記事投稿ページからサクッとリンクを作成できちゃう。

けど、初期設定がちょっと残念な感じがしたので、ちょっといじくってみました。

CSSファイルを編集

AmazonjsのCSSはこちらに格納されています。

wp-content/plugins/amazonjs/css

で、デフォルトのコードはこんな感じ。

.amazonjs_item {
  font-size: 14px;
  margin: .5em 0 1em 0;
  padding: 25px 10px 25px 10px;
  border: 1px solid #dddddd;
  position: relative;
  display: block;
  background: white url(../images/amazonjs.png) no-repeat right bottom;
  color: #333333;

いじったのは文字サイズとボーダーライン。コードはこちら。

.amazonjs_item {
  font-size: 12px;
  margin: .5em 0 1em 0;
  padding: 25px 10px 25px 10px;
  border: 3px dotted #FA8072;
  position: relative;
  display: block;
  /*background: white url(../images/amazonjs.png) no-repeat right bottom;*/
  color: #333333;