VWSカスタマー

フォーラムへの返信

1件の投稿を表示中 - 1 - 1件目 (全1件中)
  • 投稿者
    投稿
  • ご返信ありがとうございます。
    下記が再利用ブロックになります。(このレイアウトのものを50点ほど登録しています)

    <!-- wp:group {"className":"cast_box","layout":{"type":"constrained"}} -->
    <div class="wp-block-group cast_box"><!-- wp:image {"align":"center","id":527,"width":"300px","height":"auto","aspectRatio":"1.3333333333333333","scale":"contain","sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
    <figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img src="https://example.com/wp-ycn/wp-content/uploads/2023/10/no_image-1.jpg" alt="" class="wp-image-527" style="aspect-ratio:1.3333333333333333;object-fit:contain;width:300px;height:auto"/></figure>
    <!-- /wp:image -->
    
    <!-- wp:paragraph {"align":"center","className":"vk_block-margin-xs\u002d\u002dmargin-top"} -->
    <p class="has-text-align-center vk_block-margin-xs--margin-top">ここに名前が入ります</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:block {"ref":889} /-->
    
    <!-- wp:block {"ref":907} /--></div>
    <!-- /wp:group -->

    再利用ブロック内に下記の再利用ブロックを入れています。

    <!-- wp:vk-blocks/button {"buttonUrl":"#","buttonTarget":true,"buttonSize":"sm","buttonColor":"dark","buttonAlign":"center","fontAwesomeIconAfter":"\u003ci class=\u0022fa-solid fa-circle-right\u0022\u003e\u003c/i\u003e","blockId":"057abdcc-5a1b-4fdd-bcb0-31b471c344f5","className":"vk_block-margin-xs\u002d\u002dmargin-bottom disabled"} -->
    <div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-center vk_block-margin-xs--margin-bottom disabled"><a href="#" class="vk_button_link btn has-background has-vk-color-dark-background-color btn-sm" role="button" aria-pressed="true" target="_blank" rel="noopener"><div class="vk_button_link_caption"><span class="vk_button_link_txt">パフォーマンス動画</span><i class="fa-solid fa-circle-right vk_button_link_after"></i></div></a></div>
    <!-- /wp:vk-blocks/button -->
    <!-- wp:vk-blocks/icon-outer {"iconSize":20,"iconMargin":7,"iconsJustify":"center"} -->
    <div class="wp-block-vk-blocks-icon-outer vk_icons"><div class="vk_icons_col vk_icons_col-justify-center"><!-- wp:vk-blocks/icon {"faIcon":"\u003ci class=\u0022fa-brands fa-x-twitter\u0022\u003e\u003c/i\u003e","iconSize":20,"iconMargin":7,"iconUrl":"","iconTarget":true} -->
    <div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><div class="vk_icon_border" style="width:calc(20px + 14px);height:calc(20px + 14px)"><i style="font-size:20px" class="fa-brands vk_icon_font fa-x-twitter"></i></div></div></div>
    <!-- /wp:vk-blocks/icon -->
    
    <!-- wp:vk-blocks/icon {"faIcon":"\u003ci class=\u0022fa-brands fa-instagram\u0022\u003e\u003c/i\u003e","iconSize":20,"iconMargin":7,"iconUrl":"","iconTarget":true} -->
    <div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><div class="vk_icon_border" style="width:calc(20px + 14px);height:calc(20px + 14px)"><i style="font-size:20px" class="fa-brands vk_icon_font fa-instagram"></i></div></div></div>
    <!-- /wp:vk-blocks/icon -->
    
    <!-- wp:vk-blocks/icon {"faIcon":"\u003ci class=\u0022fa-brands fa-tiktok\u0022\u003e\u003c/i\u003e","iconSize":20,"iconMargin":7,"iconUrl":"","iconTarget":true} -->
    <div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><div class="vk_icon_border" style="width:calc(20px + 14px);height:calc(20px + 14px)"><i style="font-size:20px" class="fa-brands vk_icon_font fa-tiktok"></i></div></div></div>
    <!-- /wp:vk-blocks/icon -->
    
    <!-- wp:vk-blocks/icon {"faIcon":"\u003ci class=\u0022fa-brands fa-youtube\u0022\u003e\u003c/i\u003e","iconSize":20,"iconMargin":7,"iconUrl":"","iconTarget":true} -->
    <div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><div class="vk_icon_border" style="width:calc(20px + 14px);height:calc(20px + 14px)"><i style="font-size:20px" class="fa-brands vk_icon_font fa-youtube"></i></div></div></div>
    <!-- /wp:vk-blocks/icon --></div></div>
    <!-- /wp:vk-blocks/icon-outer -->
1件の投稿を表示中 - 1 - 1件目 (全1件中)