WELCOME

デザイン見本帳

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

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

consept

コンセプト

  • コンセプト01｜オーソドックス
    コードをコピー 
    												<!-- 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:#1d2d75"><!-- wp:columns -->
<div class="wp-block-columns js--scr-animation"><!-- wp:column {"verticalAlignment":"center","width":"45%","className":"jinr-custom-content-columnleft"} -->
<div class="wp-block-column is-vertically-aligned-center jinr-custom-content-columnleft" style="flex-basis:45%"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003e直感的なデザインツールで\u003cbr\u003eあらゆる「IT障壁」をなくす\u003c/span\u003e","subText":"\u003cstrong\u003e\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-18px\u0022\u003eConcept\u003c/span\u003e\u003c/strong\u003e","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003e直感的なデザインツールで\u003cbr\u003eあらゆる「IT障壁」をなくす\u003c/span\u003e","mainTextColor":"#444444","subTextColor":"#444444","titleDesignColor":"#444444","symbolColor":"#444444","className":"wp-block-jinr-blocks-designtitle b\u002d\u002djinr-block b\u002d\u002djinr-h2rich d\u002d\u002dh2rich-left d\u002d\u002dh2rich-style1 d\u002d\u002dtitledesign-weight-thin d\u002d\u002dh2rich-none jinr-custom-consept001","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-l-sp","jinrBlocksCSSAttribute":"/*サブコピー*/\n.jinr-custom-consept001.b\u002d\u002djinr-h2rich .c\u002d\u002dh2rich-contents .a\u002d\u002dh2rich-subcopy{\nmargin-bottom:20px;}\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-consept001 d--bottom-margin-l-sp js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#444444"><strong><span class="jinr-d--font-size d--fontsize-18px">Concept</span></strong></span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#444444"><span class="jinr-d--font-size d--fontsize-27px">直感的なデザインツールで<br>あらゆる「IT障壁」をなくす</span></h2></div></section><style jsx="true">/*サブコピー*/
.jinr-custom-consept001.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy{
margin-bottom:20px;}
</style></div>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>世の中には素晴らしい技術を持っているけれどwebでそれを発信できない人がたくさんいます。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>私たちJINチームが大切にしているのは、そういった「IT障壁」を取り去って、誰でも自由に発信できる製品をつくることです。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-left","registeredButton":"5","toggleTab":true,"topMarginSpAttribute":"d\u002d\u002dtop-margin-xl-sp","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-xl-sp"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button d--top-margin-xl-sp d--bottom-margin-xl-sp js--scr-animation">[jinr_button5 target="true" href="https://jinr.jp/" align="d--button-left"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- 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 --></div>
<!-- /wp:columns -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
  • コンセプト02｜ダイナミック
    コードをコピー 
    												<!-- 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} -->
