Blanky Studio
ドキュメント
Blanky Studioは、クリエイター・スタジオ・写真家向けに設計されたWordPressブロックテーマです。モノクロームを基調としたミニマルなデザインと、エレガントなタイポグラフィ、なめらかなスクロールアニメーションで、作品そのものを主役にするポートフォリオサイトを構築できます。他のテーマに依存しないスタンドアロンテーマなので、これ一つでサイトを構築できます。
主な特徴
- check_circleポートフォリオに最適化された12種類のテンプレート
- check_circleヒーロー・Works・About・Experienceなど16種類のブロックパターン
- check_circleDefault / Warm / Dark の3種類のスタイルバリエーション
- check_circleヘッダーのトグルによる手動ダークモード切り替え
- check_circle横スクロールのWorksカルーセル・スクロールリビール演出
- check_circleアイキャッチ画像未設定時の自動フォールバック表示
- check_circleフォントはセルフホスト配信（外部CDNへのリクエストなし）
- check_circleWooCommerce対応
- check_circle369theme.com経由の自動アップデート・自動バックアップ対応
動作要件
- check_circleWordPress 6.7以上
- check_circlePHP 7.4以上
同梱テーマタイプ
スタンドアロンの親テーマです。他のテーマへの依存はありません。カスタマイズを長期的に保護したい場合は、子テーマの作成をおすすめします（詳細は本ページ末尾を参照）。
インストール
Blanky Studioはスタンドアロンのブロックテーマです。以下の手順でインストールしてください。
テーマのアップロード
WordPress管理画面から「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」を選択し、購入時にダウンロードしたBlanky StudioのZIPファイルをアップロードします。
有効化
アップロードが完了したら「有効化」をクリックします。これだけでBlanky Studioが使えるようになります。
初期設定
テーマを有効化したら、以下の設定を行ってください。
表示設定（必須）
フロントページとアーカイブを正しく表示するために、WordPressの表示設定を変更する必要があります。この設定をしないと、トップページにアーカイブテンプレートが表示されてしまいます。
- 固定ページを2つ作成します。例:「Home」と「Works」
- 「設定」→「表示設定」→「ホームページの表示」で「固定ページ」を選択
- 「ホームページ」に「Home」、「投稿ページ」に「Works」を設定
- 変更を保存します
「投稿ページ」に指定する固定ページのスラッグは自由に決められます（works・blog・newsなど)。Blanky Studioはこの表示設定を参照しているだけで、スラッグそのものを判定するコードは含んでいないため、home.htmlテンプレートはどのスラッグでも同じように適用されます。
デモコンテンツの差し替え
以下の項目はデモ用のプレースホルダーです。有効化後にサイトエディター（外観 → エディター）から差し替えてください。
| 項目 | デフォルト値 | 変更方法 |
|---|---|---|
| コンタクトのメールアドレス | hello@example.com |
Contact セクションのボタンリンクを編集 |
| Worksセクションの年表記 | 2021 — 2024 |
Worksセクションヘッダーのテキストを編集 |
| ヒーロー背景・About画像 | CC0のサンプル画像 | サイトエディターで画像を差し替え |
| スキルタグ | Art Direction, Brand Identity... | Aboutセクションを直接編集 |
| SNSリンク | # |
フッターのSocial Linksブロックを編集 |
カスタムロゴの設定
「外観」→「エディター」→「サイト全体」からヘッダー部分を選択し、サイトロゴブロックから画像をアップロードしてください。
テンプレート一覧
12種類のテンプレートが含まれています。「外観」→「エディター」→「テンプレート」から確認・編集できます。
front-page フロントページ
ヒーロー + Worksカルーセル + About + Experience + Contactの各セクションが配置されたトップページ専用テンプレート。
home 投稿一覧
投稿一覧（アーカイブグリッド）を表示するテンプレートです。
single 記事詳細
フルワイドヒーロー・本文・シェアボタン・コメント・前後ナビゲーションを含む投稿詳細ページです。
singular 共通フォールバック
固定ページ・投稿で他に該当テンプレートがない場合のフォールバック（タイトル + 本文のみ）です。
archive 日付・メインアーカイブ
グリッド + フィルターバーを備えた日付・メインアーカイブ用テンプレートです。
category / tag カテゴリ・タグアーカイブ
カテゴリ別・タグ別の作品一覧を表示します。フィルターバーの挙動はアーカイブ種別に応じて自動的に切り替わります。
author 投稿者アーカイブ
投稿者のプロフィールと投稿一覧を表示するテンプレートです。
page 固定ページ
汎用的な固定ページ用のテンプレートです。
search 検索結果
サイト内検索の結果を表示するテンプレートです。
404 ページが見つかりません
存在しないページにアクセスした際に表示されるテンプレートです。
index フォールバック
他のテンプレートが該当しない場合に使用される最終フォールバックテンプレートです。
パターン一覧
16種類のブロックパターンが含まれています。テンプレートから自動的に呼び出されますが、サイトエディターで自由に編集できます。
フロントページ用
studio-hero— フルスクリーンヒーローstudio-about— About（画像＋スキルタグ）studio-works— Worksカルーセルstudio-experience— 職歴タイムラインstudio-contact— コンタクト
投稿用
studio-single-hero— 記事ヒーローstudio-single-content— 記事本文studio-single-share— シェアリンクstudio-single-comments— コメントstudio-single-nav— 前後ナビゲーション
アーカイブ・共通
studio-archive-main— アーカイブグリッドstudio-author-main— 投稿者アーカイブstudio-search-results— 検索結果studio-404— 404ページ
サイト全体
studio-header— 固定ヘッダー（ダークモードトグル付き）studio-footer— フッター
スタイルバリエーション
Defaultに加えて2つのスタイルバリエーションが用意されています。「外観」→「エディター」→「スタイル」から切り替えられます。
Default
モノクロームを基調とした標準配色。作品そのものが主役になるようコントラストを抑えたニュートラルなトーンです。
Warm
クリーム・ベージュ系の暖色パレット。柔らかく親しみやすい印象を与えます。
Dark
黒を基調とした高コントラストの配色。写真作品をよりシャープに見せます。
※ ヘッダーの☀/🌙アイコンによるダークモードトグルは、上記のスタイルバリエーションとは別のJSベースの手動切り替え機能です。設定はlocalStorageに保存され、どのスタイルバリエーションとも併用できます。
自動アップデート・自動バックアップ
Blanky Studioは369theme.comのアップデートサーバーと連携しており、WordPress管理画面からワンクリックで最新版にアップデートできます。
アップデートの確認方法
更新確認は最大1時間キャッシュされます。「外観」→「テーマ」画面に表示される「今すぐ更新を確認」ボタンから即時クリアできます。新しいバージョンが利用可能な場合、通知が表示されます。
アップデート時の自動バックアップ
テーマ更新の際、functions.phpとtheme.jsonの2ファイルを自動でバックアップします（直前1世代のみ保持）。バックアップはwp-content/themes/blanky-studio/backups/に保存されます。これは自動復元機能ではなく、これらのファイルを直接カスタマイズしている場合の手動復旧用の保険です。
アップデート時の注意
- 上記2ファイル以外を直接編集している場合、アップデートで上書きされます。カスタマイズは子テーマ、またはサイトエディター上で行うことをおすすめします
- アップデート前に、サイトのバックアップを取ることをおすすめします
よくある質問
トップページにアーカイブが表示されてしまいます
「設定」→「表示設定」で「ホームページの表示」が「固定ページ」に設定されているか確認してください。初期設定（本ページの「初期設定」セクション）が完了していないと、トップページにアーカイブテンプレートが表示されてしまいます。
フロントページのセクション順序を変えられますか?
はい。「外観」→「エディター」→「テンプレート」→「フロントページ」を開き、パターンの順序をドラッグ&ドロップで入れ替えられます。不要なセクションは削除も可能です。
ダークモードトグルとスタイルバリエーションの違いは?
ヘッダーの☀/🌙アイコンは訪問者ごとにブラウザ内で切り替わる手動トグル（JS実装、localStorageに保存）です。一方スタイルバリエーション（Default/Warm/Dark）はサイト全体のデザインテーマをサイト管理者が選ぶもので、仕組みが異なります。両者は併用可能です。
WooCommerceで使えますか?
はい。Blanky StudioはWooCommerceに対応しています。WooCommerceプラグインをインストール・有効化すれば、商品ページやカートが自動的にテーマのデザインに統合されます。
カスタマイズ用の子テーマ
Blanky Studioを直接編集してカスタマイズすると、テーマをアップデートしたときにその変更が上書きされて消えてしまいます。カスタマイズを保護するために、子テーマの作成をおすすめします。
my-studio-child/ ├── style.css ← Theme declaration (Template: blanky-studio) ├── functions.php ← PHP customizations └── custom.css ← CSS customizations (optional)
他のBlankyシリーズもご覧ください
Blanky Studioと同じ思想から生まれた、業種特化のプレミアムテーマです。