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等で調整)
starwindow テーマ — できること一覧

starwindow は WordPress 用テーマです。macOS風のウィンドウUIをベースにした独自のデスクトップUIデザインを提供します。
デザインシステム
カラープリセット
5種類のカラーテーマをワンクリックで切り替えできます。
| プリセット名 | アクセントカラー |
|---|---|
| mint(デフォルト) | ミントグリーン |
| rose | ローズピンク |
| amber | アンバーイエロー |
| slate | スレートグレー |
| lavender | ラベンダーパープル |
カスタマイザーから「デザイン」→「カラープリセット」で選択します。独自のアクセントカラーをカスタム指定することも可能です。
フォント設定
見出し・本文・数値(モノスペース)それぞれのフォントをカスタマイザーから変更できます。デフォルトはManrope(見出し)/ Noto Sans JP(本文)/ Fira Mono(数値・コード)です。
ウィンドウUI
固定ページをデフォルトテンプレートで作成すると、macOS風のウィンドウUIが自動で付きます。
- タイトルバー(ページタイトルが表示されます)
- アドレスバー(サイトのURLが表示されます)
- カスタマイザー「ウィンドウUI」→「ドメイン表記」で表示するドメインを変更できます
テンプレートの選択
ページ編集画面の右サイドパネル「テンプレート」から選択できます。
| テンプレート | 説明 |
|---|---|
| デフォルトテンプレート | ウィンドウUIあり |
| ウィンドウなし(フルスクリーン) | ウィンドウUIなし。自由なレイアウトに |
ヘッダー
ロゴ
カスタマイザー「ヘッダー」→「ロゴテキスト」でテキストロゴを設定できます。WP標準のカスタムロゴ(画像)も使用可能です。
ナビゲーション
WP標準の「メニュー」機能で管理します。外観 → メニュー から「グローバルナビ(ヘッダー)」に項目を追加してください。
メニューのリンクで「新しいタブで開く」を設定すると、外部リンクを示すアイコンが自動で付きます。
Contact ボタン
カスタマイザー「ヘッダー」→「Contact ボタン リンク先URL」を入力すると、ヘッダー右端にCTAボタンが表示されます。ボタンのラベルも変更可能です。
フッター
カスタマイザー「フッター」→「フッターテキスト」でフッター左側のテキストを変更できます。フッターナビはWP標準の「メニュー」→「フッターナビ」で管理します。
SNSリンク
カスタマイザー「SNSリンク」セクションで最大6つのSNSリンクを登録できます。各リンクごとにヘッダー表示・フッター表示を個別にON/OFFできます。
対応アイコン: YouTube / X(Twitter)/ Instagram / TikTok / note / Bluesky / Facebook / Twitch / GitHub / Spotify / Linktree
スプラッシュ画面
カスタマイザー「スプラッシュ画面」でサイト読み込み時のスプラッシュ画面をON/OFFできます。
その他の機能
カスタムカーソル
デスクトップ表示時、マウスカーソルが星形のカスタムデザインに変わります。
ページ遷移アニメーション
ページ遷移時にフェードアニメーションが入ります。
ローダー
ページ読み込み中に星形のローダーアニメーションが表示されます。
スクロールトップボタン
ページ右下に「ページトップへ戻る」ボタンが自動で表示されます。
NEWS(カスタム投稿タイプ)
「news」カスタム投稿タイプが登録されています。お知らせ・更新情報の投稿に使用します。アーカイブページ(/news/)と個別記事ページが利用できます。
レスポンシブ対応
モバイル・タブレット表示に対応しています。モバイルではウィンドウUIがシンプルなレイアウトに切り替わります。
びそだー。
びその公式オフィシャルサイトをリニューアル工事が完了した。
今回のリニューアルでは、インフォメーション機能をもたせるために大幅アップデート!
ここで最新情報もみなさんにお伝えしていくのでよろしく。
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
