チェックリスト01
デモデザイン02
croover
まず読んで欲しい!
Pick up
※ 「カスタマイズ」>「プロフィール設定」を終えると綺麗に表示されます↓
Profile
テーマについて詳しく知るための記事を集めました
チェックリスト02
旅のチェックリスト
サイドバー用ナビメニュー(※プレビューなし)
この記事を書いた人(コンパクト)
ライタープロフィール
インフォメーションボタン
リッチメニュー01|おすすめアイテム一覧
JIN:Rは直感的にwebサイトを構築できるデザインテーマです。
これまでのWordPressのブロックエディターが感じさせる『特有の取っ付きにくさ』を解消して「最高に使いやすいデザインツール」へと昇華させました。
コードをコピー
<!-- wp:spacer {"height":"30px"} --> <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003ePick up\u003c/span\u003e","subText":"まず読んで欲しい!","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003ePick up\u003c/span\u003e","radioLayout":"center","mainTextColor":"#14a7cc","subTextColor":"#14a7cc","titleDesignColor":"#14a7cc","symbolColor":"#14a7cc"} --> <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:#14a7cc"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#14a7cc">まず読んで欲しい!</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#14a7cc"><span class="jinr-d--font-size d--fontsize-30px">Pick up</span></h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:jinr-blocks/richmenu {"columnSelect":"3","textDesign":"2","radioSpColumn":"1","radioAnimation":"d\u002d\u002drichmenu-animation-fade js\u002d\u002dscr-animation","textColor":"#ffffff","filterOpacity":72} --> <section class="wp-block-jinr-blocks-richmenu b--jinr-block b--jinr-richmenu d--richmenu-column-1-sp d--richmenu-column3 d--richmenu-ratio16-9 d--richmenu-simple d--richmenu-text-medium d--richmenu-text-style2 d--richmenu-animation-fade js--scr-animation d--richmenu-hover-up"><!-- wp:jinr-blocks/richmenuchild {"text":"MENU 01","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 90vw,50vw","columnSelect":"3","itemRatio":"16-9","itemText":"on","textDesign":"2","textColor":"#ffffff","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":72,"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-4/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="218" height="123" alt="" srcset="https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 90vw,50vw"/></div><div class="c--richmenu-contents ef" style="color:#ffffff"><div class="a--richmenu-text d--bold">MENU 01</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"MENU 02","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 90vw,50vw","columnSelect":"3","itemRatio":"16-9","itemText":"on","textDesign":"2","textColor":"#ffffff","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":72,"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-4/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="218" height="123" alt="" srcset="https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 90vw,50vw"/></div><div class="c--richmenu-contents ef" style="color:#ffffff"><div class="a--richmenu-text d--bold">MENU 02</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --> <!-- wp:jinr-blocks/richmenuchild {"text":"MENU 04","link":"https://jinr.jp/","thumbnailUrl":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png","thumbnailSrcset":"https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w","thumbnailSizes":"(max-width:552px) 90vw,50vw","columnSelect":"3","itemRatio":"16-9","itemText":"on","textDesign":"2","textColor":"#ffffff","textBgColor":"rgba(255,255,255,0.51)","filterOpacity":72,"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-4/wp-content/themes/jinr/lib/img/noimage-640x360.png" width="218" height="123" alt="" srcset="https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-320x180.png 320w, https://jinr-demo.jp/demo-4/wp-content/themes/jinr/lib/img/noimage-640x360.png 640w" sizes="(max-width:552px) 90vw,50vw"/></div><div class="c--richmenu-contents ef" style="color:#ffffff"><div class="a--richmenu-text d--bold">MENU 04</div></div></div></a> <!-- /wp:jinr-blocks/richmenuchild --></section> <!-- /wp:jinr-blocks/richmenu --> <!-- wp:paragraph {"displayDeviceAttribute":"jinr-display-pc","displayDevicePCAttribute":"jinr-display-pc"} --> <p class="jinr-display-pc"><span class="jinr-d--font-size d--fontsize-15px">※ 「カスタマイズ」>「プロフィール設定」を終えると綺麗に表示されます↓</span></p> <!-- /wp:paragraph --> <!-- 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 --> <!-- wp:jinr-blocks/designtitle {"mainText":"Let's go on a Trip","subText":"いますぐ旅に出よう","divText":"Let's go on a Trip","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"v2airline","mainTextColor":"#14a7cc","subTextColor":"#14a7cc","titleDesignColor":"#14a7cc","symbolColor":"#14a7cc","topMarginPcAttribute":"d\u002d\u002dtop-margin-l-pc","topMarginSpAttribute":"d\u002d\u002dtop-margin-l-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 d--top-margin-l-pc d--top-margin-l-sp js--scr-animation" style="border-color:#14a7cc"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#14a7cc"><i class="jin-icons jin-ifont-v2airline"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#14a7cc">いますぐ旅に出よう</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#14a7cc">Let's go on a Trip</h2></div><div><span class="a--h2rich-decoration-before" style="background-color:#14a7cc"></span><span class="a--h2rich-decoration-after" style="background-color:#14a7cc"></span></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">テーマについて詳しく知るための記事を集めました</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/postlist {"postNum":8,"columnSelect":"4","columnSelectSp":"2","moreLink":"https://jinr-theme.com/?cat=31","clientId":"9b09d411-c793-4a59-bcdb-a1689a51b0e6"} /--> <!-- wp:jinr-blocks/background {"backgroundPattern":"d\u002d\u002dbackground-pattern-original","backgroundOpacity":60,"backgroundSize":100,"imageID":1653,"imageUrl":"https://jinr-demo.jp/demo-4/wp-content/uploads/2022/08/名称未設定のアートワーク-6.png"} --> <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":"Platinum Card","subText":"旅行好きは持っておきたい!","divText":"Platinum Card","radioLayout":"center","radioSymbol":"icon","mainTextColor":"#14a7cc","subTextColor":"#14a7cc","titleDesignColor":"#14a7cc","symbolColor":"#14a7cc","tagSelect":"div","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-icon undefined js--scr-animation" style="border-color:#14a7cc"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#14a7cc"><i class="jin-icons jin-ifont-"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#14a7cc">旅行好きは持っておきたい!</span><div class="a--h2rich-maincopy d--bold ef" style="color:#14a7cc">Platinum Card</div></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"verticalAlignment":"top","width":"50%"} --> <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:image {"align":"center","id":1316,"width":382,"height":228,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="http://jinr-demo.jp/demo-4/wp-content/uploads/2022/08/アートボード-3.png" alt="" class="wp-image-1316" width="382" height="228"/></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 --> <p>JIN:Rは直感的にwebサイトを構築できるデザインテーマです。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>これまでのWordPressのブロックエディターが感じさせる『特有の取っ付きにくさ』を解消して<strong>「最高に使いやすいデザインツール」</strong>へと昇華させました。</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 --></div></div><div class="a--background-color" style="background:#f5f5f5"></div><div class="a--background-image d--background-pattern-original t--round d--background-repeat-on" style="opacity:0.4;background-image:url(https://jinr-demo.jp/demo-4/wp-content/uploads/2022/08/名称未設定のアートワーク-6.png);background-size:100%"></div></div> <!-- /wp:jinr-blocks/background --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer -->