WELCOME

デザイン見本帳

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

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

DEMO

デモデザイン07

croover
最新記事
CATEGORY
テーマダウンロード
DOWNLOAD

WordPressテーマ「JIN:R」を使えば、
あらゆるwebサイトを制作することができます

コードをコピー
								<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#dce7ed","fullWidthTextColor":"#31345e","jinrBlocksClassName":"undefined","className":"undefined"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container undefined"><section class="b--jinr-fullwidth" style="background-color:#dce7ed"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#31345e"><!-- wp:spacer {"height":"20px","className":"jinr-display-pc"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer jinr-display-pc"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"letterSpacing":"5px"}}} -->
<p class="has-text-align-center" style="letter-spacing:5px"><span class="jinr-d--font-size d--fontsize-30px"><strong>PICK UP!</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","topMarginPcAttribute":"d\u002d\u002dtop-margin-xs-pc","topMarginSpAttribute":"d\u002d\u002dtop-margin-xs-sp"} -->
<p class="has-text-align-center d--top-margin-xs-pc d--top-margin-xs-sp "><span class="jinr-d--font-size d--fontsize-15px">この4STEPから進めていきましょう!</span></p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/richmenu {"pageTemplate":"template-full-width.php","className":"undefined"} -->
<section class="wp-block-jinr-blocks-richmenu b--jinr-block b--jinr-richmenu d--richmenu-column-2-sp d--richmenu-column4 d--richmenu-ratio16-9 d--richmenu-simple d--richmenu-text-medium d--richmenu-text-style5 d--richmenu-animation-fadebyone js--scr-animation d--richmenu-hover-up undefined"><!-- wp:jinr-blocks/richmenuchild {"text":"ダウンロード","subText":"DOWNLOAD","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"16-9","itemText":"on","textDesign":"5","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":"template-full-width.php","className":"undefined"} -->
<a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item undefined" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="263" height="148" alt="" srcset="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 40vw,100vw"/></div><div class="c--richmenu-contents ef" style="color:#555555"><div class="a--richmenu-subtext">DOWNLOAD</div><div class="a--richmenu-text d--bold">ダウンロード</div></div></div></a>
<!-- /wp:jinr-blocks/richmenuchild -->

<!-- wp:jinr-blocks/richmenuchild {"text":"インストール","subText":"Install","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"16-9","itemText":"on","textDesign":"5","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":"template-full-width.php","className":"undefined"} -->
<a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item undefined" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="263" height="148" alt="" srcset="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 40vw,100vw"/></div><div class="c--richmenu-contents ef" style="color:#555555"><div class="a--richmenu-subtext">Install</div><div class="a--richmenu-text d--bold">インストール</div></div></div></a>
<!-- /wp:jinr-blocks/richmenuchild -->

<!-- wp:jinr-blocks/richmenuchild {"text":"デザインインポート","subText":"Design import","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"16-9","itemText":"on","textDesign":"5","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":"template-full-width.php","className":"undefined"} -->
<a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item undefined" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="263" height="148" alt="" srcset="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 40vw,100vw"/></div><div class="c--richmenu-contents ef" style="color:#555555"><div class="a--richmenu-subtext">Design import</div><div class="a--richmenu-text d--bold">デザインインポート</div></div></div></a>
<!-- /wp:jinr-blocks/richmenuchild -->

<!-- wp:jinr-blocks/richmenuchild {"text":"ページビルド","subText":"Page build","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"16-9","itemText":"on","textDesign":"5","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":"template-full-width.php","className":"undefined"} -->
<a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item undefined" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="263" height="148" alt="" srcset="https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-15/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 40vw,100vw"/></div><div class="c--richmenu-contents ef" style="color:#555555"><div class="a--richmenu-subtext">Page build</div><div class="a--richmenu-text d--bold">ページビルド</div></div></div></a>
<!-- /wp:jinr-blocks/richmenuchild --></section>
<!-- /wp:jinr-blocks/richmenu -->

<!-- wp:jinr-blocks/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/download/"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 href="https://jinr.jp/download/" align="d--button-center"]<span>今すぐダウンロード !</span>[/jinr_button1]</div>
<!-- /wp:jinr-blocks/button -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:jinr-blocks/designtitle {"mainText":"NEW POST","subText":"最近の投稿","divText":"NEW POST","mainTextColor":"#31345e","subTextColor":"#4466ce","titleDesignColor":"#4466ce","symbolColor":"#4466ce","tagSelect":"div"} -->
<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 js--scr-animation" style="border-color:#4466ce"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#4466ce">最近の投稿</span><div class="a--h2rich-maincopy d--bold ef" style="color:#31345e">NEW POST</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/postlist {"postNum":5,"listDesign":"d\u002d\u002dpostlist-rectangle","listDesignSp":"d\u002d\u002dpostlist-rectangle-sp","columnSelect":"1","moreLink":"https://jinr-theme.com/?cat=31","clientId":"44a7b01f-c38b-48cb-bbe7-accbf3abbcbc","pageTemplate":"template-full-width.php"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:jinr-blocks/designtitle {"mainText":"SPONSOR","subText":"スポンサー","divText":"SPONSOR","mainTextColor":"#31345e","subTextColor":"#4466ce","titleDesignColor":"#4466ce","symbolColor":"#4466ce","tagSelect":"div","displayDeviceAttribute":"jinr-display-pc","displayDevicePCAttribute":"jinr-display-pc"} -->
<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-display-pc js--scr-animation" style="border-color:#4466ce"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#4466ce">スポンサー</span><div class="a--h2rich-maincopy d--bold ef" style="color:#31345e">SPONSOR</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:image {"id":1838,"sizeSlug":"full","linkDestination":"custom"} -->
<figure class="wp-block-image size-full"><a href="https://jinr.jp/download/" target="_blank" rel="noreferrer noopener"><img src="https://jinr-demo.jp/demo-15/wp-content/uploads/2022/10/jinr-banner-fix.png" alt="" class="wp-image-1838"/></a></figure>
<!-- /wp:image -->

<!-- wp:jinr-blocks/designtitle {"mainText":"ABOUT ME","subText":"著者プロフィール","divText":"ABOUT ME","mainTextColor":"#31345e","subTextColor":"#4466ce","titleDesignColor":"#4466ce","symbolColor":"#4466ce","tagSelect":"div","displayDeviceAttribute":"jinr-display-pc","displayDevicePCAttribute":"jinr-display-pc"} -->
<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-display-pc js--scr-animation" style="border-color:#4466ce"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#4466ce">著者プロフィール</span><div class="a--h2rich-maincopy d--bold ef" style="color:#31345e">ABOUT ME</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/profile {"displayDeviceAttribute":"jinr-display-pc","displayDevicePCAttribute":"jinr-display-pc"} -->
<div class="wp-block-jinr-blocks-profile b--jinr-profile-container jinr-display-pc">[jinr_profile design="d--profile-style1" color="d--theme-color" sns_display="on"]</div>
<!-- /wp:jinr-blocks/profile --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:jinr-blocks/designtitle {"mainText":"CATEGORY","subText":"最新記事","divText":"CATEGORY","titleDesign":"2","symbolIcon":"v2calendar","mainTextColor":"#31345e","subTextColor":"#4466ce","titleDesignColor":"#4466ce","symbolColor":"#4466ce","tagSelect":"div","className":"undefined","topMarginPcAttribute":"d\u002d\u002dtop-margin-xs-pc"} -->
<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 undefined d--top-margin-xs-pc js--scr-animation" style="border-color:#4466ce"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#4466ce">最新記事</span><div class="a--h2rich-maincopy d--bold ef" style="color:#31345e">CATEGORY</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:jinr-blocks/postlist {"postNum":4,"columnSelect":"4","columnSelectSp":"2","displayCategory":"2","moreLink":"https://jinr-demo.jp/demo-15/category/blocks/","clientId":"6dd76350-1524-4fd3-acd1-ea326d8c62c4"} /-->

<!-- wp:jinr-blocks/background {"backgroundBgColor":"#dce7ed","backgroundOpacity":0,"backgroundSize":100} -->
<div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background"><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:jinr-blocks/designtitle {"mainText":"DOWNLOAD","subText":"テーマダウンロード","divText":"DOWNLOAD","titleDesign":"2","radioLayout":"center","mainTextColor":"#31345e","subTextColor":"#4466ce","titleDesignColor":"#becdd5","symbolColor":"#4466ce","tagSelect":"div","className":"undefined"} -->
<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-none undefined js--scr-animation" style="border-color:#becdd5"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#4466ce">テーマダウンロード</span><div class="a--h2rich-maincopy d--bold ef" style="color:#31345e">DOWNLOAD</div></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">WordPressテーマ「JIN:R」を使えば、<br>あらゆるwebサイトを制作することができます</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/download/"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 href="https://jinr.jp/download/" align="d--button-center"]<span>今すぐダウンロード !</span>[/jinr_button1]</div>
<!-- /wp:jinr-blocks/button --></div></div><div class="a--background-color" style="background:#dce7ed"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:1;background-size:33.333333333333336%"></div></div>
<!-- /wp:jinr-blocks/background -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->							
記事URLをコピーしました