アフィリエイトのボタンがうまく作れない
-
@maco40s さん
caratのボタンだと[ ]の中にアフィリエイトのhtmlを入れたら機能しないようなことを、
どこかでご回答されていたはずと思って、ふつうのボタンで作ってみたのですが、合っていますでしょうか？その通りですね。CARATであってもJINであっても通常のボタンにアフィリエイトボタンのhtmlを追加すると崩れてしまいます。
通常のカスタムボタンを挿入して確認するとどうですか？テキストも何も変えずにそのまま確認して崩れているようなら共有いただきたいです。
-
@Ryota さん
ありがとうございます。
新規のページで、ボタンだけを作ってみました。https://love40s.net/?p=3243&preview=1&_ppp=614d2822c2
今度はビジュアルの段階から変になっています( ;∀;)
見ていただけますでしょうか？申し訳ありません…。
-
-
@Ryota さん
！！使ってます！
Autoptimizeも入ってます。あとは…それらしいものは…
Lazy Loader
EWWW Image Optimizer
WP Fastest Cache
というのが入ってます！どこかでいいと言われたものを、どんどん入れてしまって抜けていない気がしていて
何が何の役目かわからなくなってしまっていました。
どれを削除するのがいいのでしょうか？
-
@Ryota さん
ためしに、AutoptimizeとLazy Loaderを無効化してみました。
https://love40s.net/?p=3249&preview=1&_ppp=518e8e3795
プレビューにすると、ボタンにはなりましたが、こんな感じのテイストになるのが正解なのでしょうか？
ベタになっているボタンのイメージかなと思っていたので…。書体もなぜか明朝体っぽいです。
-
@maco40s さん
いい感じに当たっていますね！
プレビューにすると、ボタンにはなりましたが、こんな感じのテイストになるのが正解なのでしょうか？
これがゴーストボタンのデザインですね。。
中枠が空白（ゴースト）なのでそう呼ばれています。書体に関してはCARATの影響だと思うので、必要であれば
.color-button01-big a, .color-button02-big a, .color-button01 a, .color-button02 a { font-family: inherit; }こちらを追加CSSに入れて確認してみてください。
どこかでいいと言われたものを、どんどん入れてしまって抜けていない気がしていて
何が何の役目かわからなくなってしまっていました。
どれを削除するのがいいのでしょうか？キャッシュプラグインに関して言えば、基本的に一つで大丈夫なので@maco40s さんが使いやすいプラグインを一つ残して他は消してしまって大丈夫だと思います。
（公式的にはAutoptimizeをオススメしています٩( 'ω' )و）ここからは流してもらって大丈夫なのですが、プラグイン全体を言えば「そのプラグインはどうして導入しているのか」を考えながら運用していくと良いかもしれません。
そのプラグインを褒めている記事はたくさんあるのですが、それを頭ごなしに入れているとサイトも重たくなりますし機能が被ってしまって導入する意味が無くなったりします。プラグイン全体の機能を全て把握するのは難しいかもですが、そのプラグインを導入することで解決されていることは何かを考えながら導入していきましょう！
-
@Ryota さん
ご返信が遅くなり申し訳ありませんでした。
なるほど…私としては、虎のマークを押せばすぐにキャッシュが消せるWP Fastest Cacheが好きだったのですが、
公式のほうがよさそうかな…！ちょっと考えて消してみます。いいと言われるとついつい入れてしまって、プラグインは今もてんこもり状態なので、もう一度調べてからやってみます。
…まとめると、今回のゴーストボタンはこれで大丈夫な状態になっていて、悪さをしていたのはキャッシュのプラグインのバッティングかもということでしょうか？
いただいたフォントのCSS、早速今から入れてみたいと思います。
ご回答ほんとうにありがとうございます！
-
@Ryota さん
ありがとうございます！！！
フォント変えたら、いい感じになりました！！！https://love40s.net/?p=3249&preview=1&_ppp=a670777296
ありがとうございました！！
-
@maco40s さん
無事に解決したようで何よりです！
プラグインに関しては本当に色々あるので迷ってしまいますよね。。
また困ったことがあればトピックを立てていただいて大丈夫なので遠慮なくどうぞ٩( 'ω' )و
-
@Ryota さん
いつも本当にありがとうございます！
今後ともよろしくお願いいたします♪