<div class="wp-block-columns is-not-stacked-on-mobile js--scr-animation"><!-- wp:column {"width":"30px"} -->
<div class="wp-block-column" style="flex-basis:30px"><!-- wp:jinr-blocks/designtitle {"mainText":"開発者の想い","subText":"01 Concept","divText":"開発者の想い","mainTextColor":"#444444","subTextColor":"#444444","titleDesignColor":"#444444","symbolColor":"#444444","className":"jinr-custom-title07","jinrBlocksCSSAttribute":"/*横並びにする*/\n.jinr-custom-title07 .c\u002d\u002dh2rich-contents{\n\tdisplay:flex;\n\tgap:0.5em !important;\n\talign-items: center;\n}\n\n/*サブコピーのデザイン*/\n.jinr-custom-title07 .a\u002d\u002dh2rich-subcopy{\n\tletter-spacing:3px !important;\n\twriting-mode: vertical-rl;\n\t\tmargin-bottom:10px;\n}\n\n/*SP - スマホ調整*/\n@media (max-width: 781px){\n\t.jinr-custom-title07 .a\u002d\u002dh2rich-maincopy{\n\t\tfont-weight:400;\n\t\tfont-size:15px !important;\n\t}\n\n}\n\n/*メインコピー*/\n.jinr-custom-title07{\n\twriting-mode: vertical-rl;\n\tletter-spacing:3px !important;\n}\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-title07 js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#444444">01 Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#444444">開発者の想い</h2></div></section><style jsx="true">/*横並びにする*/
.jinr-custom-title07 .c--h2rich-contents{
	display:flex;
	gap:0.5em !important;
	align-items: center;
}

/*サブコピーのデザイン*/
.jinr-custom-title07 .a--h2rich-subcopy{
	letter-spacing:3px !important;
	writing-mode: vertical-rl;
		margin-bottom:10px;
}

/*SP - スマホ調整*/
@media (max-width: 781px){
	.jinr-custom-title07 .a--h2rich-maincopy{
		font-weight:400;
		font-size:15px !important;
	}

}

/*メインコピー*/
.jinr-custom-title07{
	writing-mode: vertical-rl;
	letter-spacing:3px !important;
}
</style></div>
<!-- /wp:jinr-blocks/designtitle --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- 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><strong><span class="jinr-d--font-size d--fontsize-24px">直感的なデザインツールで「こうしたい」の思いに応える</span></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
  • コンセプト03｜カジュアル
    コードをコピー 
    												<!-- 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 -->
<div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"45%"} -->
<div class="wp-block-column" style="flex-basis:45%"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なデザインツールで\u003cbr\u003e世の中の常識を変える","subText":"Concept","divText":"直感的なデザインツールで\u003cbr\u003e世の中の常識を変える","mainTextColor":"#444444","subTextColor":"#ffd746","titleDesignColor":"#444444","symbolColor":"#444444","tagSelect":"div","className":"wp-block-jinr-blocks-designtitle b\u002d\u002djinr-block b\u002d\u002djinr-h2rich d\u002d\u002dh2rich-left d\u002d\u002dh2rich-style1 d\u002d\u002dtitledesign-weight-thin d\u002d\u002dh2rich-none jinr-custom-consept004-title","jinrBlocksCSSAttribute":".jinr-custom-consept004-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left .c\u002d\u002dh2rich-contents{\n\tmargin-bottom:15px !important;\n}\n\n\n/*サブコピー*/\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-subcopy{\n\tfont-weight:bold;\n\tfont-size:2em !important;\n\t-webkit-text-stroke:1px #444444;\n\tletter-spacing:4px !important;\n\tline-height:1.3 !important;\n}\n\n\n/*メインコピー*/\n.jinr-custom-consept004-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left .c\u002d\u002dh2rich-contents .a\u002d\u002dh2rich-maincopy,\n.wp-block[data-type=\u0022jinr-blocks/designtitle\u0022] .jinr-custom-consept005-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left h2{ \n\tletter-spacing:4px !important;\n\tline-height:1.8 !important;\n\tfont-size:1.5em !important;\n\tmargin-top:10px;\n}\n\n/*タイトルあしらい*/\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-maincopy{\n\tposition:relative;\n}\n\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-maincopy:after{\n\tcontent:\u0022\u0022;\n\tposition:absolute;\n\twidth:40px;\n\theight:1px;\n\tbackground:#444444;\n\tbottom:-15px;\n\tleft:0;\n}\n\n/*画像カスタム*/\n.jinr-custom-consept004-imgbg{\n\tposition:relative;\n\tmargin-right:18px !important;\n\tmargin-bottom:60px !important;\n\tz-index:0;\n}\n\n.jinr-custom-consept004-imgbg img{\n\tz-index:2;\n\tborder:1px solid #444;\n}\n\n\n.jinr-custom-consept004-imgbg .d\u002d\u002dfont-pc-m-size .editor-styles-wrapper{\nline-height:0 !important;}\n\n.jinr-custom-consept004-imgbg .wp-block-image{\nmargin:0 !important;\n}\n\n.jinr-custom-consept004-imgbg .c\u002d\u002dbackground-inner{\npadding:0px !important;\n}\n\n/*写真 ストライプ*/\n.jinr-custom-consept004-imgbg:before{\n\tcontent:'';\n\tposition:absolute;\n\tbottom:-15px;\n\tright:-15px;\n\twidth:100%;\n\theight:100%;\n\tbackground-image:repeating-linear-gradient(-45deg,#aaaaaa 0px,#aaaaaa 1px,rgba(0 0 0 / 0)0%,rgba(0 0 0 /0)1%);\n\tz-index:-1;\n}\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-consept004-title js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#ffd746">Concept</span><div class="a--h2rich-maincopy d--bold ef" style="color:#444444">直感的なデザインツールで<br>世の中の常識を変える</div></div></section><style jsx="true">.jinr-custom-consept004-title.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents{
	margin-bottom:15px !important;
}


