副業アフィリエーターのnondoriです!
もしもアフィリエイトさんの「かんたんリンク」は便利ですよね!
便利に使用させていただいてます!
今日も「かんたんリンク」を設置と思ったら、なぜか、「かんたんリンク」ボタンが消える!?
なんだ。なんだと調べてみました。
でも、firefox、Safari、スマホ版のgoogleアプリ、スマホ版のchromeアプリは、ちゃんとボタンが表示されるではないですか!
どうやら、PC版のchromeの不具合のようです。(ビックリした。)
といっても、PC版Chromeの使用率は、日本国内で65%。(2025年時点)
PC版Chrome使用者はおおいですよね〜。
そこで、不具合がいつ修正されるか分からないので、自分で修正してみました!!
自分と同じように、もしもアフィリエイトの「かんたんリンク」のボタンが消えて困っている方、ぜひ試してみてください。
もしも「かんたんリンク」のボタンがchromeで消えた場合の対処は?
- 自分でCSSを追加して強制的に表示しちゃいましょう!(下記記事内のCSSをコピペして使ってください♪)
もしもの「かんたんリンク」のボタンがPC版chromeで消えたので自分で設定してみた
もしもの「かんたんリンク」のボタンが消えてしまいます!(2025年9月)
firefox、Safari、スマホ版のgoogleアプリ、スマホ版のchromeアプリは、ちゃんとボタンが表示されます。
どうやら、PC版のchromeの不具合のようです。
でも、ボタンがある箇所をポインターを置くと反応するので、リンク自体はあるみたい。
ふむ。ボタンビジュアルだけ消えてるという事ですね。。
そこで、自分でCSSをワードプレスに追加して、ボタンビジュアルを強制的に表示させてみました。
下記がカスタマイズボタンビジュアルです↓
従来ボタンと同じでは芸がないので、ボタンがそっと目立つように、影をつけました!
ホバー時(ボタンを押した時)には、従来だと少し明るくなりますが、カスタマイズボタンでは、より押した感がでるように、ホバー時には色を濃くなるよう設定しました!
カスタマイズボタンの設定方法を公開しますので、同じようにお困りの方使ってみてください。
↓ここからは、カスタマイズボタンの設定方法です↓
もしもの「かんたんリンク」ボタンをカスタマイズする方法
- まずは、ワードプレス左メニュー「外観」→「カスタマイズ」をクリック。
- 「追加CSS」をクリック。
arrow_downward
- 追加CSSに下記コードを全てコピペする。(一番上〜一番下までコピペしたいと上手く動かないのでご注意を!)
- コピペが終わったら、一番上にある「公開」ボタンをクリック。(これで終了です♪)
↓コピペするコードはコチラ↓
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
/** もしもかんたんリンク_カスタマイズ **/ /* 共通-ボタン影 */ a[class^="easyLink-info-btn-"] { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } /* ボタン-ブランド色設定 */ .easyLink-info-btn-amazon { background: #f79256 !important; color: #FFF !important; } .easyLink-info-btn-rakuten { background: #f76956 !important; color: #FFF !important; } .easyLink-info-btn-yahoo { background: #66a7ff !important; color: #FFF !important; } /* fover時設定 */ a:hover.easyLink-info-btn-amazon { background: #cc6f37 !important; color: #f79256 !important; } a:hover.easyLink-info-btn-rakuten { background: #d96859 !important; color: #ed9b91 !important; } a:hover.easyLink-info-btn-yahoo { background: #346fbf !important; color: #51a7e8 !important; } |
↓カスタマイズしたボタンはコチラ↓
ちなみに、ニコニンのマウスウォッシュは口の中の汚れとりに気にいってます。口臭予防に良い感じです♪
まとめ
もしもの「かんたんリンク」ボタンがChromeで表示できなくなったら(何かの不具合)、強制的に自分でCSSを追加してボタンを表示させましょう。
Chromeの不具合が治っても、「追加CSS」に入れたコードはそのままで問題ありません。
(※カスタマイズしたボタンが表示されます。)
良かったら使ってみてください♪