トップ ブロック

記事指定トップ

AFFINGER6 最新版でご利用ください

おすすめの記事

これはダミーのテキストです

MORE

おすすめの記事

これはダミーのテキストです

MORE

おすすめの記事

これはダミーのテキストです

MORE

おすすめの記事

これはダミーのテキストです

MORE

More Points And Rewards icon by Icons8

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg","id":307,"dimRatio":60,"minHeight":50,"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-307" alt="" src="http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":320,"sizeSlug":"full","linkDestination":"none","className":"mb10"} -->
<figure class="wp-block-image aligncenter size-full mb10"><img src="http://affinger.com/library/wp-content/uploads/2022/12/icons8-rewards-credit-card-78.png" alt="" class="wp-image-320"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"st-regular"} -->
<p class="has-text-align-center has-st-regular-font-size"><span class="huto">おすすめの記事</span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:st-blocks/st-postgroup {"postIds":"47,48,49","card":false} -->
[st-postgroup html_class="" id="47,48,49" rank="0" type="" slide="off" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]
<!-- /wp:st-blocks/st-postgroup -->

<!-- wp:st-blocks/my-button {"customTextColor":"#313131","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#aaa7a7","borderRadius":0,"width":100} -->
<p class="wp-block-st-blocks-my-button st-mybtn" style="min-width:100%;color:#313131;background-color:#ffffff;border-width:1px;border-color:#aaa7a7;border-radius:0px;font-weight:bold;box-shadow:none"><a href="#" style="color:#313131;font-weight:bold">MORE<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button -->

<!-- wp:cover {"url":"http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg","id":307,"dimRatio":60,"minHeight":50,"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-307" alt="" src="http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":320,"width":59,"height":59,"sizeSlug":"full","linkDestination":"none","className":"mb0"} -->
<figure class="wp-block-image aligncenter size-full is-resized mb0"><img src="http://affinger.com/library/wp-content/uploads/2022/12/icons8-rewards-credit-card-78.png" alt="" class="wp-image-320" width="59" height="59"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"st-regular"} -->
<p class="has-text-align-center has-st-regular-font-size"><span class="huto">おすすめの記事</span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:st-blocks/st-postgroup {"postIds":"47,48,49","card":false} -->
[st-postgroup html_class="" id="47,48,49" rank="0" type="" slide="off" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]
<!-- /wp:st-blocks/st-postgroup -->

<!-- wp:st-blocks/my-button {"customTextColor":"#313131","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#aaa7a7","borderRadius":0,"width":100} -->
<p class="wp-block-st-blocks-my-button st-mybtn" style="min-width:100%;color:#313131;background-color:#ffffff;border-width:1px;border-color:#aaa7a7;border-radius:0px;font-weight:bold;box-shadow:none"><a href="#" style="color:#313131;font-weight:bold">MORE<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"http://affinger.com/library/wp-content/uploads/2022/11/adult-2693054_1280.jpg","id":305,"dimRatio":50,"minHeight":50,"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"color":{}}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-305" alt="" src="http://affinger.com/library/wp-content/uploads/2022/11/adult-2693054_1280.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":321,"sizeSlug":"full","linkDestination":"none","className":"mb10"} -->
<figure class="wp-block-image aligncenter size-full mb10"><img src="http://affinger.com/library/wp-content/uploads/2022/12/icons8-more-points-and-rewards-78.png" alt="" class="wp-image-321"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"st-regular"} -->
<p class="has-text-align-center has-st-regular-font-size"><span class="huto">おすすめの記事</span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:st-blocks/st-postgroup {"postIds":"47,48,49","card":false} -->
[st-postgroup html_class="" id="47,48,49" rank="0" type="" slide="off" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]
<!-- /wp:st-blocks/st-postgroup -->

<!-- wp:st-blocks/my-button {"customTextColor":"#313131","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#aaa7a7","borderRadius":0,"width":100} -->
<p class="wp-block-st-blocks-my-button st-mybtn" style="min-width:100%;color:#313131;background-color:#ffffff;border-width:1px;border-color:#aaa7a7;border-radius:0px;font-weight:bold;box-shadow:none"><a href="#" style="color:#313131;font-weight:bold">MORE<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button -->

<!-- wp:cover {"url":"http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg","id":307,"dimRatio":60,"minHeight":50,"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-307" alt="" src="http://affinger.com/library/wp-content/uploads/2022/11/flowers-7152917_1280.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","id":320,"width":59,"height":59,"sizeSlug":"full","linkDestination":"none","className":"mb0"} -->
<figure class="wp-block-image aligncenter size-full is-resized mb0"><img src="http://affinger.com/library/wp-content/uploads/2022/12/icons8-rewards-credit-card-78.png" alt="" class="wp-image-320" width="59" height="59"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"st-regular"} -->
<p class="has-text-align-center has-st-regular-font-size"><span class="huto">おすすめの記事</span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:st-blocks/st-postgroup {"postIds":"47,48,49","card":false} -->
[st-postgroup html_class="" id="47,48,49" rank="0" type="" slide="off" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]
<!-- /wp:st-blocks/st-postgroup -->

<!-- wp:st-blocks/my-button {"customTextColor":"#313131","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#aaa7a7","borderRadius":0,"width":100} -->
<p class="wp-block-st-blocks-my-button st-mybtn" style="min-width:100%;color:#313131;background-color:#ffffff;border-width:1px;border-color:#aaa7a7;border-radius:0px;font-weight:bold;box-shadow:none"><a href="#" style="color:#313131;font-weight:bold">MORE<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

コピーしました

使い方のポイント

TOPページへの反映方法は「ご利用の注意事項と使い方」をご確認ください。

タイトル部分はカバーブロック

一覧のタイトル部分は「カバーブロック」を使用しています。

好きな画像を入れたり、テキストのみにすることも可能です。

記事一覧ブロック

記事一覧ブロックではサイトに応じて任意の記事IDを指定する必要があります

サムネイル画像のサイズや形状はAFFINGER管理で変更できます。(記事一覧の作成 / サムネイル画像設定

カテゴリ一覧にしたい場合はカテゴリ一覧ブロックを使用しましょう。

記事IDの確認方法

リンクはカスタムボタンブロック

記事一覧の下のカスタムボタンブロックではそれぞれのリンクしたいURLを記載してください。

デザイン済みデータ配布中

-トップ, ブロック