/*サブコピー*/
.jinr-custom-consept004-title .a--h2rich-subcopy{
	font-weight:bold;
	font-size:2em !important;
	-webkit-text-stroke:1px #444444;
	letter-spacing:4px !important;
	line-height:1.3 !important;
}


/*メインコピー*/
.jinr-custom-consept004-title.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy,
.wp-block[data-type="jinr-blocks/designtitle"] .jinr-custom-consept005-title.b--jinr-h2rich.d--h2rich-left h2{ 
	letter-spacing:4px !important;
	line-height:1.8 !important;
	font-size:1.5em !important;
	margin-top:10px;
}

/*タイトルあしらい*/
.jinr-custom-consept004-title .a--h2rich-maincopy{
	position:relative;
}

.jinr-custom-consept004-title .a--h2rich-maincopy:after{
	content:"";
	position:absolute;
	width:40px;
	height:1px;
	background:#444444;
	bottom:-15px;
	left:0;
}

/*画像カスタム*/
.jinr-custom-consept004-imgbg{
	position:relative;
	margin-right:18px !important;
	margin-bottom:60px !important;
	z-index:0;
}

.jinr-custom-consept004-imgbg img{
	z-index:2;
	border:1px solid #444;
}


.jinr-custom-consept004-imgbg .d--font-pc-m-size .editor-styles-wrapper{
line-height:0 !important;}

.jinr-custom-consept004-imgbg .wp-block-image{
margin:0 !important;
}

.jinr-custom-consept004-imgbg .c--background-inner{
padding:0px !important;
}

/*写真 ストライプ*/
.jinr-custom-consept004-imgbg:before{
	content:'';
	position:absolute;
	bottom:-15px;
	right:-15px;
	width:100%;
	height:100%;
	background-image:repeating-linear-gradient(-45deg,#aaaaaa 0px,#aaaaaa 1px,rgba(0 0 0 / 0)0%,rgba(0 0 0 /0)1%);
	z-index:-1;
}
</style></div>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>JIN:Rは、誰でも直感的にサイトデザインが楽しめるツールとして、3年間の歳月をかけて完成させました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここにブログやサービスのコンセプトを書いていきましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Readmore","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-left","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-left"]<span>Readmore</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none","className":"jinr-custom-consept004-imgbg"} -->
<figure class="wp-block-image size-full jinr-custom-consept004-imgbg"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
  • コンセプト04｜ランディングページ
    コードをコピー 
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff","fullWidthTextColor":"#444443","fullWidthBgColorTransparent":71,"fullWidthParallax":"d\u002d\u002dfullwidth-parallax-on"} -->
<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:#444443"><!-- wp:columns -->
<div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"120px"} -->
<div class="wp-block-column" style="flex-basis:120px"><!-- wp:paragraph {"className":"jinr-custom-title07","jinrBlocksCSSAttribute":".jinr-custom-title07{\n\tfont-size:2.8em !important;\n\twriting-mode: vertical-rl;\n\tletter-spacing:3px !important;\n}\n\n.jinr-custom-title07-subtitle{\n\tposition:relative;\n\t\twriting-mode: vertical-rl;\n}\n\n/*タブレット以下*/\n@media (max-width: 781px){\n\t.jinr-custom-title07,.jinr-custom-title07-subtitle{\nwriting-mode:horizontal-tb;}\n\t.jinr-custom-title07-subtitle{\n\tmargin:0 !important;\n\t}\n\t}\n}"} -->
<div class="jinr-add-class-container"><p class="jinr-custom-title07"><strong>Concept</strong></p><style jsx="true">.jinr-custom-title07{
	font-size:2.8em !important;
	writing-mode: vertical-rl;
	letter-spacing:3px !important;
}

