starwindow Blocks — 追加ブロック一覧
starwindow Blocks は、starwindow テーマ専用のWordPressブロックプラグインです。インストールするとブロックエディタに15種類のブロックが追加されます。
ブロックを追加するには、エディタ上の「+」ボタン → 「starwindow」カテゴリから選択してください。
小窓ウィンドウ（starwindow/window）
macOS風のウィンドウUIをページ内の任意の場所に配置するコンテナブロックです。他のブロックをこの中に入れて使います。
設定できること
- タイトルバーのテキスト
- アドレスバーの表示/非表示
- アドレスバーのURL表記
サイズ・配置
- 横位置（通常レイアウト）: 左寄せ / 中央 / 右寄せ
- 幅: 全幅 / 小（400px）/ 中（560px）/ 大（720px）/ カスタム（任意のpx・%）
ステージ内の位置 ステージ（レイヤー配置）ブロック内に配置した場合のみ有効です。9グリッドから位置を選択します。
ステージ（レイヤー配置）（starwindow/stage）
背景（画像・動画）の上に小窓ウィンドウを重ねて配置するレイアウトブロックです。
使い方
+→ starwindow → ステージ（レイヤー配置） を追加- サイドパネル「背景設定」から画像（PNG/JPG）または動画（MP4）をアップロード
- ステージ内の「+」から小窓ウィンドウを追加
- 各小窓を選択し、サイドパネル「ステージ内の位置」で9グリッドから配置を選択
設定できること
- 背景の種類（画像 / 動画MP4）
- ステージの高さ（例: 600px / 80vh）
- 背景の表示方法（cover / contain / fill）
- 暗幕オーバーレイ（0〜80%）背景を暗くして小窓を読みやすくします
小窓ウィンドウの位置設定（ステージ内のみ有効）
小窓ウィンドウブロックのサイドパネル「ステージ内の位置」から9グリッドで位置を選択します。
| 左上 | 上中央 | 右上 |
|---|---|---|
| 左中 | 中央 | 右中 |
| 左下 | 下中央 | 右下 |
ボタングループ（starwindow/buttons）
ボタンを任意の個数、横並びで配置するブロックです。
設定できること
- ボタンのラベル
- リンクURL
- スタイル（Primary=塗り / Secondary=枠線 / Ghost=テキストのみ）
- 新しいタブで開く（ONにすると外部リンクアイコンが付きます）
- ボタンの追加・削除（個数制限なし）
KPIウィジェット（starwindow/kpi）
大きな数値とラベルを表示するウィジェットブロックです。YouTube登録者数やSNSフォロワー数などの表示に使えます。
設定できること
- ラベル（例: SUBSCRIBERS）
- メイン数値
- 単位（例: subscribers）
- リンクURL（クリック時の遷移先）
- ツリー項目の追加（サブ数値を複数行で表示できます）
レーダーチャート（starwindow/radar）
インタラクティブなレーダーチャートを表示するブロックです。マウスをホバーすると各軸の説明が表示されます。
設定できること
- 軸の追加・削除（最低3軸）
- 各軸のラベル（短い名前）
- 各軸の値（0〜10）
- ホバー時に表示する見出し・説明文
- チャートのサイズ
コピーボタン（starwindow/copy-code）
クリックするとテキストをクリップボードにコピーするボタンを配置するブロックです。クーポンコードや招待コードの表示に使えます。
設定できること
- コピーするテキスト（コード）
- ブランド名・ラベル
- 割引率・説明（例: 3% OFF）
- リンクURL（ショップページなどへの誘導）
- リンクラベル
セクション区切り（starwindow/section-divider）
セクション間に区切り線を挿入するブロックです。設定項目はありません。
アコーディオン（starwindow/accordion）
クリックして展開
クリックで開閉するコンテンツを作るブロックです。FAQや詳細説明の格納に使えます。
設定できること
- サマリー（クリックして展開するタイトル部分）
- デフォルトで開いた状態にする
- 中身は自由なブロックを追加可能
スペックテーブル（starwindow/spec-table）
| NAME | 内容 |
| SPECIES | 内容 |
ラベルと値の2列テーブルを作るブロックです。プロフィール情報やスペック表示に使えます。
設定できること
- 行の追加・削除（個数制限なし）
- 各行のラベル（例: NAME / BIRTHDAY）
- 各行の内容
- 各行にリンクURLを設定可能（設定するとアクセントカラーのリンク＋外部リンクアイコンが付きます）
- 新しいタブで開くかどうか
フィロソフィー（starwindow/philosophy）
キャッチコピー
サブテキスト
大きなキャッチコピーとサブテキストのセットを表示するブロックです。
設定できること
- 見出しテキスト（大きく表示されます）
- サブテキスト
サブナビ（starwindow/sub-nav）
ウィンドウ内の上部にタブ形式のナビゲーションを表示するブロックです。
設定できること
- タブの追加・削除
- 各タブのラベル
- 各タブのリンクURL
- アクティブ状態の設定
アプリカード（starwindow/app-card）
アプリやサービスの紹介カードを表示するブロックです。
設定できること
- アプリ名
- ステータス（Live / Beta / Coming Soon / In Dev）
- アイコン画像URL
- キャッチコピー
- 説明文
- アプリページURL（カード全体のリンク先）
- Primaryボタン（ラベル・URL）
- Secondaryボタン（ラベル・URL）
データテーブル（starwindow/data-table）
| 列1 | 列2 | 列3 |
|---|---|---|
列定義が自由なテーブルを作るブロックです。ブランドコラボ実績・スペック比較などに使えます。
設定できること
- 列の追加（個数制限なし）
- 各列のヘッダー名
- 行の追加・削除
- 各セルの内容をエディタ上で直接入力
リストウィジェット（starwindow/list-widget）
タイトル・日付・バッジのカードリストを表示するブロックです。note記事一覧や動画一覧などに使えます。
設定できること
- 項目の追加・削除
- 各項目のタイトル
- リンクURL
- 日付
- バッジテキスト（例: New）
- 有料コンテンツフラグ（ONにすると「¥」バッジが付きます）
スライダー（starwindow/slider）
画像・動画を横スライドで表示するブロックです。
設定できること
- スライドの追加・削除
- 各スライドのタイプ（画像 / 動画MP4）
- URL
- キャプション
キャラクター動画（starwindow/char-video）
自動再生・ループ・コントロールなしの動画を配置するブロックです。キャラクターのループアニメーションや背景動画をデザインに組み込む用途に特化しています。WPデフォルトの動画ブロックとは異なり、再生ボタン等のコントロールが一切表示されません。
設定できること
- 動画ファイル（WPメディアライブラリからMP4を選択）
- object-fit（contain / cover / fill）
- 幅・最大幅
- 角丸ON/OFF
- mix-blend-mode（サイト背景と動画背景が同色の場合はnormalのまま。異なる場合はmultiply等で調整）