WELCOME

デザイン見本帳

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

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

パターン一覧

商品ランキング|1カラム版

croover
ランキング 1位
WordPressテーマ「JIN:R」

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

ランキング 2位
WordPressテーマ「JIN:R」

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

ランキング 3位
WordPressテーマ「JIN:R」

ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。

コードをコピー
								<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthBgColor":"rgba(255,255,255,0)"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:rgba(255,255,255,0)"><div class="d--fullwidth-article d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 1位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f2ecaf","symbolColor":"#ffd900","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-sp"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style3 d--titledesign-weight-thin d--h2rich-icon undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f2ecaf"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#ffd900"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 1位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f2ecaf"></span><span class="a--h2rich-decoration-after" style="background-color:#f2ecaf"></span></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button 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 -->

<!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 2位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f2f2f2","symbolColor":"#e7e7e7","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-sp"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style3 d--titledesign-weight-thin d--h2rich-icon undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f2f2f2"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#e7e7e7"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 2位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f2f2f2"></span><span class="a--h2rich-decoration-after" style="background-color:#f2f2f2"></span></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button 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 -->

<!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 3位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f1e5cc","symbolColor":"#eba653","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-sp"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style3 d--titledesign-weight-thin d--h2rich-icon undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f1e5cc"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#eba653"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 3位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f1e5cc"></span><span class="a--h2rich-decoration-after" style="background-color:#f1e5cc"></span></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button 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></section></section>
<!-- /wp:jinr-blocks/fullwidth -->							
記事URLをコピーしました