starwindow テーマ — できること一覧
www.dev.binso.online/starwindow-%e3%83%86%e3%83%bc%e3%83%9e-%e3%81%a7%e3%81%8d%e3%82%8b%e3%81%93%e3%81%a8%e4%b8%80%e8%a6%a7

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がシンプルなレイアウトに切り替わります。