Blanky Beauty

Blanky Beauty — ドキュメント

Blanky Beauty は、ネイル・アイラッシュ・エステ・リラクゼーションサロン向けに設計された WordPress ブロックテーマです。シャンパンゴールドのアクセント、ゆとりのある余白、上品なセリフ・サンセリフの組み合わせにより、代理店に頼らずとも小規模サロンオーナーが上質で洗練されたサイトを構築できます。


目次

  1. 概要
  2. 動作環境
  3. インストール
  4. 初期設定
  5. テンプレート一覧
  6. パターン一覧
  7. スタイルバリエーション
  8. 自動アップデート
  9. よくある質問
  10. 子テーマでのカスタマイズ
  11. 他の Blanky シリーズ
  12. サポート・リソース

概要

主な特徴:


動作環境

WordPress 6.6 以上
PHP 7.4 以上
動作確認 WordPress 7.1
テーマの種類 スタンドアロンの親テーマ(他のテーマへの依存はありません)

インストール

  1. テーマのアップロード
    WordPress 管理画面から「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」を選択し、購入時にダウンロードした Blanky Beauty の ZIP ファイルをアップロードします。
  2. 有効化
    アップロードが完了したら「有効化」をクリックします。これだけで Blanky Beauty が使えるようになります。

初期設定

テーマを有効化したら、以下の設定を行ってください。

表示設定(必須)

フロントページとアーカイブを正しく表示するために、WordPress の表示設定を変更する必要があります。この設定をしないと、トップページにアーカイブテンプレートが表示されてしまいます。

  1. 固定ページを2つ作成します。例:「Home」と「Blog」
  2. 「設定」→「表示設定」→「ホームページの表示」で「固定ページ」を選択
  3. 「ホームページ」に「Home」、「投稿ページ」に「Blog」を設定
  4. 変更を保存します

デモコンテンツの差し替え

以下の項目はデモ用のプレースホルダーです。有効化後にサイトエディター(外観 → エディター)から差し替えてください。

項目 デフォルト値 変更方法
サロン名・住所・営業時間・電話番号 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種類のブロックパターンが含まれています。テンプレートから自動的に呼び出されますが、サイトエディターで自由に編集できます。

フロントページ用

投稿用

アーカイブ・共通

サイト全体


スタイルバリエーション

3種類のスタイルバリエーションが用意されています。サイトエディターのスタイルから切り替えられます。

スタイル 内容
Champagne Gold
(デフォルト)
アイボリーの背景にシャンパンゴールドのアクセントを合わせた、上質で落ち着いた標準配色です。
Emerald 深いグリーンを基調としたパレット。落ち着きと自然な上質感を演出します。
Dark 黒を基調にゴールドを効かせた高コントラストの配色。夜のサロンのような艶のある印象を与えます。

自動アップデート

Blanky Beauty は 369theme.com のアップデートサーバーと連携しており、WordPress 管理画面からワンクリックで最新版にアップデートできます。

アップデートの確認方法

更新確認は最大1時間キャッシュされます。「外観」→「テーマ」画面に表示される「今すぐ更新を確認」ボタンから即時クリアできます。新しいバージョンが利用可能な場合、通知が表示されます。

アップデート時の注意: テーマファイルを直接編集している場合、アップデートで上書きされます。カスタマイズは子テーマ、またはサイトエディター上で行うことをおすすめします。アップデート前に、サイトのバックアップを取ることをおすすめします。


よくある質問

トップページにアーカイブが表示されてしまいます

「設定」→「表示設定」で「ホームページの表示」が「固定ページ」に設定されているか確認してください。初期設定が完了していないと、トップページにアーカイブテンプレートが表示されてしまいます。

フロントページのセクション順序を変えられますか?

はい。サイトエディターでフロントページのテンプレートを開き、パターンの順序をドラッグ&ドロップで入れ替えられます。不要なセクションは削除も可能です。

ヒーローの背景を動画から画像に変更できますか?

はい。ヒーローセクションはカバーブロックで構成されているため、サイトエディターからブロックを選択し、背景メディアを画像に差し替えられます。

Salon Information の地図を変更するには?

Salon Information セクション内のカスタム HTML ブロックに、Google マップの埋め込み URL が記述されています。ご自身のサロンの場所に合わせて URL を差し替えてください。

サポートを受けるには?

有料テーマをご購入いただいたお客様には、メールサポートを提供しています。サポートフォームからお問い合わせください。サポートの詳細はサポートポリシーをご確認ください。


子テーマでのカスタマイズ

大事な注意: PHP と WordPress の知識が必要です。Blanky Beauty を直接編集してカスタマイズすると、テーマをアップデートしたときにその変更が上書きされて消えてしまいます。カスタマイズを保護するために、子テーマの作成をおすすめします。サイトエディターでの編集はデータベースに保存されるので、子テーマはいりません。

  1. フォルダを作る
    wp-content/themes/ の中に、my-beauty-child などの名前で空のフォルダを作ります。
  2. style.css に書く
    style.css を作り、先頭に次のコードを書きます。これで子テーマとして認識されます。ブロックテーマの子テーマなので、index.php はいりません。
    /**
     * Theme Name: My Beauty Child
     * Template: blanky-beauty
     * Text Domain: my-beauty-child
     */
    
  3. 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 );
    
  4. テンプレートのファイルをコピーする
    変更したいテンプレートのファイルを、親テーマ blanky-beauty から、子テーマの同じ場所(例:my-beauty-child/templates/single.html)にコピーします。書き換えは子テーマのファイルで行います。

他の Blanky シリーズ

Blanky Beauty と同じ思想から生まれた、業種特化のプレミアムテーマです。

全ての商品を見る


サポート・リソース

公式リソース

サポート