WELCOME

デザイン見本帳

コードをコピーを押すと、デザインをコピーできます。
執筆画面に戻って、右クリックで貼り付けてください。

※ コピぺして「ブロックリカバリー」を求められた場合は、リカバリーをしてもらえばOKです
※ SSL化されていないサイトはコピーがうまくできません。その時はWEB版をご利用ください

パターン一覧

マイクロコピーボタン

croover

このボタンから購入で〇〇円OFF

コードをコピー
								<!-- wp:jinr-blocks/background {"backgroundBgColor":"#fcfcfc","backgroundOpacity":0,"backgroundSize":5,"className":"undefined"} -->
<div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background undefined"><div class="o--background-container d--background-design-flat d--background-shadow-s d--border-outset"><div class="c--background-inner d--border-none d--border-1px t--round" style="border-color:#c5c5c5"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> <i class="jin-icons in--p jin-ifont-backslash" aria-hidden="true"></i> <span class="jinr-d--font-size d--fontsize-15px"> このボタンから購入で〇〇円OFF </span> <i class="jin-icons in--p jin-ifont-slash" aria-hidden="true"></i> </p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"いますぐ申し込む  \u003ci class=\u0022jin-icons in\u002d\u002dp jin-ifont-arrowthin\u0022 aria-hidden=\u0022true\u0022\u003e\u003c/i\u003e ","inputUrl":"https://jinr.jp/","toggleTab":true,"className":"d\u002d\u002dbutton-type1 d\u002d\u002dbutton-center undefined","topMarginPcAttribute":"d\u002d\u002dtop-margin-s-pc"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button d--button-type1 d--button-center undefined d--top-margin-s-pc js--scr-animation">[jinr_button1 target="true" href="https://jinr.jp/" align="d--button-center"]<span>いますぐ申し込む  <i class="jin-icons in--p jin-ifont-arrowthin" aria-hidden="true"></i> </span>[/jinr_button1]</div>
<!-- /wp:jinr-blocks/button --></div></div><div class="a--background-color" style="background:#fcfcfc"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:1;background-size:1.6666666666666667%"></div></div>
<!-- /wp:jinr-blocks/background -->							
記事URLをコピーしました