「記事リスト」タグの記事一覧｜JINRパターンブロック

article

記事リスト

記事リスト04｜ニュースタイプ

コードをコピー

												<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthBgColor":"#fbfbfb","fullWidthImageID":2613,"fullWidthImageUrl":"http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png","fullWidthBgColorTransparent":75,"fullWidthParallax":"d\u002d\u002dfullwidth-parallax-on","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad30","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad20-sp"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#fbfbfb"><div class="d--fullwidth-article d--fullwidth-pad30 d--fullwidth-pad20-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"NEWS","subText":"お知らせ","divText":"NEWS","radioLayout":"center"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">お知らせ</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">NEWS</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/postlist {"postNum":5,"listDesign":"d\u002d\u002dpostlist-newstext","listDesignSp":"d\u002d\u002dpostlist-newstext-sp","moreLink":"https://jinr-theme.com/?cat=31","clientId":"68045167-2963-4221-8975-eea5241bc999","radioAnimation":"none","radioHover":"d\u002d\u002dpostlist-hover-hovercolor"} /--></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->

記事リスト３｜View moreテキスト付

コードをコピー

												<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#ffffff"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:columns {"isStackedOnMobile":false,"jinrBlocksCSSAttribute":""} -->
<div class="wp-block-columns is-not-stacked-on-mobile js--scr-animation"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003eCategory 01\u003c/span\u003e","subText":"カテゴリーの記事","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003eCategory 01\u003c/span\u003e","mainTextColor":"#222222","tagSelect":"div","className":"jinr-custom-article3-title","jinrBlocksCSSAttribute":".jinr-custom-article3-title{\n\tmargin-bottom:13px !important;\n}"} -->
<div class="jinr-add-class-container"><section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none jinr-custom-article3-title js--scr-animation" style="border-color:#407FED"><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:#222222"><span class="jinr-d--font-size d--fontsize-27px">Category 01</span></div></div></section><style jsx="true">.jinr-custom-article3-title{
	margin-bottom:13px !important;
}</style></div>
<!-- /wp:jinr-blocks/designtitle --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"33.33%","jinrBlocksCSSAttribute":""} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.33%"><!-- wp:paragraph {"align":"right","className":"jinr-custom-article3-viewmore","displayDeviceAttribute":"jinr-display-pc","displayDevicePCAttribute":"jinr-display-pc","jinrBlocksCSSAttribute":".jinr-custom-article3-viewmore a{\n\ttext-decoration:none !important;\n\tcolor:#555 !important;\n}"} -->
<div class="jinr-add-class-container"><p class="has-text-align-right jinr-custom-article3-viewmore jinr-display-pc"><a href="https://jinr.jp/">View More  <i class="jin-icons in--p jin-ifont-arrowthin" aria-hidden="true"></i> </a></p><style jsx="true">.jinr-custom-article3-viewmore a{
	text-decoration:none !important;
	color:#555 !important;
}</style></div>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:jinr-blocks/postlist {"listDesign":"d\u002d\u002dpostlist-slider d\u002d\u002dpostlist-slider-loader","columnSelect":"2","columnSelectSp":"2","moreLink":"https://jinr-theme.com/?cat=31","clientId":"32caa0e7-a9af-4aff-819c-ad1c4b001c9c","topMarginPcAttribute":"d\u002d\u002dtop-margin-xs-pc"} /--></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->

記事リスト２｜カードデザイン

コードをコピー

												<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#eaf3ff","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad20","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad20-sp"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#eaf3ff"><div class="d--fullwidth-max d--fullwidth-pad20 d--fullwidth-pad20-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundBgColor":"#ffffff"} -->
<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-1px t--round" style="border-color:#c5c5c5"><!-- wp:jinr-blocks/designtitle {"mainText":"Recommend","subText":"おすすめ商品のレビュー","divText":"Recommend","titleDesign":"2","radioSymbol":"icon","symbolIcon":"v2badge","tagSelect":"div"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left 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-v2badge"></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 {"postNum":4,"columnSelect":"4","moreLink":"https://jinr-theme.com/?cat=31","clientId":"f9f039f0-b087-4bcd-85dc-c4fc4850191f"} /--></div></div><div class="a--background-color" style="background:#ffffff"></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 -->

<!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundBgColor":"#ffffff"} -->
<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-1px t--round" style="border-color:#c5c5c5"><!-- wp:jinr-blocks/designtitle {"mainText":"Recommend","subText":"おすすめ商品のレビュー","divText":"Recommend","titleDesign":"2","radioSymbol":"icon","symbolIcon":"v2cart","tagSelect":"div"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left 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-v2cart"></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 {"postNum":4,"columnSelect":"4","moreLink":"https://jinr-theme.com/?cat=31","clientId":"9088144a-215c-4768-932f-b50138b2919d"} /--></div></div><div class="a--background-color" style="background:#ffffff"></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 -->

記事リスト01｜ダークモード

コードをコピー

												<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#2c2e33","fullWidthTextColor":"#f5f5f5","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad30","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad20-sp"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#2c2e33"><div class="d--fullwidth-max d--fullwidth-pad30 d--fullwidth-pad20-sp t--main-width" style="color:#f5f5f5"><!-- wp:jinr-blocks/designtitle {"mainText":"NEW POST","subText":"新着記事","divText":"NEW POST","titleDesign":"2","mainTextColor":"#fcfcfc","subTextColor":"#fcfcfc","titleDesignColor":"#fcfcfc","symbolColor":"#fcfcfc"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style2 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#fcfcfc"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#fcfcfc">新着記事</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#fcfcfc">NEW POST</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/postlist {"listDesign":"d\u002d\u002dpostlist-slider d\u002d\u002dpostlist-slider-loader","listDesignSp":"d\u002d\u002dpostlist-slider-sp d\u002d\u002dpostlist-slider-loader","moreLink":"https://jinr-theme.com/?cat=31","clientId":"84652bd0-f80c-4845-b6ed-01a2e2a521d8"} /--></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->

デザイン見本帳

記事リスト