囲みボタン機能の使い方。アフィリエイトタグ利用向き。

Cocoonには、以前から拡張ボタンスタイルはありました。

ただこちらは、以下のような難点がありました。

これら難点を回避するために、今回追加した「囲みボタン」スタイルでは、「囲んだAリンクがボタンになる」という仕様にしました。

囲みボタンスタイルの使い方

「囲みボタン」スタイルを利用するには、まず「囲みボタン」ブロックを選択します。

すると以下のようなエリアが表示されます。

オプション画面でタグや形状、色などを設定すればエディター上で反映されます。

当然、以下のようなアフィリエイトショートコードでも利用できます。

ショートコードも囲むだけ。

ビジュアルエディター上では反映されませんが、実際に公開ページを表示すると以下のように表示されます。

ショートコードの場合は、Aタグが利用されていないので、ビジュアルエディター上では反映されません。

この機能により、良い手軽にボタン作成ができるようになったと思います。

タグを改変できないアフィリエイトリンクをボタン化したい

テキストエディターを利用せずともボタン作成を完結させたい

なんて場合にご利用ください。