WELCOME

デザイン見本帳

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

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

review-items

ランキング / CTA

  • CTA|トップページ記事向け
    コードをコピー
    												<!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundShadowType":"d\u002d\u002dbackground-shadow-m","backgroundBgColor":"#fcfcfc","backgroundBorderDesign":"d\u002d\u002dborder-solid","backgroundBorderColor":"#f9f9f9","className":"wp-block-jinr-blocks-background b\u002d\u002djinr-block b\u002d\u002djinr-background jinr-custom-cta05","jinrBlocksCSSAttribute":"/*行間を狭くする*/\n.jinr-custom-cta05 p{\n\tmargin:2.5rem 0 0 0 !important;\n\tfont-size:1.5rem;\n}\n\n/*画像に影をつける*/\n.jinr-custom-cta05 img{\n\tbox-shadow:0 0 7px -2px #ddd;\n}\n\n/*ボタンの余白調整*/\n@media (min-width: 782px){\n.jinr-custom-cta05 .b\u002d\u002djinr-block{\n\tmargin-bottom:0 !important;\n}\n}\n\n/*デザイン見出し調整*/\n.jinr-custom-cta05 .a\u002d\u002dh2rich-maincopy{\n\tfont-size:1.35em !important;\n}\n\n\n/*SP - スマホ調整*/\n@media (max-width: 551px){\n.jinr-custom-cta05 p{\n\tmargin:2em 0 !important;\n}\n}\n"} -->
    <div class="jinr-add-class-container"><div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background jinr-custom-cta05"><div class="o--background-container d--background-design-shadow d--background-shadow-m d--border-outset"><div class="c--background-inner d--border-solid d--border-1px t--round" style="border-color:#f9f9f9"><!-- wp:columns -->
    <div class="wp-block-columns js--scr-animation"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"id":2615,"sizeSlug":"large","linkDestination":"none"} -->
    <figure class="wp-block-image size-large"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12-1024x576.png" alt="" class="wp-image-2615"/></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:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"初心者でも直感的に使える!","divText":"WordPressテーマ「JIN:R」","titleDesign":"2","radioLayout":"center","mainTextColor":"#444444","subTextColor":"#444444","titleDesignColor":"#444444","symbolColor":"#444444","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:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#444444">初心者でも直感的に使える!</span><div class="a--h2rich-maincopy d--bold ef" style="color:#444444">WordPressテーマ「JIN:R」</div></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:paragraph -->
    <p>WordPressのブロックエディターが感じさせる『特有の取っ付きにくさ』を解消して<strong>「最高に使いやすいデザインツール」</strong>へと昇華させました。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>ぜひ実際に手に取って確かめてみてください!</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:jinr-blocks/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/","toggleTab":true,"className":"d\u002d\u002dbutton-type1 d\u002d\u002dbutton-center jinr-custom-wbutton-fill"} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button d--button-type1 d--button-center jinr-custom-wbutton-fill js--scr-animation">[jinr_button1 target="true" href="https://jinr.jp/" 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:#fcfcfc"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:0.29999999999999993;background-size:16.666666666666668%"></div></div><style jsx="true">/*行間を狭くする*/
    .jinr-custom-cta05 p{
    	margin:2.5rem 0 0 0 !important;
    	font-size:1.5rem;
    }
    
    /*画像に影をつける*/
    .jinr-custom-cta05 img{
    	box-shadow:0 0 7px -2px #ddd;
    }
    
    /*ボタンの余白調整*/
    @media (min-width: 782px){
    .jinr-custom-cta05 .b--jinr-block{
    	margin-bottom:0 !important;
    }
    }
    
    /*デザイン見出し調整*/
    .jinr-custom-cta05 .a--h2rich-maincopy{
    	font-size:1.35em !important;
    }
    
    
    /*SP - スマホ調整*/
    @media (max-width: 551px){
    .jinr-custom-cta05 p{
    	margin:2em 0 !important;
    }
    }
    </style></div>
    <!-- /wp:jinr-blocks/background -->											
  • CTA|記事下ウィジェット向け
    コードをコピー
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","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:#f5f5f5"><div class="d--fullwidth-article d--fullwidth-pad30 d--fullwidth-pad20-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"直感的なサイトデザインを","divText":"WordPressテーマ「JIN:R」","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">WordPressテーマ「JIN:R」</h2></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:jinr-blocks/background {"backgroundBgColor":"#ffffff"} -->
    <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:columns -->
    <div class="wp-block-columns js--scr-animation"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:image {"id":2615,"sizeSlug":"large","linkDestination":"custom"} -->
    <figure class="wp-block-image size-large"><a href="https://jinr.jp/"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12-1024x576.png" alt="" class="wp-image-2615"/></a></figure>
    <!-- /wp:image --></div>
    <!-- /wp:column -->
    
    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:paragraph -->
    <p>JIN:Rは直感的にwebサイトを構築できるデザインテーマです。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>これまでのWordPressのブロックエディターが感じさせる『特有の取っ付きにくさ』を解消して<strong>「最高に使いやすいデザインツール」</strong>へと昇華させました。</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></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/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" href="https://jinr.jp/" align="d--button-center"]<span>今すぐダウンロード !</span>[/jinr_button1]</div>
    <!-- /wp:jinr-blocks/button --></div></section></section>
    <!-- /wp:jinr-blocks/fullwidth -->											
  • リッチCTA|トップページ&ウィジェット用
    コードをコピー
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthDeco":"d\u002d\u002dfullwidth-deco-bgimage","fullWidthImageID":2613,"fullWidthImageUrl":"http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png","fullWidthBgColorTransparent":56,"fullWidthBgColorDesign":"blur","fullWidthBlurlebel":6,"fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad40","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 d--fullwidth-parallax-off 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" style="filter:blur(6px);transform:scale(1.03)"/></div></div><div class="a--jinr-fullwidth-overlay" style="background-color:#f5f5f5;opacity:0.56"></div><div class="d--fullwidth-article d--fullwidth-pad40 d--fullwidth-pad20-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"直感的なデザインを今すぐに","divText":"WordPressテーマ「JIN:R」","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">WordPressテーマ「JIN:R」</h2></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"custom"} -->
    <figure class="wp-block-image size-full"><a href="https://jinr.jp/"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></a></figure>
    <!-- /wp:image -->
    
    <!-- wp:jinr-blocks/background {"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-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:paragraph {"align":"center","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc"} -->
    <p class="has-text-align-center d--bottom-margin-s-pc ">DEMOにあるデザイン、すべて手に入ります。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:jinr-blocks/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/download/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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: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 -->											
  • 商品ランキング|2カラム版
    コードをコピー
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthBgColor":"rgba(255,255,255,0)"} -->
    <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:rgba(255,255,255,0)"><div class="d--fullwidth-article d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"おすすめサービス","subText":"ランキング1位","divText":"おすすめサービス","titleDesign":"2","radioSymbol":"icon","symbolIcon":"crown","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f8e505","symbolColor":"#ffd900","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-sp"} -->
    <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 undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f8e505"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#ffd900"><i class="jin-icons jin-ifont-crown"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング1位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">おすすめサービス</div></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:columns -->
    <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"40%"} -->
    <div class="wp-block-column" style="flex-basis:40%"><!-- wp:image {"id":641,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png" alt="" class="wp-image-641"/></figure>
    <!-- /wp:image --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
    <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"><!-- wp:paragraph {"align":"center"} -->
    <p class="has-text-align-center"><span class="jinr-d--font-size d--fontsize-24px">国内シェア No.1の安心</span></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>このパターンは記事ページで使うと綺麗に反映されます。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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 --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->
    
    <!-- wp:jinr-blocks/designtitle {"mainText":"おすすめサービス","subText":"ランキング2位","divText":"おすすめサービス","titleDesign":"3","radioSymbol":"icon","symbolIcon":"crown","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f2f2f2","symbolColor":"#e7e7e7","tagSelect":"div","className":"undefined","topMarginPcAttribute":"d\u002d\u002dtop-margin-xl-pc","topMarginSpAttribute":"d\u002d\u002dtop-margin-xl-sp"} -->
    <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style3 d--titledesign-weight-thin d--h2rich-icon undefined d--top-margin-xl-pc d--top-margin-xl-sp js--scr-animation" style="border-color:#f2f2f2"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#e7e7e7"><i class="jin-icons jin-ifont-crown"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング2位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">おすすめサービス</div></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:columns -->
    <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"40%"} -->
    <div class="wp-block-column" style="flex-basis:40%"><!-- wp:image {"id":641,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png" alt="" class="wp-image-641"/></figure>
    <!-- /wp:image --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
    <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"><!-- wp:paragraph {"align":"center"} -->
    <p class="has-text-align-center"><span class="jinr-d--font-size d--fontsize-24px">顧客満足度 No.1の安心</span></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>このパターンは記事ページで使うと綺麗に反映されます。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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 --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->
    
    <!-- wp:jinr-blocks/designtitle {"mainText":"おすすめサービス","subText":"ランキング3位","divText":"おすすめサービス","titleDesign":"3","radioSymbol":"icon","symbolIcon":"crown","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f1e5cc","symbolColor":"#eba653","tagSelect":"div","className":"undefined","topMarginPcAttribute":"d\u002d\u002dtop-margin-xl-pc","topMarginSpAttribute":"d\u002d\u002dtop-margin-xl-sp"} -->
    <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style3 d--titledesign-weight-thin d--h2rich-icon undefined d--top-margin-xl-pc d--top-margin-xl-sp js--scr-animation" style="border-color:#f1e5cc"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#eba653"><i class="jin-icons jin-ifont-crown"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング3位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">おすすめサービス</div></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:columns -->
    <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"40%"} -->
    <div class="wp-block-column" style="flex-basis:40%"><!-- wp:image {"id":641,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="http://jinr-theme.com/wp-content/uploads/2022/02/アートボード-2-8.png" alt="" class="wp-image-641"/></figure>
    <!-- /wp:image --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
    <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"><!-- wp:paragraph {"align":"center"} -->
    <p class="has-text-align-center"><span class="jinr-d--font-size d--fontsize-24px">顧客満足度 No.1の安心</span></p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>このパターンは記事ページで使うと綺麗に反映されます。</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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 --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div></section></section>
    <!-- /wp:jinr-blocks/fullwidth -->											
  • 商品ランキング|1カラム版
    コードをコピー
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthBgColor":"rgba(255,255,255,0)"} -->
    <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:rgba(255,255,255,0)"><div class="d--fullwidth-article d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 1位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f2ecaf","symbolColor":"#ffd900","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-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 undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f2ecaf"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#ffd900"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 1位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f2ecaf"></span><span class="a--h2rich-decoration-after" style="background-color:#f2ecaf"></span></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 2位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f2f2f2","symbolColor":"#e7e7e7","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-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 undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f2f2f2"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#e7e7e7"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 2位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f2f2f2"></span><span class="a--h2rich-decoration-after" style="background-color:#f2f2f2"></span></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"ランキング 3位","divText":"WordPressテーマ「JIN:R」","titleDesign":"3","radioLayout":"center","radioSymbol":"icon","symbolIcon":"badge","mainTextColor":"#4e4e4e","subTextColor":"#515151","titleDesignColor":"#f1e5cc","symbolColor":"#eba653","tagSelect":"div","className":"undefined","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-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 undefined d--bottom-margin-s-pc d--bottom-margin-s-sp js--scr-animation" style="border-color:#f1e5cc"><div class="c--h2rich-decoration"><div class="a--h2rich-icon ef" style="color:#eba653"><i class="jin-icons jin-ifont-badge"></i></div></div><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#515151">ランキング 3位</span><div class="a--h2rich-maincopy d--bold ef" style="color:#4e4e4e">WordPressテーマ「JIN:R」</div></div><div><span class="a--h2rich-decoration-before" style="background-color:#f1e5cc"></span><span class="a--h2rich-decoration-after" style="background-color:#f1e5cc"></span></div></section>
    <!-- /wp:jinr-blocks/designtitle -->
    
    <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} -->
    <figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph -->
    <p>ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。ここに紹介テキストを書きます。</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/","toggleTab":true} -->
    <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" 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 --></div></section></section>
    <!-- /wp:jinr-blocks/fullwidth -->											
記事URLをコピーしました