www.dev.binso.online/hello-world

starwindow Blocks — 追加ブロック一覧

starwindow Blocks は、starwindow テーマ専用のWordPressブロックプラグインです。インストールするとブロックエディタに15種類のブロックが追加されます。

ブロックを追加するには、エディタ上の「+」ボタン → 「starwindow」カテゴリから選択してください。


小窓ウィンドウ(starwindow/window)

macOS風のウィンドウUIをページ内の任意の場所に配置するコンテナブロックです。他のブロックをこの中に入れて使います。

設定できること

  • タイトルバーのテキスト
  • アドレスバーの表示/非表示
  • アドレスバーのURL表記

サイズ・配置

  • 横位置(通常レイアウト): 左寄せ / 中央 / 右寄せ
  • 幅: 全幅 / 小(400px)/ 中(560px)/ 大(720px)/ カスタム(任意のpx・%)

ステージ内の位置 ステージ(レイヤー配置)ブロック内に配置した場合のみ有効です。9グリッドから位置を選択します。


ステージ(レイヤー配置)(starwindow/stage)

背景(画像・動画)の上に小窓ウィンドウを重ねて配置するレイアウトブロックです。

使い方

  1. + → starwindow → ステージ(レイヤー配置) を追加
  2. サイドパネル「背景設定」から画像(PNG/JPG)または動画(MP4)をアップロード
  3. ステージ内の「+」から小窓ウィンドウを追加
  4. 各小窓を選択し、サイドパネル「ステージ内の位置」で9グリッドから配置を選択

設定できること

  • 背景の種類(画像 / 動画MP4)
  • ステージの高さ(例: 600px / 80vh)
  • 背景の表示方法(cover / contain / fill)
  • 暗幕オーバーレイ(0〜80%)背景を暗くして小窓を読みやすくします

小窓ウィンドウの位置設定(ステージ内のみ有効)

小窓ウィンドウブロックのサイドパネル「ステージ内の位置」から9グリッドで位置を選択します。

左上上中央右上
左中中央右中
左下下中央右下


ボタングループ(starwindow/buttons)

ボタン

ボタンを任意の個数、横並びで配置するブロックです。

設定できること

  • ボタンのラベル
  • リンクURL
  • スタイル(Primary=塗り / Secondary=枠線 / Ghost=テキストのみ)
  • 新しいタブで開く(ONにすると外部リンクアイコンが付きます)
  • ボタンの追加・削除(個数制限なし)

KPIウィジェット(starwindow/kpi)

SUBSCRIBERS

大きな数値とラベルを表示するウィジェットブロックです。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

キャッチコピー

説明文

アプリやサービスの紹介カードを表示するブロックです。

設定できること

  • アプリ名
  • ステータス(Live / Beta / Coming Soon / In Dev)
  • アイコン画像URL
  • キャッチコピー
  • 説明文
  • アプリページURL(カード全体のリンク先)
  • Primaryボタン(ラベル・URL)
  • Secondaryボタン(ラベル・URL)

データテーブル(starwindow/data-table)

列1列2列3

列定義が自由なテーブルを作るブロックです。ブランドコラボ実績・スペック比較などに使えます。

設定できること

  • 列の追加(個数制限なし)
  • 各列のヘッダー名
  • 行の追加・削除
  • 各セルの内容をエディタ上で直接入力

リストウィジェット(starwindow/list-widget)

記事タイトル2025-01-01

タイトル・日付・バッジのカードリストを表示するブロックです。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!