カテゴリー: 電脳

AmazonJSが余計なところで、リストを表示して、見栄えの悪いアフィリエイトになっちゃうので、嫌だったのですが、原因不明で直しようがないので、我慢していました。まあ、一応、表示されているし、ということで。

が、Google先生に聞いたら、素敵なサイトを発見しました。

[blogcard url=https://open-cage.com/amazonjs-css-custom/]

Amazon JSはWordPressでAmazonの商品を紹介する際によく使われるプラグインですが、弊社テーマ（アルバトロス、ハミングバード、ストーク）と組み合わせると、リストアイコンが表示されてしまうなどのCSSの問題が発生します。

今回はそのリストアイコンを非表示にする方法をご紹介。

AmazonJSのアイコン部分を消すには、下記CSSを子テーマのstyle.cssや【外観 > カスタマイズ > 追加CSS】などに追記していただくことで変更可能です。

/* AmazonJSのアイコンを消す */
.entry-content .amazonjs_item li:before,
.entry-content .amazonjs_item a[target=”_blank”]:after{
content:none;
}

早速、やってみましたが、動きません。

うまくいかない場合は、キャッシュを消せというので、消してみました。AmazonJSも、ブラウザも。

・・・うんとも、すんとも言いません。今までと同じ。

プラグインの設定をON/OFFを繰り返して、2のn乗ぐらい試したがダメです。

で、以前にXOOPSか何かで、CSSも階層化していて、「.entry-content」って、何となく「.content」のサブセットだったようなことを思い出しました。「.entry-content」⊂「.content」という関係になっているなら、「.content」に書いたほうが、効く範囲が広そう、それに、THE THORは「.content」かもしれないし。

ということで、

.content .amazonjs_item li:before,
.content .amazonjs_item a[target=”_blank”]:after{
content:none;
}

と書いたら、なんと、動きました。

[amazonjs asin=”B09953FYK8″ locale=”JP” title=”【特典PDF付き】現場のプロから学ぶ CSSコーディングバイブル”]

ねっ。

定期的に訪れるのですが、サイトの見た目を変えたくなる病。無性に、THE THORを使いたくなって、導入しちゃいました。何の計画性もなく導入したので、トラブル続きで、大変なことになっていますが、その中で気づいたことをまとめておきます。

• テーマのダウンロードは、公式サイトからどうぞ。[blogcard url=https://fit-theme.com/the-thor/]ダウンロード用のパスワードの連絡が来るので、速攻でダウンロードしました。それほど、難しくはないです。
• 普段は、面倒なので絶対にしないのですが、テーマを変えて、ボロボロになったら困るので、プロバイダのサーバの手動バックアップを取りました。もっとも、リストアってやったことがないので、本当に壊れちゃったら、バックアップデータからリストアできるかどうか自信はありませんが。
• そして、すぐに、zipファイルをアップロードして、テーマを有効化。ここはマニュアル通り。余裕。
• 着せ替えを楽しむ。[sitecard subtitle=関連記事 url= target=http://konchan.net/x/archives/43503]
• いじっているうちに、この着せ替えはテンプレートで、着せ替えを使わなくても、各デモの設定はできることに気づき、あまり深く考えずに、デモ4にしました。決め手はカルーセルスライダーが気に入ったから。もっとも、他のデモを選んでも、カルーセルを使うことはできることは理解していましたが、ベースとしては、これがいいかな、と思いました。ちなみに、カルーセルってどういう意味なんだろう、カルーセル麻紀とは何か関係があるのかしら？
  • なぜ、評判の悪いカルーセルを使ったかというと、「注目」というカテゴリーの記事を露出したかったからです。そして、定期的に「注目」カテゴリーの記事をメンテすれば、いいんじゃないかな、と思った次第です。
• あとは地道な設定。Google Analyticsやら、Search Consoleやら、Adsense関連。各種SNSの設定をセットし、テーマの配色をグレーベースに変更してみました。

• ちょっと、困ったことは、設定内容が多くて、どこを変えるとどこに影響するかが、直感的にわからなかったところです。背景色を白にしたかったのに、グレーになっていたのは、グレーの画像が背景としてセットされていたからということに気づくのに相当時間がかかっちゃいました。
• あと、投稿しようとしたときに、Failed to load plugin: table from url http://cdn.tinymce.com/4/plugins/table/plugin.min.jsという意味不明のエラーが出るのには困りました。[sitecard subtitle=関連記事 url=http://konchan.net/x/archives/43549 target=self]結局、我慢するという選択を取ったのですが、テーマをバージョンアップしたら直りました。テーマのバグってことですかね。
• 調子に乗って、AMPの設定をした瞬間、Googleからエラーの通知が。これは無理。難しいから、断念してやりました。そもそも、AMPが何かだって知らないですし。
• 次に困ったのが、タグ管理。「タグ」って言葉を使うから、Wordpress上の「カテゴリー」「タグ」のタグのことだと思っていて、よくわからなかったのですが、Googleで調べたら、ちょっと違う概念みたい。紛らわしすぎ。この機能は、ガチでエラーを出していて、動きません。[sitecard subtitle=関連記事 url=http://konchan.net/x/archives/44042 target=self]
  • プラグインを外したり、バージョンアップしたり、プラグインだけでなくWordpress本体もバージョンアップしたりしたけど、動きません。
  • うーん、こいつも断念。本当は、広告をうまくハンドリングしたかったんですが、なくても、どうにかなりそうだから諦めました。

• ふと気づいたら、会員登録をしないと、テーマのバージョンアップができないらしい。慌てて、サイトに行ってパスワードをゲット。テーマの所定の場所に転記しました。が、どこまでがパスワードなのかがわかりにくくて、間違えちゃっていました。[sitecard subtitle=関連記事 url=http://konchan.net/x/archives/44057 target=self]
• アイキャッチとか変えたいし、テーマが変わったことによるショートコードとかも変更しなければならないのですが、投稿数が多すぎで、超たいへん。サグラダファミリア状態です。
  • とりあえず、アイキャッチはプラグインを使って編集中。それでも、手作業の範囲は残ってしまうけれど。[sitecard subtitle=関連記事 url=http://konchan.net/x/archives/44150 target=self]
• サイトカードは使い勝手は良いものの、ギャラリーなどのショートコードを記事の先頭に使うと、そのコードが抜粋に表示されて、かなりイケていないので、ネットで探して、追加CSSを書きました。
• 吹き出しレイアウトがデフォルトであるので、結構、面白いです。[sitecard subtitle=関連記事 url=http://konchan.net/x/archives/44290 target=self]

ふう、あとは微調整ですかね。効果のほどはまだわかりません。ただ、Wordpressのダッシュボード画面にあるサイトヘルスってやつのサイトのスピードの値が改善しているので、良くなったんじゃないかと思っています。

気付いたところは、都度、修正しているものの、10,000件以上、つぶやいていると手が回りません。

ついでにプラグインも整理したら、従来と動きが変わってしまって、思っているように動いてくれません。

なにかおかしなところがあれば、コメントしていただけるとありがたいです。