アフィリエイトリンクをCVボタン化すると、ボタンの形状が変になる



  • <問題点の説明>
    以下のリンク先(JIN MANUAL)を参考に、アフィリエイトリンクを、CVボタン化しました。

    https://jin-theme.com/manual/button-afilink/

    すると、ボタンの形状が変になりました。

    ボタンの形状が変になるケースを検証したところ、以下の①②③すべてを満たした場合に発生することが分かりました。
    ①アフィリエイトリンクをCVボタン化
    ②ボタンの種類のうち「カスタムボタン1」もしくは「カスタムボタン2」を選択
    ③ボタンデザインのうち「マテリアルデザイン」もしくは「立体デザイン」を選択

    言い換えると、上記①②③すべてを満たさない場合、ボタンの形状は変になりません(正常です)。

    <質問事項>
    上記①②③すべてを満たした場合でも、
    ボタンの形状を正常に表示させる方法はあるでしょうか?


    マニュアル確認済み
    WordPressのバージョン : 6.4.1
    ご利用のサーバー名 : ConoHa WING
    PHPのバージョン :
    OS : Windows 10
    ご利用のブラウザ :
    該当サイトのURL :



  • @ねこ崎カズキ さん

    こんにちは!
    検証と詳細のご共有ありがとうございます。

    サイトのコードを拝見した感じですと、
    ブランク(<br>)が入っているのが影響してそうですね。。。

    アフィリエイトリンク自体には <br> は入ってないですよね...??

    ご確認お願いいたします!



  • @tsu_

    ご返信ありがとうございます!

    アフィリエイトリンクは、</A>と<img の間で改行されているのですが、この改行があることで「アフィリエイトリンク自体に<br>が入っている」となるのでしょうか?

    質問に対して質問で返してしまい、申し訳ありません。



  • @ねこ崎カズキ さん

    画像ありがとうございます!

    改行を無くして変化があるかご確認いただけますか...??

    よろしくお願いいたします!



  • @tsu_ さま

    改行を無くしたところ、ボタンの形状が正常になりました!

    勉強になりました!!



  • @ねこ崎カズキ さん

    あ、上手く行って良かったです!

    引き続き、よろしくお願いいたします。
    (ご確認いただければ、ご返信は無用ですので...!)