.jinr-custom-title07-subtitle{
	position:relative;
		writing-mode: vertical-rl;
}

/*タブレット以下*/
@media (max-width: 781px){
	.jinr-custom-title07,.jinr-custom-title07-subtitle{
writing-mode:horizontal-tb;}
	.jinr-custom-title07-subtitle{
	margin:0 !important;
	}
	}
}</style></div>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"jinr-custom-title07-subtitle"} -->
<p class="jinr-custom-title07-subtitle">開発コンセプト</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"70%"} -->
<div class="wp-block-column" style="flex-basis:70%"><!-- wp:spacer {"height":"81px"} -->
<div style="height:81px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-30px"><strong>誰もが、直感的に<br>サイト作りを楽しめる</strong><br><strong>最高のデザインツールを</strong></span></p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-18px">JIN:Rが目指したのは、ただのWordPressテーマではありません。<br><br><span class="jinr-d--text-color d--marker1"><strong>「誰でも直感的にWEBデザインできるツール」</strong>という</span><br><span class="jinr-d--text-color d--marker1">この世には存在しなかったプロダクトです。</span><br><br>「中途半端に妥協したものは絶対に出さない」というJINチームらしい信念を貫き<br>『3年間』の長期開発を経て、遂に完成へと至りました。</span></p>
<!-- /wp:paragraph -->

<!-- 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 {"align":"right"} -->
<p class="has-text-align-right"><span class="jinr-d--font-size d--fontsize-30px"><strong>「JINらしさ」はそのまま貫き</strong></span><br><span class="jinr-d--font-size d--fontsize-30px"><strong>さらに昇華、変革</strong></span></p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-18px">これまでJINのブランドが大切にしてきたのは<br><br><span class="jinr-d--text-color d--marker1"><strong>「サイトを読む人」「記事を書く人」の、</strong></span><span class="jinr-d--text-color d--marker1"><strong>どちらにとっても使いやすい製品</strong>に仕上げること</span></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-18px">使いやすさ追求する姿勢はそのままに、JIN（旧テーマ）から構造を一新。</span><br><span class="jinr-d--font-size d--fontsize-18px">WordPressの新エディターに特化してリメイクしました。</span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-18px">「R」はJINからのリメイク（Remake）と、WEBデザイン業界に変革をもたらす野望（Revolution）を込めて、JIN:Rという製品名にいたしました。</span><span class="jinr-d--font-size d--fontsize-18px"><br><br>もちろんこのページも、100％テーマ純正機能でできています。</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:jinr-blocks/button {"content":"Readmore｜特徴","inputUrl":"https://jinr.jp/feature/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/feature/" align="d--button-right"]<span>Readmore｜特徴</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
  • コンセプト05｜左右に分かれるレイアウト
    コードをコピー 
    												<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#fcfcfc","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad50","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:#fcfcfc"><div class="d--fullwidth-max d--fullwidth-pad50 d--fullwidth-pad30-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","subText":"当社のこだわり","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","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"><span class="jinr-d--font-size d--fontsize-30px">Concept </span></h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:media-text {"mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} -->
<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:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} -->
<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:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div></div>
<!-- /wp:media-text --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
記事URLをコピーしました