WELCOME

デザイン見本帳

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

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

パターン一覧

ライタープロフィール

croover

この記事を書いた人

名前 / Name  
ひつじ 

職業 / Occupation
昼はデザイナー、夜はブロガーとして活動

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

コードをコピー
								<!-- wp:jinr-blocks/background {"backgroundBgColor":"#ffffff","backgroundBorderDesign":"d\u002d\u002dborder-solid","backgroundBorderWidth":"d\u002d\u002dborder-2px","backgroundBorderColor":"#1d2d75"} -->
<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:#1d2d75"><!-- wp:paragraph -->
<p><span class="jinr-d--font-size d--fontsize-27px"> <i class="jin-icons in--p jin-ifont-copy" aria-hidden="true"></i> </span><span class="jinr-d--font-size d--fontsize-18px">この記事を書いた人</span></p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/designborder {"borderColorSet":"#f1f1f1","borderColorSetAdmin":"#f1f1f1","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:2px;border-radius:1px;background-color:#f1f1f1"></span></div></div>
<!-- /wp:jinr-blocks/designborder -->

<!-- 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":2892,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://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":"60%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"1px"}}} -->
<p style="letter-spacing:1px"><span class="jinr-d--font-size d--fontsize-11px">名前 / Name</span>  <br>ひつじ  <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> </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"1px"}}} -->
<p style="letter-spacing:1px"><span class="jinr-d--font-size d--fontsize-11px">職業 / Occupation</span><br>昼はデザイナー、夜はブロガーとして活動</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"1px"}}} -->
<p style="letter-spacing:1px"><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":"Read more| プロフィールへ"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 href="" align="d--button-center"]<span>Read more| プロフィールへ</span>[/jinr_button1]</div>
<!-- /wp:jinr-blocks/button --></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 -->							
記事URLをコピーしました