Amazon JSをストーク(WPテンプレ)でリストアイコンを非表示にする設定方法

広告

どうも、ドラログ管理人のリュウキです!

Amazon JSという便利なプラグインがあるのですが、僕のブログで使っているWordPressテーマの「ストーク(STORK)」では不具合がでるのです。そう、きっとあなたも困っているであろうリストアイコン!

STORKテーマでAmazon JSを使うと価格とかメーカー、ランキングなどの表示部分に「●」のリストアイコンが出てしまうんです。せっかくシンプルで見やすいAmazon JSを台無しにしてしまうじゃないですか。

なので、その対処法を今後のためにも残しておきますので、参考にしてくださいね。最近はこうやって自分が後々困らないようにとレビューとか操作方法とか対処の仕方とかを載せておくので他の記事も気になったら読んでみて下さい。

広告

ストークでAmazon JSのリストアイコンを消す方法

リストアイコンがついてしまうAmazon JSプラグイン

リストアイコンがついてしまうAmazon JSプラグイン

ストークテーマを利用している方はAmazon JSを利用するとこのようにリストアイコンが表示されてしまいますよね。せっかくシンプルにブログデザインを崩すこと無く商品リンクを表示できるのに、これは頂けない。

なので、このWordPressテーマでAmazon JSを使う時にリストアイコンを消すことができないだろうかところ、ストーク販売元のサイトで公開されていました。さすが、早いですね。

きっと要望が多かったのだと思います。一気に人気の出たWordPressテーマですから。

ちなみに特別CSSとかHTMLのスキルのない僕でも簡単にできる対処法です。用意されているCSSをただコピペするだけで問題が解決するようです。

早速、やってみたいと思います。

Amazon JSのリストアイコン消去手順解説

まず、WordPressのダッシュボード、管理画面に行きましょう。次に外観⇒カスタマイズ⇒追加CSSの順にクリックしていきます。

カスタマイズまでの手順説明

カスタマイズまでの手順説明

↓ ↓ ↓

CSS追加までの手順

CSS追加までの手順

そして、以下のCSSを追記します。

CSS貼り付け

CSS貼り付け

保存して、Amazon JSを使用しているページを見てみると・・・

広告

はい、あっという間にリストアイコンが消えています。

Amazon JS リストアイコン消去

Amazon JSからリストアイコンが消えた画像

これでシンプルに商品リンクを表示できるようになりました。とってもカンタンです!

早速、実践してみてくださいね! それでは、ちゃお!

広告

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください