タブ型言語スイッチャー Table
このパターンでは、簡単にナビゲートできるタブを使用して、複数の言語で比較表を表示することができます。
7月 14, 2025
作成
7月 14, 2025
更新
0
使用回数
製品 |
Price |
特徴 |
|---|---|---|
ウィジェット・プロ |
$99 |
迅速、信頼性 |
ガジェットマックス |
$129 |
耐久性、コンパクト |
製品 |
Price |
特徴 |
|---|---|---|
ウィジェット・プロ |
$99 |
迅速、確実 |
ガジェットマックス |
$129 |
ドゥラデロ、コンパクト |
製品 |
賞金 |
特徴 |
|---|---|---|
ウィジェット・プロ |
$99 |
ラピード、フィアブル |
ガジェットマックス |
$129 |
耐久性、コンパクト |
パターン・コード
<!-- wp:tableberg-pro/toggle {"tabs":["Egnlish","Español","Français"],"alignment":"full","inactiveTabTextColor":"#6c7280","inactiveTabBackgroundColor":"#f3f4f6"} -->
<div class="wp-block-tableberg-pro-toggle"><!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>製品</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Price</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>特徴</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ウィジェット・プロ</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">迅速、信頼性</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ガジェットマックス</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">耐久性、コンパクト</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table -->
<!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>製品</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>Price</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>特徴</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ウィジェット・プロ</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">迅速、確実</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ガジェットマックス</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ドゥラデロ、コンパクト</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table -->
<!-- wp:tableberg/table {"version":"0.5.1","rows":3,"cols":3,"cells":9,"enableTableHeader":"converted","headerBackgroundColor":"#f3f4f6","tableBorder":{"color":"#e5e7eb","width":"1px"},"tableBorderRadius":{"topLeft":"4px","topRight":"4px","bottomRight":"4px","bottomLeft":"4px"},"innerBorder":{"color":"#e5e7eb","width":"1px"},"responsive":{"target":"window","last":"","breakpoints":{}},"innerBorderType":"row"} -->
<table class="wp-block-tableberg-table"><!-- wp:tableberg/cell {"tagName":"th"} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>製品</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":1} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>賞金</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"tagName":"th","col":2} -->
<th class="wp-block-tableberg-cell"><!-- wp:paragraph -->
<p>特徴</p>
<!-- /wp:paragraph --></th>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ウィジェット・プロ</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$99</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":1,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ラピード、フィアブル</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ガジェットマックス</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":1} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">$129</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell -->
<!-- wp:tableberg/cell {"row":2,"col":2} -->
<td class="wp-block-tableberg-cell"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">耐久性、コンパクト</p>
<!-- /wp:paragraph --></td>
<!-- /wp:tableberg/cell --></table>
<!-- /wp:tableberg/table --></div>
<!-- /wp:tableberg-pro/toggle -->使用方法
パターンをコピーしてエディターに貼り付けるだけ。
