WordPressにAmazonJSを導入する

2015年9月27日

Amazonアソシエイトとは

Amazonが提供するアフィリエイトプログラムです。
Amazonの販売商品を紹介して、その商品が売れれば手数料が入る仕組みです。
AmazonJSは素敵なリンクを簡単に作ることができるプラグインです。
利用には予め、Amazon側に登録が必要です。
細かい設定についてはこちらのサイトが詳しいのでオススメします。

こんなリンクが作れます。

[amazonjs asin="4758008604″ locale="JP" title="自殺しないための99の方法"]

右下の変なアイコンを消したい！

なぜか、右下に変な『a』アイコンが表示されますね。
見た目がよくないので消してしまいましょう。
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;
}

8行目のbackgroundの行を削除してください。

.amazonjs_item {
  font-size: 14px;
  margin: .5em 0 1em 0;
  padding: 25px 10px 25px 10px;
  border: 1px solid #dddddd;
  position: relative;
  display: block;
  color: #333333;
}

この設定で、変なアイコンは表示されなくなります。
あるいはサイトイメージにあった好きなアイコンに変更できます。