.wpcf7-submit:disabled{cursor:not-allowed}よく試し、よく作るブログ実験室naelabCocoonでアフィリエイトタグを改変せずにリンクをボタン化するカスタマイズCocoon2018.04.21無料WordPressテーマ「Cocoon」では、リンク(aタグ)をボタン化する機能がβ版として提供されています。記事作成に使える拡張スタイル。Cocoon便利な機能なんですが、こちらaタグにclass属性を追加することでボタン化するしくみになっているため、タグ改変が規約で禁止されているアフィリエイトリンクには使えません。そこで、タグを改変せずにボタン化できるようにしてみたので、カスタマイズの方法を紹介します。※追記:2018/09/20公式で同等の機能が追加されました。本記事のものと若干デザインが異なりますが、気にならない方は本家を使うと良いかと思います。囲みボタン拡張スタイル追加。中央寄せ矢印マーク追加しています。</div></div>上記HTMLを、AddQuickTagに登録しておきます。プラグイン今回は赤を使っているのでbtn-redクラスをつけていますが、他の色を使いたい場合は、下記記事を参考にクラス名を変えてください。記事作成に使える拡張スタイル。2em;}上記CSSを子テーマのstyle.cssに追記します。</div></div>のような形になるので、アフィリエイトタグを改変しないままボタン化できます。まとめ:ボタンのご利用は計画的に以上、Cocoonのボタン機能を少しカスタマイズしてタグ改変禁止なアフィリエイトリンクをボタン化させてみました。ボタンだからといって必ずしもクリック率が上がるわけではありません。クリック解析などを通じて、定量的に判断すべきです。いえ選択肢が多いに越したことはないので、ボタンが使いたい方はぜひカスタマイズしてみてください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。管理人NAEただのブログ好き。お問合わせはこちらもしくはTwitterのDMまでどうぞ。ブログ実験室naelab.タイトルとURLをコピーしました。