Blanky Work — ドキュメント

Blanky Work は、確定申告・相続・開業など、個人のお客様が多い小さな税理士・会計・法律事務所のためのブロックテーマです。トップページは、小さな事務所が実際に載せている順に、お悩み・選ばれる理由・サービス・事例・スタッフ・お知らせ・お問い合わせを並べています。

目次

1. 概要
2. 動作環境
3. インストールと表示設定
4. テンプレート一覧
5. トップページを自分のものにする
6. 事例を書く
7. 固定ページ
8. パターン一覧
9. スタイルバリエーションとダークモード
10. 日本語の表示
11. 自動アップデート
12. 子テーマでのカスタマイズ
13. サポート・リソース

概要

主な特徴:

• トップの並びは、ヒーロー → お悩み → 選ばれる理由 → サービス → 事例 → スタッフ → お知らせ・コラム → 問い合わせ
• ヒーローは4種から選べる（言葉・人・景色・クラシック）。最初の画面に、相談のボタンと電話番号が入る作り
• 事例は、フォーマットを「ステータス」にした投稿として書き、お知らせ・コラムとは分けて出す（事例を書く）
• 料金・よくあるご質問・お問い合わせ（相談の流れつき）の固定ページと、About・サービス・スタッフのページ
• 広い画面ではヘッダーに電話番号、スマートフォンでは画面の下に「電話する／無料相談」の帯
• 電話番号・受付時間・住所・メールアドレスは、「外観」→「事務所の情報」に一度入れるだけで、サイト全体に出る（電話番号・住所などを入れる）
• 初期の配色は生成りの地に明朝の見出し。スタイルで Navy などに切り替えられる
• ヘッダーのボタンで切り替えるダークモード。どのスタイルにも暗い配色があります
• 日本語の翻訳ファイル
• 書体は閲覧者の端末に入っているものだけを使います。Web フォントは読み込まず、表側では外部のサーバーに通信しません
• 369theme.com 経由の自動アップデート対応

動作環境

6.7 以上が必要なのは、トップの事例欄とお知らせ欄の絞り込みに、WordPress 6.7 でクエリーループに入った「フォーマット」の指定を使っているためです。

インストールと表示設定

1. テーマのアップロード
   購入時にダウンロードした blanky-work.zip を、WordPress 管理画面の「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」から選びます。
2. 有効化
   「今すぐインストール」→「有効化」をクリックします。
3. 表示設定（必須）
   「設定」→「表示設定」で、次のように設定します。
   • 「ホームページの表示」→「固定ページ」
   • 「ホームページ」→ トップ用の固定ページ（例：「ホーム」）
   • 「投稿ページ」→ お知らせ・コラム用の固定ページ（スラッグ blog）
4. 固定ページを作る
   次のスラッグで固定ページを作ると、それぞれ用意したデザインが自動で使われます。固定ページの中身は空のままでかまいません。

投稿を書き始める前に、事例を書くも読んでください。事例とお知らせ・コラムは、カテゴリーではなく「フォーマット」という設定で分けます。

テンプレート一覧

テンプレートパーツは「ヘッダー」「フッター」の2つです。

トップページを自分のものにする

トップの文章・写真・数字は、架空の事務所の見本です。「外観」→「エディター」でトップページのテンプレートを開き、ひとつずつ差し替えてください。

ヒーローを選ぶ

今のヒーローを削除して、「Blanky Work のパターン」から別のヒーローを入れます。言葉・人・景色のヒーローには、相談のボタンと電話番号が入っています。ヒーローの相談のボタンは、トップの問い合わせ欄に移動します。

「人」の写真の枠には、最初は「ここに写真を入れる」と分かる図（人の形と点線の枠）が入っています。画像ブロックを選んで、ご自身の写真に差し替えてください。

見た目の組み合わせ

ヒーローの種類と、サイト全体の配色（スタイル）は、別々の操作です。ヒーローを差し替えても配色は変わらず、配色を変えてもヒーローは変わりません。

