wire_section_v3

テーマ

カテゴリ

タイプ

<!-- wp:origamiui/custom-group {"className":"oui_cm-group-47cbc6f55225","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-origamiui-custom-group oui_cm-group-47cbc6f55225" style="margin-top:0;margin-bottom:0"><!-- wp:origamiui/custom-container {"className":"oui_cm-container-bbe46b68ca4c"} -->
<div class="wp-block-origamiui-custom-container oui_container oui_cm-container-bbe46b68ca4c"><!-- 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":"","lg":""},"align":{"sm":"center","md":"","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":"6","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-533d3bbf63e7"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_align-items-center oui_row-gap-6 oui_cm-group-533d3bbf63e7" style="--oui-gapSpace: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":"","lg":""},"align":{"sm":"center","md":"","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":"5px","gap":{"row":{"sm":"2","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-4b269d86edf7"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_align-items-center oui_row-gap-2 oui_cm-group-4b269d86edf7" style="--oui-gapSpace:5px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"32px"},"color":{"text":"#333333"},"elements":{"link":{"color":{"text":"#333333"}}}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#333333;margin-top:0;margin-bottom:0;font-size:32px;font-style:normal;font-weight:700">主な機能</h2>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#0276fd"},"elements":{"link":{"color":{"text":"#0276fd"}}}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#0276fd;margin-top:0;margin-bottom:0;font-size:16px;font-style:normal;font-weight:700">FEATURE</h2>
<!-- /wp:heading --></div>
<!-- /wp:origamiui/custom-group -->

<!-- wp:origamiui/custom-grid {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":"\u002d\u002d-","md":"\u002d\u002d-","lg":"\u002d\u002d-"}},"flex":{"display":{"sm":"","md":"","lg":""},"direction":{"sm":"","md":"","lg":""},"align":{"sm":"center","md":"","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":"4","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":""}},"display":{"grid":{"columns":{"sm":12,"md":12,"lg":12}},"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-grid-94c7c0191828"} -->
<div class="wp-block-origamiui-custom-grid oui_grid oui_align-items-center oui_row-gap-4 oui_cm-grid-94c7c0191828" style="--oui-gapSpace:10px"><!-- wp:origamiui/custom-column {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":12,"md":6,"lg":""},"offset":{"sm":"","md":"","lg":""},"parentBlockName":"origamiui/custom-grid"},"flex":{"display":{"sm":"","md":"","lg":""},"direction":{"sm":"","md":"","lg":""},"align":{"sm":"","md":"","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":"","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":""}},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-column-134db8f5683c"} -->
<div class="wp-block-origamiui-custom-column oui_g-col-12 oui_g-col-md-6 oui_cm-column-134db8f5683c"><!-- wp:image {"width":"auto","height":"360px"} -->
<figure class="wp-block-image is-resized"><img alt="" style="width:auto;height:360px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:origamiui/custom-column -->

<!-- wp:origamiui/custom-column {"styles":{"base":{"sizing":{"size":"","width":{"sm":"","md":"","lg":""},"height":{"sm":"","md":"","lg":""},"column":{"sm":12,"md":6,"lg":""},"offset":{"sm":"","md":"","lg":""},"parentBlockName":"origamiui/custom-grid"},"flex":{"display":{"sm":"","md":"","lg":""},"direction":{"sm":"","md":"","lg":""},"align":{"sm":"","md":"","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":"","gap":{"row":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}}},"spacing":{"space":"20px","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":"4","lg":"5"},"right":{"sm":"","md":"","lg":""}}},"position":{"className":{"sm":"","md":"","lg":""}},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-column-a2b737212e14"} -->
<div class="wp-block-origamiui-custom-column oui_g-col-12 oui_g-col-md-6 oui_pl-md-4 oui_pl-lg-5 oui_cm-column-a2b737212e14" style="--oui-space:20px"><!-- 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":"","lg":""},"align":{"sm":"","md":"","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":"3","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-c7f687f8299c"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_row-gap-3 oui_cm-group-c7f687f8299c" style="--oui-gapSpace: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":"","lg":""},"align":{"sm":"","md":"","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":"5px","gap":{"row":{"sm":"2","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-9683a14ae291"} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-column oui_row-gap-2 oui_cm-group-9683a14ae291" style="--oui-gapSpace:5px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#0276fd"},"elements":{"link":{"color":{"text":"#0276fd"}}}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#0276fd;margin-top:0;margin-bottom:0;font-size:18px;font-style:normal;font-weight:700">FEATURE01</h2>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"700"}}} -->
<h2 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:32px;font-style:normal;font-weight:700">WEB-DESIGN</h2>
<!-- /wp:heading --></div>
<!-- /wp:origamiui/custom-group -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#555555"},"elements":{"link":{"color":{"text":"#555555"}}}}} -->
<p class="has-text-color has-link-color" style="color:#555555;margin-top:0;margin-bottom:0;font-size:18px">製品デザインには、機能性、デザイン性、生産性などを考慮した設計を行います。また、お客さまのニーズに応えます。製品デザインには、機能性、デザイン性、生産性などを考慮した設計を行います。また、お客さまのニーズに応えます。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-column --></div>
<!-- /wp:origamiui/custom-grid -->

<!-- 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":"center","md":"","lg":""},"wrap":{"sm":"","md":"","lg":""},"grow":{"sm":"","md":"","lg":""},"shrink":{"sm":"","md":"","lg":""},"self":{"sm":"center","md":"","lg":""},"order":{"sm":"","md":"","lg":""},"gapSpace":"","gap":{"row":{"sm":"","md":"","lg":""},"column":{"sm":"","md":"","lg":""}}},"spacing":{"space":"15px","margin":{"top":{"sm":"","md":"","lg":""},"bottom":{"sm":"","md":"","lg":""},"left":{"sm":"","md":"","lg":""},"right":{"sm":"","md":"","lg":""}},"padding":{"top":{"sm":"1","md":"","lg":""},"bottom":{"sm":"1","md":"","lg":""},"left":{"sm":"4","md":"","lg":""},"right":{"sm":"4","md":"","lg":""}}},"position":{"className":{"sm":"relative","md":"","lg":""},"alignment":"","isOutsideHorizontal":false,"isOutsideVertical":false},"display":{"overflow":"","opacity":"","zIndex":""}}},"className":"oui_cm-group-c91efe530289","style":{"color":{"background":"#0276fd","text":"#fefeff"},"elements":{"link":{"color":{"text":"#fefeff"}}}}} -->
<div class="wp-block-origamiui-custom-group oui_d-flex oui_flex-row oui_align-items-center oui_justify-content-center oui_align-self-center oui_pt-1 oui_pb-1 oui_pl-4 oui_pr-4 oui_position-relative oui_cm-group-c91efe530289 has-text-color has-background has-link-color" style="color:#fefeff;background-color:#0276fd;--oui-space:15px"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:14px;font-style:normal;font-weight:700">詳しくはこちら</p>
<!-- /wp:paragraph --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-group --></div>
<!-- /wp:origamiui/custom-container --></div>
<!-- /wp:origamiui/custom-group -->

Wordpress ブロックテーマ向けセクションテンプレート wire_section_v3

wire_section_v3は大きな画像とテキストコンテンツを組み合わせたブロックテーマ向け無料テンプレートです。

目立たせたいコンテンツでよく使われるパターンで、こちらはテキストと画像が横に並んだレイアウトになります。

コンテンツ一覧

画像
見出し
テキスト
ボタン

使い方

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

注意点

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

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

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

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

SNSでシェア

X F X

仕様

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