WELCOME

デザイン見本帳

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

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

パターン一覧

記事リスト05|

croover
コードをコピー
								<!-- wp:jinr-blocks/fullwidth {"fullWidthDeco":"d\u002d\u002dfullwidth-deco-bgimage","fullWidthBgColor":"#fcfcfc","fullWidthImageID":2613,"fullWidthImageUrl":"http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png","fullWidthBgColorTransparent":73,"fullWidthParallax":"d\u002d\u002dfullwidth-parallax-on","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad30"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth d--fullwidth-parallax-on d--fullwidth-deco-bgimage"><div class="a--jinr-fullwidth-image"><div class="a--jinr-fullwidth-image-clip"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png"/></div></div><div class="a--jinr-fullwidth-overlay" style="background-color:#fcfcfc;opacity:0.73"></div><div class="d--fullwidth-max d--fullwidth-pad30 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"Recommend","subText":"おすすめ記事","divText":"Recommend","titleDesign":"2","radioLayout":"center","radioSymbol":"icon","symbolIcon":"v2relatedpost","tagSelect":"div"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style2 d--titledesign-weight-thin d--h2rich-icon js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#407FED"><i class="jin-icons jin-ifont-v2relatedpost"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">おすすめ記事</span><div class="a--h2rich-maincopy d--bold ef" style="color:#407FED">Recommend</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/postlist {"columnSelectSp":"2","moreLink":"https://jinr-theme.com/?cat=31","clientId":"c603b991-1624-45a4-a118-37db90be73ed"} /-->

<!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundBgColor":"rgba(255,255,255,0.51)","backgroundBorderWidth":"d\u002d\u002dborder-4px","backgroundBorderColor":"#444443"} -->
<div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background"><div class="o--background-container d--background-design-shadow d--background-shadow-s d--border-outset"><div class="c--background-inner d--border-none d--border-4px t--round" style="border-color:#444443"><!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc"} -->
<p class="has-text-align-center d--bottom-margin-s-pc "> <i class="jin-icons in--p jin-ifont-backslash" aria-hidden="true"></i>  何を読むか迷ったら  <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/"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 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:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div><div class="a--background-color" style="background:rgba(255,255,255,0.51)"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:0.29999999999999993;background-size:16.666666666666668%"></div></div>
<!-- /wp:jinr-blocks/background --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->							
記事URLをコピーしました