ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
「Loop Tab（ループタブ）」とは、タブが自動で切り替わり続ける“オートプレイ型タブ機能です。
通常のタブと違い、スライダーのように一定時間ごとに自動で次のタブへ移動します。
機能応用例
🎨 どんな時に使う？
Loop Tab は、情報を順番に見せたい時に最適です。
- サービス紹介（特徴を順番に見せる）
- ポートフォリオ（作品をタブで切り替え）
- FAQ（質問を自動で巡回）
- ストーリー性のあるコンテンツ
- スライダーよりも“整理された見せ方”をしたい時
WPWhichPlugin でも、コンパクトなスペースで複数情報を見せるのに最適と紹介されています。
⚙️ 主な設定項目
1. タブ内容
- タイトル
- サブタイトル
- アイコン（SVGも可）
- コンテンツ（テキスト or Elementor テンプレート）
- 背景（タブごとに変更可能）
2. 動作設定
- Action：クリック / ホバー
- Transition Delay：1000〜40000ms
- タブタイトルの位置：左 / 上
- 縦位置揃え：上 / 中央
- テキスト揃え：左 / 中央 / 右
- ダブルカラム表示（デスクトップのみ）
3. スタイル
- タブコンテナの幅・余白
- ボーダー・角丸（デフォルト40px）
- 各タブの通常 / ホバー / アクティブ状態のデザイン調整