もしも・かんたんリンクが押せない．．．！
早く元通りにしたい！！
もしも・かんたんリンクの一部、もしくは全部が押せなくなる事件が発生。
これを読めば一瞬で解決できます！
この記事で分かる事
見出しやリンクをオリジナルにカスタマイズしている筆者が、解説します。
【関連記事】 <<アイキャッチ画像を横幅いっぱいに表示「1分で解決」
スパッと解決して、有意義に時間を使いましょう！
読みやすいボリュームなので、是非参考に♪
【もしも・かんたんリンク】が押せない！
その時は突如やってきました。
もしもアフィリエイトのかんたんリンクが押せなくなってしまった．．．
まだの人はまずはもしもアフィリエイト登録
しよう！
モンの場合は、Amazonだけ押せなくなってました、
「もしも・かんたんリンク」のAmazonが反応しない！
↑この「Amazonで見る」が押せなくなってました．．．
※今は押せるようになってます
原因は、意外なアレでした。
原因は「CSSのカスタマイズ」
原因は、もしも・かんたんリンクのカスタイマイズCSSでした。
かんたんリンクそのままのデザインを使わず、カスタイマイズしている人も多いのでは？
これは盲点．．．
解決策はこれ！
解決するには、2通りの方法があります。
お好きな方で解決しちゃってくださいね！
※どちらにせよ、カスタイマイズCSSは消去or変更しないと解決しません。
かんたんリンクをそのまま使う
一つ目は、かんたんリンクをカスタマイズしないで使う方法。
デフォルトのデザインで使うって事だね
アップデートに伴い、そのままでも十分オシャレなデザインですよ。
CSSが減る事で表示速度も速くなるので、拘り無い人はこの方法がおすすめです。
別のカスタイマイズCSSに変更
もう一つは、別のカスタマイズをする方法。
デザインに拘りたい人はこの方法だね！
次に、今回のようなアクシデントが起きないカスタマイズ方法を紹介していきます。
「もしも・かんたんリンク」おすすめカスタマイズ
以下のコードをコピペするだけです。
/********************************
もしもかんたんリンク
*********************************/
/*====================== box */
div.easyLink-box {
border:3px double#CCC !important;
box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);}
div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name {
margin:15px 2px 0 0!important;
text-align:center !important;
font-size: 14px !important;}
p.easyLink-info-model {
display: none !important;}
.easyLink-info-btn {
display: inline!important;} .easyLink-info-btn a{
margin: 5px 10px 5px 0!important; padding: 0 12px!important;
line-height: 20px!important;
display: inline-block!important;
width: 100%!important;
box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
font-size: 1.0em!important; } .easyLink-info-btn-amazon{
background:#ffb36b!important; } .easyLink-info-btn-rakuten{
background:#ea7373!important; } .easyLink-info-btn-yahoo{
background:#73c1ea!important; }
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img
p.easyLink-img-box,
div.easyLink-box div.easyLink-img
p.easyLink-img-box img.easyLink-img-pht{
max-width: 300px !important;
max-height: 530px !important;}
@media screen and (max-width: 480px){
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
width: 100%!important;
position: relative; }
.easyLink-info-btn a:before { padding-right: 5px;
right: 5px;
position: absolute;
} }
@media screen and (max-width: 480px){
div.easyLink-box.easyLink-size-s {
max-width: 340px !important;
}}このカスタマイズで解決！
「もしも・かんたんリンク」押せない時にすべき事 まとめ
如何でしたでしょうか。
突然使えなくなるのは、焦りますよね！
解決できた方はお疲れ様でした！
ではまた！
コメント