「ヘッダーエリア内部」ウイジェットの例を真似たいです

@kijitora_neko さま

ご質問いただきましてありがとうございます。

ウィジェットエリア「ヘッダーエリア内部」は
PC表示での利用を想定しており、申し訳ございませんが
モバイル表示ではご利用いただけません。
モバイル表示用のウィジェットについては別途検討させていただきます。

ウィジェットの例のソースコードは以下になります。（長くなり申し訳ありません）
「カスタムHTML」ブロックにソースコードを張り付けて
「縦三点リーダー」から「ブロックへ変換」を押していただきますと
同じものが再現されるかと思います。

▼ソースコード

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}},"blockBottomMargin":"-2em"} -->
<p style="font-size:10px">お気軽にお電話ください</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"blockBottomMargin":"-0.8em"} -->
<p><a href="tel:00000000000"><strong><span class="xwb-fs-20"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-xw-vivid-green-color"> <span aria-hidden="true" class="inline-icon fas fa-square-phone"></span> </mark></span><span class="xwb-fs-18"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-xw-vivid-green-color">000-0000-0000</mark></span></strong></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"}}} -->
<p style="font-size:10px">営業時間（月~金）: 10:00~17:00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--50)"><!-- wp:xwrite/button {"buttonGap":{"top":"0.5em","bottom":"0.5em","left":"0.5em","right":"0.5em"}} -->
<div class="wp-block-xwrite-button wp-block-xwrite" style="--button-parent-row-gap:0.5em;--button-parent-column-gap:0.5em"><!-- wp:xwrite/button-child {"blockStyle":"xw-block-button\u002d\u002dtype3","iconType":"far fa-envelope","accentColor":"#4c93e3","textColor":"#ffffff"} -->
<div class="xw-block-button xw-block-button--type3 hover_action" style="--border-radius:5px;--background-color:#4c93e3;--accent-color:#4c93e3;--text-color:#ffffff" data-has-icon="true"><span class="xw-block-button__micro-copy"></span><a class="xw-block-button__link"><span class="xw-block-button__body"><i class="title-icon left far fa-envelope"></i><span class="xw-block-button__text has-text-align-center">お問い合わせ</span></span></a></div>
<!-- /wp:xwrite/button-child --></div>
<!-- /wp:xwrite/button --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

何かご不明な点ございましたらお気軽に返信いただけますと幸いです。

@hamada さま

ソースのご提供ありがとうございます。

早速、実験させていただきます。ありがとうございます。

モバイル表示には非対応のウイジェットエリアとのこと了解しました。
表示が全く違うのだからそうなりますよね。

モバイル対応も出ましたら改めて利用させていただきますが現状はPC表示専用の状況に合わせた運用をします。