代表の写真で見せたいときは、次の2つを両方行います。

1. 「外観」→「エディター」でトップページのテンプレートを開き、ヒーローを「Work ヒーロー：人」に差し替える
2. 「外観」→「エディター」→「スタイル」で「Navy」を選ぶ

どの組み合わせでも使えます。写真の色に合わせて選んでください。

電話番号・住所などを入れる（事務所の情報）

電話番号・受付時間・住所・メールアドレスは、「外観」→「事務所の情報」に一度入れると、サイトの中のすべての場所に出ます。

入れた内容が出る場所は、次のとおりです。

• ヘッダー（受付時間・電話番号）
• スマートフォンの画面の下の帯（「電話する」のリンク先）
• トップのヒーロー（言葉・人・景色。電話番号・受付時間）
• トップの問い合わせ欄（住所・電話番号・受付時間）
• About ページとお問い合わせページ（住所・電話番号・受付時間・メールアドレス）

ヘッダーの電話番号は、画面幅 1440px 以上で表示されます。スマートフォン（画面幅 782px 未満）では、代わりに画面の下に「電話する／無料相談」の帯が出ます。

お悩み・選ばれる理由・サービス・スタッフ

• お悩み — 「税務調査の通知が来た」のような、お客様の言葉で書いた悩みのカードです。各カードの小さな見出しは、対応するサービスの分野です。文言とリンク先を、ご自身の事務所のサービスに合わせてください。
• 選ばれる理由 — 3項目です。文言を書き換えます。
• サービス — 3分野です。文言・写真・リンク先を書き換えます。
• スタッフ — 写真・名前・肩書き・ひとことを書き換えます。詳しい経歴は、スタッフのページに書きます。

お知らせ・コラム

普通の投稿として書きます。トップの「お知らせ・コラム」には、フォーマットが「標準」の投稿が新しい順に4件出ます。投稿ページ（blog）にも、事例を除いた投稿が並びます。

問い合わせ欄

トップのいちばん下の欄です。住所・電話番号・受付時間は「事務所の情報」から入ります（電話番号・住所などを入れる）。ボタンは /contact/（お問い合わせページ）に移動します。

事例を書く

事例も、お知らせ・コラムも、どちらも普通の「投稿」として書きます。テーマは「フォーマット」という設定（WordPress の機能としての名前は「投稿フォーマット」）で、事例とお知らせを見分けます。WordPress に元からある設定で、カテゴリーやタグとは別物です。

事例の書き方: いつもどおり投稿を作り、編集画面の右側の設定で「フォーマット」（「カテゴリー」のすぐ上）をクリックし、開いた窓で「ステータス」を選びます。それ以外は、お知らせの投稿と同じです。

• トップの「事例」には、ステータスの投稿だけが新しい順に3件出ます。
• お知らせ・コラム欄と投稿ページには、ステータスの投稿は出ません。
• 「すべての事例を見る」は、ステータスの投稿をまとめたページへのリンクになります。ステータスの投稿がまだ無いときは、投稿ページへのリンクです。
• アイキャッチ画像を設定してください。設定していない記事には、画像の代わりの図が出ます。
• 事例は、お客様が特定されないように、業種・地域・時期をぼかして書いてください。

固定ページ

スラッグを合わせて作った固定ページは、テーマが用意したデザインで表示されます（インストールと表示設定）。中身を書き換えるときは、「外観」→「エディター」→「テンプレート」で、そのページのテンプレートを開いて編集します。

料金（fees）

「顧問契約（月額）」「決算・申告」「相続・贈与」の3つの表と、相談の流れが入っています。見本の金額は架空です。ご自身の料金に書き換え、使わない表は削除してください。

よくあるご質問（faq）

質問をクリックすると答えが開く形です（WordPress の「詳細」ブロック）。質問を増やすときは、1つを複製して書き換えます。

お問い合わせ（contact）

