WELCOME

デザイン見本帳

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

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

パターン一覧

この記事を書いた人(コンパクト)

croover

この記事の著者

名前 / Name  
ひつじ 

実績 / Achievements
5年間に渡りランサーズでWEBデザイン制作を担当し、累計50制作。平均評価4.6を達成。詳しいノウハウなどはブログに記載しています。

コードをコピー
								<!-- wp:jinr-blocks/background {"backgroundBgColor":"#fcfcfc","backgroundBorderDesign":"d\u002d\u002dborder-solid","backgroundBorderWidth":"d\u002d\u002dborder-2px","backgroundBorderColor":"#f6f6f6","backgroundOpacity":65,"backgroundSize":38} -->
<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-solid d--border-2px t--round" style="border-color:#f6f6f6"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px","letterSpacing":"2px"}}} -->
<p class="has-text-align-center" style="font-size:16px;letter-spacing:2px">この記事の著者</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/designborder {"borderCustomWidth":"1","borderColorSet":"#f2f2f2","borderColorSetAdmin":"#f2f2f2","topMarginPcAttribute":"d\u002d\u002dtop-margin-s-pc","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc","topMarginSpAttribute":"d\u002d\u002dtop-margin-s-sp","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-s-sp"} -->
<div class="wp-block-jinr-blocks-designborder b--jinr-block jinr-sen d--top-margin-s-pc d--bottom-margin-s-pc d--top-margin-s-sp d--bottom-margin-s-sp "><div class="d--sen-style6"><span class="a--sen-parts1" style="height:1px;border-radius:0.5px;background-color:#f2f2f2"></span></div></div>
<!-- /wp:jinr-blocks/designborder -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile js--scr-animation"><!-- wp:column {"width":"150px"} -->
<div class="wp-block-column" style="flex-basis:150px"><!-- wp:image {"id":2892,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://jinr-theme.com/wp-content/uploads/2022/11/アートボード-1.png" alt="" class="wp-image-2892"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"100%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"1px"}}} -->
<p style="letter-spacing:1px"><span class="jinr-d--font-size d--fontsize-11px">名前 / Name</span>  <br><strong><span class="jinr-d--font-size d--fontsize-18px">ひつじ</span></strong>  <a href="ここにTwitterのURLを貼り付け"><i class="jin-icons in--p jin-ifont-twitter" aria-hidden="true"></i></a>  <a href="ここにFacebookのURLを貼り付け"><i class="jin-icons in--p jin-ifont-facebook" aria-hidden="true"></i></a>  <a href="ここにInstagramのURLを貼り付け"><i class="jin-icons in--p jin-ifont-instagram" aria-hidden="true"></i></a>  <a href="ここにYouTubeのURLを貼り付け"><i class="jin-icons in--p jin-ifont-youtube" aria-hidden="true"></i></a> <br><br><span class="jinr-d--font-size d--fontsize-11px">実績 / Achievements</span><br>5年間に渡りランサーズでWEBデザイン制作を担当し、累計50制作。平均評価4.6を達成。詳しいノウハウなどはブログに記載しています。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:jinr-blocks/button {"content":"詳しいプロフィールを読む"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 href="" align="d--button-center"]<span>詳しいプロフィールを読む</span>[/jinr_button1]</div>
<!-- /wp:jinr-blocks/button --></div></div><div class="a--background-color" style="background:#fcfcfc"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:0.35;background-size:12.666666666666666%"></div></div>
<!-- /wp:jinr-blocks/background -->							
記事URLをコピーしました