チェックリスト01
デモデザイン10
croover
作業環境
MY DESK
ここにキャッチフレーズを書きます。ここにキャッチフレーズを書きます。
テーマダウンロード
DOWNLOAD
直感的なデザインを今すぐ
JIN:Rは、直感的な使い心地を追求して作り上げたWordPressテーマ。ブログだけでなくコーポレートデザインにも対応できるデザイン幅を持ったテンプレートです
コードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#faf6f1","fullWidthTextColor":"#2d4444","fullWidthBgColorTransparent":85,"fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad30","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad30-sp","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:#faf6f1"><div class="d--fullwidth-max d--fullwidth-pad30 d--fullwidth-pad30-sp t--main-width" style="color:#2d4444"><!-- wp:jinr-blocks/designtitle {"mainText":"NEWS","subText":"新着記事","divText":"NEWS","radioLayout":"center","mainTextColor":"#2d4444","subTextColor":"#2d4444","titleDesignColor":"#2d4444","symbolColor":"#2d4444","className":"undefined"} --> <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 undefined js--scr-animation" style="border-color:#2d4444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#2d4444">新着記事</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#2d4444">NEWS</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:jinr-blocks/postlist {"listDesign":"d\u002d\u002dpostlist-rectangle","listDesignSp":"d\u002d\u002dpostlist-rectangle-sp","columnSelect":"2","displayCategory":"3","moreLink":"https://jinr-demo.jp/demo-12/category/feature-2/","clientId":"d51e554a-4382-413a-97db-8a794c992cd4"} /--></div></section></section> <!-- /wp:jinr-blocks/fullwidth --> <!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#222222","fullWidthTextColor":"#ffffff","fullWidthBgColorTransparent":3,"fullWidthBlurlebel":1,"fullWidthParallax":"d\u002d\u002dfullwidth-parallax-on","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad30","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad30-sp"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#222222"><div class="d--fullwidth-max d--fullwidth-pad30 d--fullwidth-pad30-sp t--main-width" style="color:#ffffff"><!-- wp:jinr-blocks/designtitle {"mainText":"MY DESK","subText":"作業環境","divText":"MY DESK","radioLayout":"center","mainTextColor":"#ffffff","subTextColor":"#ffffff","className":"undefined"} --> <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 undefined js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#ffffff">作業環境</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#ffffff">MY DESK</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">ここにキャッチフレーズを書きます。ここにキャッチフレーズを書きます。</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":"50px"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:jinr-blocks/richmenu {"itemRatio":"4-3","textDesign":"1"} --> <section class="wp-block-jinr-blocks-richmenu b--jinr-block b--jinr-richmenu d--richmenu-column-2-sp d--richmenu-column4 d--richmenu-ratio4-3 d--richmenu-simple d--richmenu-text-medium d--richmenu-text-style1 d--richmenu-animation-fadebyone js--scr-animation d--richmenu-hover-up"><!-- wp:jinr-blocks/richmenuchild {"text":"ボタンデザイン","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">ボタンデザイン</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"ボックスデザイン","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">ボックスデザイン</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"リッチメニュー","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">リッチメニュー</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"デザイン見出し","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">デザイン見出し</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"カテゴリー区別","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">カテゴリー区別</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"記事リスト","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">記事リスト</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"開発者について","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">開発者について</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"テーマについて","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 40vw,100vw","columnSelect":"4","itemRatio":"4-3","itemText":"on","textDesign":"1","textColor":"#555555","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":75,"filterDisplay":"off","filterColor":"#ffffff","pageTemplate":""} --> <a class="wp-block-jinr-blocks-richmenuchild o--richmenu-item" href="https://jinr.jp/"><div class="o--richmenu-item-inner"><div class="a--richmenu-image"><img src="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="161" height="121" alt="" srcset="https://jinr-demo.jp/demo-12/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-12/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;background:rgba(255,255,255,0.51)"><div class="a--richmenu-text d--bold">テーマについて</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --></section> <!-- /wp:jinr-blocks/richmenu --></div></section></section> <!-- /wp:jinr-blocks/fullwidth --> <!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#faf6f1","fullWidthTextColor":"#2d4444","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad40","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad40-sp"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#faf6f1"><div class="d--fullwidth-max d--fullwidth-pad40 d--fullwidth-pad40-sp t--main-width" style="color:#2d4444"><!-- wp:jinr-blocks/designtitle {"mainText":"DOWNLOAD","subText":"テーマダウンロード","divText":"DOWNLOAD","radioLayout":"center","mainTextColor":"#2d4444","subTextColor":"#2d4444","titleDesignColor":"#2d4444","symbolColor":"#2d4444","className":"undefined"} --> <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 undefined js--scr-animation" style="border-color:#2d4444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#2d4444">テーマダウンロード</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#2d4444">DOWNLOAD</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundShadowType":"d\u002d\u002dbackground-shadow-l","backgroundBgColor":"rgba(255,255,255,0.51)"} --> <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-l d--border-outset"><div class="c--background-inner d--border-none d--border-1px t--round" style="border-color:#c5c5c5"><!-- wp:spacer {"height":"40px"} --> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"50%"} --> <div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"align":"center","id":1256,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://jinr-demo.jp/demo-12/wp-content/uploads/2022/08/アートボード-1.png" alt="" class="wp-image-1256"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"50%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"><strong><span class="jinr-d--font-size d--fontsize-21px">直感的なデザインを今すぐ</span></strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>JIN:Rは、直感的な使い心地を追求して作り上げたWordPressテーマ。ブログだけでなくコーポレートデザインにも対応できるデザイン幅を持ったテンプレートです</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> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer {"height":"30px"} --> <div style="height:30px" 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 --> <!-- wp:spacer {"height":"50px"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->