連絡先（住所・電話・受付時間・メール）、相談の流れ、フォームの欄が入っています。テーマにはフォームの送信機能がありません。フォームを置くときは、Contact Form 7 などのフォームのプラグインを入れ、そのショートコードを「フォームの欄」の案内文と置き換えてください。

About・サービス・スタッフ（about・service・staff）

About には理念・沿革・アクセスが、サービスには分野ごとの説明と相談のボタンが、スタッフには経歴つきの紹介が入っています。どれも見本なので、文章と写真を書き換えてください。

パターン一覧

ブロックの挿入画面の「パターン」→「Blanky Work のパターン」に並ぶものです。

このほかに、テンプレートの部品として使っているパターン（ヘッダー・フッター・各ページの中身など）があります。これらは挿入画面には出ません。

スタイルバリエーションとダークモード

「外観」→「エディター」→「スタイル」で選びます。

見出し・数字・電話番号は明朝、本文はゴシックで表示されます。どの配色でも、補足の文字のコントラストは 4.5:1 以上にしています。

ダークモード

ヘッダーの太陽／月のボタンで、サイト全体が暗い配色に切り替わります。選んだ状態は、読者のブラウザに保存されます。端末（OS）の設定には追従しません。どのスタイルにも暗い配色があり、スタイルを変えると、暗い配色もそのスタイルのものになります。

日本語の表示

日本語の翻訳ファイル（languages/ja.po・ja.mo）を同梱しています。「設定」→「一般」のサイトの言語が日本語なら、テーマの文言とパターンの名前が日本語で表示されます。テーマ名やスタイルバリエーションの名前は、英語のままにしています。

自動アップデート

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

アップデートの確認方法

更新確認は最大1時間キャッシュされます。「外観」→「テーマ」画面に表示される「今すぐ更新を確認」から、すぐに確認し直せます。新しいバージョンがあれば、通知が表示されます。

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

1. フォルダを作る
   wp-content/themes/ の中に、my-work-child などの名前で空のフォルダを作ります。
2. style.css に書く
   style.css を作り、先頭に次のコードを書きます。これで子テーマとして認識されます。ブロックテーマの子テーマなので、index.php はいりません。

   /**
    * Theme Name: My Work Child
    * Template: blanky-work
    * Text Domain: my-work-child
    */
   

3. functions.php に書く
   Blanky Work は自分の CSS を部品ごとに読み込むので、子テーマの style.css は自動では読み込まれません。functions.php を作り、次のコードを書きます。blanky-work-animations は Blanky Work が最後に読み込む CSS です。最後の 20 は、Blanky Work（10）より後に読み込むための指定です。Blanky Work のすべての CSS の後に並ぶので、子テーマに書いた CSS で上書きできます。

   <?php
   function my_work_child_enqueue_styles() {
   	wp_enqueue_style(
   		'my-work-child-style',
   		get_stylesheet_uri(),
   		array( 'blanky-work-animations' ),
   		wp_get_theme()->get( 'Version' )
   	);
   }
   add_action( 'wp_enqueue_scripts', 'my_work_child_enqueue_styles', 20 );
   

4. 同梱の写真を差し替える
   パターンに入っている同梱の写真は、子テーマの同じ場所に同じ名前のファイルを置くと、そちらが使われます。たとえば my-work-child/assets/images/hero.jpg を置くと、ヒーロー「言葉」の写真が変わります。置かなかった写真は、親テーマのものがそのまま使われます。
5. テンプレートのファイルをコピーする
   変更したいテンプレートのファイルを、親テーマ blanky-work から、子テーマの同じ場所（例：my-work-child/templates/single.html）にコピーします。書き換えは子テーマのファイルで行います。

サポート・リソース

公式リソース

• Blanky Work の紹介ページ — テーマの紹介
• Blanky Work の商品ページ — テーマの購入

サポート

• お問い合わせ — 質問やサポートのご相談
• カスタマイズのご依頼 — 有料のカスタマイズ（予約のページ・業種に合わせたページの追加など）
• サポートポリシー — サポートの範囲