ブロック ボタン

角丸グラデーションボタン(光)

AFFINGER6 最新版でご利用ください

\ テキスト /

ボタン

これはテキストです

<!-- wp:paragraph {"align":"center","className":"mb10"} -->
<p class="has-text-align-center mb10">\ テキスト /</p>
<!-- /wp:paragraph -->

<!-- wp:st-blocks/my-button {"customBackgroundGradient":"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)","customBorderColor":"#ffffff","reflection":true,"className":"mb10"} -->
<p class="wp-block-st-blocks-my-button st-mybtn st-reflection st-btn-default st-mybtn-noborder mb10" style="background:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);border-width:0px;border-color:#ffffff;border-radius:60px;font-weight:bold;box-shadow:none"><a href="#" style="font-weight:bold">ボタン<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button -->

<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size">これはテキストです</p>
<!-- /wp:paragraph -->

コピーしました

デザイン済みデータ配布中

-ブロック, ボタン