Blanky Beauty — ドキュメント
Blanky Beauty は、ネイル・アイラッシュ・エステ・リラクゼーションサロン向けに設計された WordPress ブロックテーマです。シャンパンゴールドのアクセント、ゆとりのある余白、上品なセリフ・サンセリフの組み合わせにより、代理店に頼らずとも小規模サロンオーナーが上質で洗練されたサイトを構築できます。
目次
- 概要
- 動作環境
- インストール
- 初期設定
- テンプレート一覧
- パターン一覧
- スタイルバリエーション
- 自動アップデート
- よくある質問
- 子テーマでのカスタマイズ
- 他の Blanky シリーズ
- サポート・リソース
概要
主な特徴:
- 動画または画像を背景に使えるフルワイドヒーロー
- サロンのコンセプトを伝える Concept セクション
- カテゴリ分けされた料金メニュー表示
- 最新6件の投稿のアイキャッチ画像を並べるギャラリー
- スタッフ紹介・お客様の声(テスティモニアル)
- 営業時間・住所・地図を表示する Salon Information
- アコーディオン形式の FAQ、ブログ最新記事一覧
- 予約導線に特化した Reservation CTA セクション
- Champagne Gold / Emerald / Dark の3種類のスタイルバリエーション
- 369theme.com 経由の自動アップデート対応
動作環境
| WordPress | 6.6 以上 |
| PHP | 7.4 以上 |
| 動作確認 | WordPress 7.1 |
| テーマの種類 | スタンドアロンの親テーマ(他のテーマへの依存はありません) |
インストール
- テーマのアップロード
WordPress 管理画面から「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」を選択し、購入時にダウンロードした Blanky Beauty の ZIP ファイルをアップロードします。 - 有効化
アップロードが完了したら「有効化」をクリックします。これだけで Blanky Beauty が使えるようになります。
初期設定
テーマを有効化したら、以下の設定を行ってください。
表示設定(必須)
フロントページとアーカイブを正しく表示するために、WordPress の表示設定を変更する必要があります。この設定をしないと、トップページにアーカイブテンプレートが表示されてしまいます。
- 固定ページを2つ作成します。例:「Home」と「Blog」
- 「設定」→「表示設定」→「ホームページの表示」で「固定ページ」を選択
- 「ホームページ」に「Home」、「投稿ページ」に「Blog」を設定
- 変更を保存します
デモコンテンツの差し替え
以下の項目はデモ用のプレースホルダーです。有効化後にサイトエディター(外観 → エディター)から差し替えてください。
| 項目 | デフォルト値 | 変更方法 |
|---|---|---|
| サロン名・住所・営業時間・電話番号 | Salon Lumière ほか |
Salon Information セクションの表を編集 |
| Google マップ埋め込み | 表参道駅周辺のサンプル地図 | Salon Information セクションのカスタム HTML ブロック内の URL を編集 |
| ヒーロー背景動画・画像 | CC0 のサンプル動画(bg-1.mp4) |
サイトエディターでカバーブロックの背景を差し替え |
| 予約導線(LINE・Instagram DM・電話) | LINE・Instagram は #(ダミーリンク)、電話は tel:03-0000-0000 |
Reservation CTA セクションのボタンリンクを編集 |
| 料金メニュー・スタッフ・お客様の声 | サンプルテキスト | 各セクションを直接編集 |
ロゴ
ヘッダーには、サイトのタイトル(「設定」→「一般」のサイトのタイトル)が表示されます。ロゴ画像を使いたい場合は、サイトエディターでヘッダーを開き、サイトロゴブロックを追加して画像をアップロードしてください。
テンプレート一覧
8種類のテンプレートが含まれています。サイトエディターのテンプレートから確認・編集できます。
| テンプレート | 内容 |
|---|---|
front-pageフロントページ |
ヒーロー・Concept・Menu & Price・Gallery・Staff・Testimonials・Salon Information・FAQ・Blog 最新記事・Reservation CTA の各セクションが配置されたトップページ専用テンプレート。 |
home投稿一覧 |
投稿一覧(ブログ・お知らせ)を表示するテンプレートです。 |
single記事詳細 |
投稿本文・コメントを含む投稿詳細ページです。 |
page固定ページ |
汎用的な固定ページ用のテンプレートです。 |
archiveアーカイブ |
カテゴリ・タグ・日付別の投稿一覧を表示するアーカイブ用テンプレートです。 |
search検索結果 |
サイト内検索の結果を表示するテンプレートです。 |
404ページが見つかりません |
存在しないページにアクセスした際に表示されるテンプレートです。 |
indexフォールバック |
他のテンプレートが該当しない場合に使用される最終フォールバックテンプレートです。 |
パターン一覧
21種類のブロックパターンが含まれています。テンプレートから自動的に呼び出されますが、サイトエディターで自由に編集できます。
フロントページ用
beauty-hero— 動画/画像背景ヒーローbeauty-concept— サロンのコンセプトbeauty-menu-price— 料金メニューbeauty-gallery— ギャラリー(最新6件の投稿のアイキャッチ画像)beauty-staff— スタッフ紹介beauty-testimonials— お客様の声beauty-salon-info— 営業時間・地図beauty-faq— よくある質問beauty-blog-latest— 最新記事一覧beauty-cta-reservation— 予約 CTA
投稿用
beauty-single-content— 記事本文beauty-comments— コメントbeauty-post-style— Style Post(スタッフのコメントとメニュー)。新しい投稿を始めるときに、パターンの候補として表示されます
アーカイブ・共通
beauty-archive-main— アーカイブグリッドbeauty-query-loop— 投稿クエリループbeauty-pagination— ページネーションbeauty-no-result— 該当記事なし表示beauty-search— 検索フォームbeauty-404— 404 ページ
サイト全体
beauty-header— 固定ヘッダーbeauty-footer— フッター
スタイルバリエーション
3種類のスタイルバリエーションが用意されています。サイトエディターのスタイルから切り替えられます。
| スタイル | 内容 |
|---|---|
| Champagne Gold (デフォルト) |
アイボリーの背景にシャンパンゴールドのアクセントを合わせた、上質で落ち着いた標準配色です。 |
| Emerald | 深いグリーンを基調としたパレット。落ち着きと自然な上質感を演出します。 |
| Dark | 黒を基調にゴールドを効かせた高コントラストの配色。夜のサロンのような艶のある印象を与えます。 |
自動アップデート
Blanky Beauty は 369theme.com のアップデートサーバーと連携しており、WordPress 管理画面からワンクリックで最新版にアップデートできます。
アップデートの確認方法
更新確認は最大1時間キャッシュされます。「外観」→「テーマ」画面に表示される「今すぐ更新を確認」ボタンから即時クリアできます。新しいバージョンが利用可能な場合、通知が表示されます。
アップデート時の注意: テーマファイルを直接編集している場合、アップデートで上書きされます。カスタマイズは子テーマ、またはサイトエディター上で行うことをおすすめします。アップデート前に、サイトのバックアップを取ることをおすすめします。
よくある質問
トップページにアーカイブが表示されてしまいます
「設定」→「表示設定」で「ホームページの表示」が「固定ページ」に設定されているか確認してください。初期設定が完了していないと、トップページにアーカイブテンプレートが表示されてしまいます。
フロントページのセクション順序を変えられますか?
はい。サイトエディターでフロントページのテンプレートを開き、パターンの順序をドラッグ&ドロップで入れ替えられます。不要なセクションは削除も可能です。
ヒーローの背景を動画から画像に変更できますか?
はい。ヒーローセクションはカバーブロックで構成されているため、サイトエディターからブロックを選択し、背景メディアを画像に差し替えられます。
Salon Information の地図を変更するには?
Salon Information セクション内のカスタム HTML ブロックに、Google マップの埋め込み URL が記述されています。ご自身のサロンの場所に合わせて URL を差し替えてください。
サポートを受けるには?
有料テーマをご購入いただいたお客様には、メールサポートを提供しています。サポートフォームからお問い合わせください。サポートの詳細はサポートポリシーをご確認ください。
子テーマでのカスタマイズ
大事な注意: PHP と WordPress の知識が必要です。Blanky Beauty を直接編集してカスタマイズすると、テーマをアップデートしたときにその変更が上書きされて消えてしまいます。カスタマイズを保護するために、子テーマの作成をおすすめします。サイトエディターでの編集はデータベースに保存されるので、子テーマはいりません。
- フォルダを作る
wp-content/themes/の中に、my-beauty-childなどの名前で空のフォルダを作ります。 style.cssに書く
style.cssを作り、先頭に次のコードを書きます。これで子テーマとして認識されます。ブロックテーマの子テーマなので、index.phpはいりません。/** * Theme Name: My Beauty Child * Template: blanky-beauty * Text Domain: my-beauty-child */functions.phpに書く
Blanky Beauty は親テーマ自身の CSS を読み込むので、子テーマのstyle.cssは自動では読み込まれません。functions.phpを作り、次のコードを書きます。最後の20は、Blanky Beauty(10)より後に読み込むための指定です。アーカイブなどのページだけで読み込まれる CSS も含めて、Blanky Beauty のすべての CSS の後に並ぶので、子テーマに書いた CSS で上書きできます。<?php function my_beauty_child_enqueue_styles() { wp_enqueue_style( 'my-beauty-child-style', get_stylesheet_uri(), array( 'blanky-beauty-style' ), wp_get_theme()->get( 'Version' ) ); } add_action( 'wp_enqueue_scripts', 'my_beauty_child_enqueue_styles', 20 );- テンプレートのファイルをコピーする
変更したいテンプレートのファイルを、親テーマblanky-beautyから、子テーマの同じ場所(例:my-beauty-child/templates/single.html)にコピーします。書き換えは子テーマのファイルで行います。
他の Blanky シリーズ
Blanky Beauty と同じ思想から生まれた、業種特化のプレミアムテーマです。
- Blanky Studio — クリエイター・写真家向けのプレミアムテーマ
- Blanky Work — 士業・プロフェッショナルサービス向けのプレミアムテーマ
- Blanky Nordic — 北欧ミニマルなプレミアムテーマ
サポート・リソース
公式リソース
- Blanky Beauty の紹介ページ — テーマの紹介
- Blanky Beauty の商品ページ — テーマの購入