wire_header_v1

テーマ

カテゴリ

タイプ

<!-- wp:origamiui/custom-group {"className":"oui_cm-group-e147788bba0e"} -->
<div class="wp-block-origamiui-custom-group oui_cm-group-e147788bba0e"><!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}},"flex":{"display":{"sm":"flex","md":"","lg":""},"direction":{"sm":"row","md":"","lg":""},"align":{"sm":"center","md":"","lg":""},"justify":{"sm":"between","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"","gap":{"row":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}}},"spacing":{"space":"10px","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"2","md":"0","lg":""},"right":{"sm":"2","md":"0","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-173611086365"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-row oui_align-items-center oui_justify-content-between oui_pl-2 oui_pl-md-0 oui_pr-2 oui_pr-md-0 oui_cm-group-173611086365" style="--oui-space:10px"><!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}},"flex":{"display":{"sm":"flex","md":"","lg":""},"direction":{"sm":"row","md":"","lg":""},"align":{"sm":"center","md":"","lg":""},"justify":{"sm":"between","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"grow-1","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"","gap":{"row":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}}},"spacing":{"space":"","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-7182d9133e09"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-row oui_align-items-center oui_justify-content-between oui_flex-grow-1 oui_cm-group-7182d9133e09"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"38px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} /-->

<!-- wp:origamiui/custom-toggle {"toggleName":"oui_offcanvas-open","toggleTarget":"offcanvas-type3","styles":{"base":{"display":{"overflow":"","opacity":"","zIndex":"","visible":{"sm":"","md":"none","lg":""}}}}} -->
<div class="wp-block-origamiui-custom-toggle oui_d-md-none oui_toggle" data-ui-toggle="oui_offcanvas-open" data-ui-target="offcanvas-type3"><!-- wp:origamiui/custom-group {"className":"oui_cm-group-b26ea9f6bf50"} -->
<div class="wp-block-origamiui-custom-group oui_cm-group-b26ea9f6bf50"><!-- wp:paragraph -->
<p>開く</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-toggle --></div>
<!-- /wp:origamiui/custom-group -->

<!-- wp:origamiui/custom-offcanvas -->
<div class="wp-block-origamiui-custom-offcanvas oui_offcanvas oui_offcanvas_slide oui_offcanvas-breakpoint-sm oui_offcanvas_right" style="--oui-offcanvas-width-sm:80%;--oui-offcanvas-width-md:100%;--oui-offcanvas-width-lg:100%;--oui-offcanvas-bgcolor:#fff" id="offcanvas-type3"><!-- wp:origamiui/custom-toggle {"toggleName":"oui_offcanvas-close","toggleTarget":"offcanvas-type3","styles":{"base":{"display":{"overflow":"","opacity":"","zIndex":"","visible":{"sm":"","md":"none","lg":""}}}}} -->
<div class="wp-block-origamiui-custom-toggle oui_d-md-none oui_toggle" data-ui-toggle="oui_offcanvas-close" data-ui-target="offcanvas-type3"><!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":"","xl":""},"height":{"sm":"","md":"","lg":"","xl":""},"column":{"sm":"","md":"","lg":"","xl":""}},"flex":{"display":{"sm":"","md":"","lg":"","xl":""},"direction":{"sm":"","md":"","lg":"","xl":""},"align":{"sm":"","md":"","lg":"","xl":""},"justify":{"sm":"","md":"","lg":"","xl":""},"wrap":{"sm":"","md":"","lg":"","xl":""},"grow":{"sm":"","md":"","lg":"","xl":""},"shrink":{"sm":"","md":"","lg":"","xl":""},"self":{"sm":"","md":"","lg":"","xl":""},"order":{"sm":"","md":"","lg":"","xl":""},"gapSpace":"","gap":{"row":{"sm":"","md":"","lg":"","xl":""},"column":{"sm":"","md":"","lg":"","xl":""}}},"spacing":{"space":"10px","margin":{"top":{"sm":"","md":"","lg":"","xl":""},"bottom":{"sm":"","md":"","lg":"","xl":""},"left":{"sm":"","md":"","lg":"","xl":""},"right":{"sm":"","md":"","lg":"","xl":""}},"padding":{"top":{"sm":"2","md":"","lg":"","xl":""},"bottom":{"sm":"2","md":"","lg":"","xl":""},"left":{"sm":"3","md":"","lg":"","xl":""},"right":{"sm":"3","md":"","lg":"","xl":""}}},"position":{"className":{"sm":"","md":"","lg":"","xl":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-37ef897d4914"} -->
<div class="wp-block-origamiui-custom-group oui_pt-2 oui_pb-2 oui_pl-3 oui_pr-3 oui_cm-group-37ef897d4914" style="--oui-space:10px"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<p style="margin-top:0;margin-bottom:0">閉じる</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-toggle -->

<!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}},"flex":{"display":{"sm":"flex","md":"","lg":""},"direction":{"sm":"column","md":"row","lg":""},"align":{"sm":"start","md":"center","lg":""},"justify":{"sm":"","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"10px","gap":{"row":{"sm":"2","md":"","lg":""},"column":{"sm":"3","md":"","lg":""}}},"spacing":{"space":"10px","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"3","md":"0","lg":""},"right":{"sm":"3","md":"0","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-0d9f7edf93ed"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_flex-md-row oui_align-items-start oui_align-items-md-center oui_row-gap-2 oui_column-gap-3 oui_pl-3 oui_pl-md-0 oui_pr-3 oui_pr-md-0 oui_cm-group-0d9f7edf93ed" style="--oui-gapSpace:10px;--oui-space:10px"><!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}},"flex":{"display":{"sm":"flex","md":"","lg":""},"direction":{"sm":"column","md":"row","lg":""},"align":{"sm":"","md":"center","lg":""},"justify":{"sm":"","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"10px","gap":{"row":{"sm":"2","md":"","lg":""},"column":{"sm":"4","md":"","lg":""}}},"spacing":{"space":"","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-99e8eed867df"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_flex-md-row oui_align-items-md-center oui_row-gap-2 oui_column-gap-4 oui_cm-group-99e8eed867df" style="--oui-gapSpace:10px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:14px;font-style:normal;font-weight:700">TOP</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:14px;font-style:normal;font-weight:700">TOP</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:14px;font-style:normal;font-weight:700">TOP</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:14px;font-style:normal;font-weight:700">TOP</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group -->

<!-- wp:origamiui/custom-group {"className":"oui_cm-group-31b8531e8985"} -->
<div class="wp-block-origamiui-custom-group oui_cm-group-31b8531e8985"><!-- wp:paragraph {"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"800"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:20px;font-style:normal;font-weight:800">tel.03-1234-5678</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"10px"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<p class="has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:10px">受付時間：9:00〜18:00(土日祝休)</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group -->

<!-- wp:origamiui/custom-group {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}},"flex":{"display":{"sm":"flex","md":"","lg":""},"direction":{"sm":"","md":"","lg":""},"align":{"sm":"","md":"","lg":""},"justify":{"sm":"center","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"","gap":{"row":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}}},"spacing":{"space":"5px","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"4","md":"","lg":""},"bottom":{"sm":"4","md":"","lg":""},"left":{"sm":"5","md":"","lg":""},"right":{"sm":"5","md":"","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-e1ca4208d1a7","style":{"color":{"background":"#0276fd","text":"#fefeff"},"elements":{"link":{"color":{"text":"#fefeff"}}}}} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_justify-content-center oui_pt-4 oui_pb-4 oui_pl-5 oui_pr-5 oui_cm-group-e1ca4208d1a7 has-text-color has-background has-link-color" style="color:#fefeff;background-color:#0276fd;--oui-space:5px"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:16px;font-style:normal;font-weight:700">お問い合わせ</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-group --></div><div class="oui_offcanvas_bg"></div>
<!-- /wp:origamiui/custom-offcanvas --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-group -->

Wordpress ブロックテーマ向けヘッダーテンプレート wire_header_v1

wire_header_v1はコーポレートサイトでよく使われるシンプルなヘッダーテンプレートです。問い合わせページへのリンクと電話番号が表示されているためすぐに問い合わせしたいユーザーのニーズにも応えることができます。

レスポンシブデザインに対応しており、スマートフォンではオフキャンバス(ドロワー)メニューが表示されます。コピーしてすぐに使用でき、カスタマイズも自由です。

コンテンツ

サイトタイトル
リンク付きメニュー
電話番号テキスト
リンクボタン
オフキャンバス(ドロワー)メニュー

使い方

Wordpressのプラグイン管理画面から「OrigamiUI」をインストール
「コピーする」ボタンを押してテンプレートコードをコピー
固定ページやテンプレートエディターの編集ページ内で貼り付け

注意点

テンプレートはOrigamiUIプラグイン専用のものです。

ソースコードがそのまま表示されてしまう場合は、shift+command(CTRL)+vで貼り付けてみてください。

プラグインの詳細な使い方やスタイルの変更方法については以下のドキュメントページをご覧ください。

→ OrigamiUIドキュメントはこちら

SNSでシェア

X F X

仕様

商品名	wire_header_v1
プラグイン	https://origami-ui.com/contents/header/
Wordpress	6.4,6.5,6.6,6.7,6.8対応
更新日	2025-08-03 14:11:25 +0900
カテゴリ	コンテンツ
タグ	事業内容