WELCOME

デザイン見本帳

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

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

プロフィール

プロフィール

  • この記事を書いた人(コンパクト)
    コードをコピー
    												<!-- 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 -->											
  • ライタープロフィール
    コードをコピー
    												<!-- 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をコピーしました