Blanky Nordic
ドキュメント
Blanky Nordicは、モノクロ+アンバーゴールド(#D4AF37)のカラーパレットとエディトリアルスタイルのタイポグラフィを特徴とする、Nordicマガジン風のWordPressブロックテーマです。ブロガーやライターのために設計された、独立型(親テーマ不要)のテーマです。
主な特徴
- check_circle固定表示の枠線付きヘッダー(サイトタイトル+検索)
- check_circle最も閲覧された投稿を表示するNordic Hero
- check_circle「The Edit」12カラムモザイクグリッド + 「Visual Essays」3カラムグリッド
- check_circle大きなイタリック体セリフタイトルの投稿詳細ページ
- check_circleアーカイブの3カラムカードグリッド+ページネーション
- check_circle記事下部の3カラム関連記事
- check_circleブランディング+ナビ+ニュースレターの3カラムフッター
- check_circle内蔵の軽量な閲覧数カウンター
- check_circle更新時のfunctions.php/theme.json自動バックアップ
- check_circleワンクリックで作成できるカスタマイズ用子テーマ生成機能
動作要件
- check_circleWordPress 6.6以上
- check_circlePHP 7.4以上
同梱テーマタイプ
v3.0以降、独立したスタンドアロンテーマです。親テーマ「Blanky」は不要です。
フォント
外部フォントは使用せず、OS標準のシステムフォントのみで構成されています(Sans-serif: system-ui ほか / Serif: Georgia ほか)。
インストール
Blanky Nordicはスタンドアロンのブロックテーマです。以下の手順でインストールしてください。
テーマのアップロード
「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」を選択し、購入時にダウンロードしたblanky-nordic.zipを選択して「インストール」をクリックします。
有効化
インストール完了後、「有効化」をクリックします。Nordicデザインが自動的に適用され、追加設定は不要です。
ブログ一覧ページの設定
ブログ・記事一覧として使う固定ページを設定する場合は、以下の手順を行ってください。
固定ページの作成
- スラッグが
blogの固定ページを作成します。投稿一覧が自動で表示されます - ホームページ用に別の固定ページを作成します(例: 「フロントページ」)
- 「設定」→「表示設定」で「ホームページの表示」を「固定ページ」に設定
- 「ホームページ」に作成したフロントページ、「投稿ページ」に
blogページを指定して保存
静的なフロントページを設定しないと、テーマ本来のフロントページテンプレートではなく、投稿一覧がホームページとして表示されてしまう点にご注意ください。
テンプレート一覧
8種類のテンプレートが含まれています。「外観」→「エディター」→「テンプレート」から確認・編集できます。
front-page フロントページ
ヒーロー+「The Edit」モザイクグリッド+「Visual Essays」3カラムグリッドで構成されたトップページ専用テンプレート。
home 投稿一覧
front-pageと同一のレイアウトを持つ、投稿ページ用のテンプレートです。
single 記事詳細
大きなイタリック体セリフタイトル、フルワイドのアイキャッチ画像、投稿ナビゲーションを備えた記事詳細ページ。
archive アーカイブ
アイブロウラベル(動的アーカイブ種別表示)+ 3カラムカードグリッド + ページネーション。
page 固定ページ
汎用的な固定ページ用のテンプレートです。
search 検索結果
サイト内検索の結果を表示するテンプレートです。
404 ページが見つかりません
存在しないページにアクセスした際に表示されるテンプレートです。
index フォールバック
他のテンプレートが該当しない場合に使用される最終フォールバックテンプレートです。
パターン一覧
10種類のブロックパターンが含まれています。テンプレートから自動的に呼び出されますが、サイトエディターで自由に編集できます。
フロントページ用
nordic-hero— 最多閲覧記事のフルハイトカバーnordic-front-page— モザイクグリッド+Visual Essays
投稿用
nordic-single-main— 記事本文nordic-comments— コメント一覧+返信フォームnordic-related-posts— 関連記事3カラム
アーカイブ・共通
nordic-archive-main— アーカイブカードグリッドnordic-search-results— 検索結果表示nordic-404— 404ページ
サイト全体
nordic-header— 固定ヘッダーnordic-footer— 3カラムフッター
閲覧数カウンター
Blanky Nordicには軽量な閲覧数カウンターが内蔵されています。プラグイン不要で、投稿の人気度を自動的にトップページへ反映します。
仕組み
- 投稿詳細ページの閲覧時に
post_meta(blanky_nordic_post_views)へ記録 - ボットとログイン中のユーザーはカウント対象外
- フロントページのヒーローには最も閲覧された投稿が自動表示(0件の場合は最新投稿にフォールバック)
管理画面・API
- 投稿一覧に「Views」列が追加され、閲覧数でのソートが可能
- キャッシュ環境向けにREST APIエンドポイントを用意
POST /wp-json/blanky-nordic/v1/views/{"{"}id{"}"}
カラーパレット・ニュースレターフォーム
カラーパレット
theme.jsonで定義され、「外観」→「エディター」→「スタイル」から個別に上書きできます。
- primary(アクセント)— #D4AF37
- secondary(本文)— #000000
- background — #FFFFFF
- surface(カード面)— #F8F8F8
- muted(補助テキスト)— #666666
ニュースレターフォーム
フッターのニュースレター登録フォームはデモ用のビジュアルプレースホルダーで、送信機能はありません。Mailchimp・ConvertKitなどと連携する場合は、サイトエディターからフォームのHTMLマークアップを差し替えてください。
自動アップデート・自動バックアップ
Blanky Nordicは369theme.comのアップデートサーバーと連携しており、WordPress管理画面からワンクリックで最新版にアップデートできます。
自動バックアップの仕組み
アップデート時、以下の2ファイルが自動でバックアップされます。
- 更新前:
functions.phpとtheme.jsonをサーバーのシステム一時ディレクトリへ退避 - 更新後: 新テーマの
backups/フォルダへ移動し、一時ファイルを削除
保存先: wp-content/themes/blanky-nordic/backups/(functions.php.bak・theme.json.bak)。保持されるのは直前の1世代のみで、アップデートのたびに上書きされます。
サイトエディター上で行った変更はデータベースに保存されるため、テーマの更新による影響を受けません。テンプレートファイルを直接編集した場合は上記の自動バックアップ対象外のため、子テーマの利用をおすすめします。
カスタマイズ用テーマの作成
Blanky Nordicには、管理画面から子テーマを自動生成できる機能が内蔵されています。テーマファイルを直接編集する代わりに利用することをおすすめします。
作成手順
- Blanky Nordicを有効化した状態で管理画面を開く
- 「外観」→「カスタマイズ用テーマを作成」をクリック
- 「テーマ名」を入力(例:「My Nordic Theme」)
- 「テーマスラッグ」が自動入力される(英数字とハイフンのみ、フォルダ名になる)
- 「テーマを作成する」をクリックし、表示されたリンクから有効化
作成されるファイル
my-nordic-theme/ ├── style.css ← Theme declaration (Template: blanky-nordic) ├── functions.php ← PHP customizations └── custom.css ← CSS customizations (empty by default)
子テーマ有効化後もBlanky Nordicのデザインはそのまま引き継がれ、custom.css・functions.phpはアップデートで上書きされません。テンプレート(HTML)を上書きしたい場合は、子テーマに同名のtemplates/フォルダを作成してください。
よくある質問
親テーマは必要ですか?
いいえ。v3.0以降、Blanky Nordicは独立したスタンドアロンテーマです。親テーマ「Blanky」のインストールは不要です。
アップデートでカスタマイズが消えないようにするには?
サイトエディター(外観 → エディター)から行った変更はデータベースに保存されるため、アップデートの影響を受けません。ファイルを直接編集する場合は「カスタマイズ用テーマを作成」機能で子テーマを作成してください。
色をカスタマイズできますか?
はい。カラーパレットはtheme.jsonで定義されており、「外観」→「エディター」→「スタイル」から個別の色を上書きできます。
フッターのニュースレターフォームは実際に機能しますか?
いいえ、デモ用のビジュアルプレースホルダーです。実際に送信機能を持たせるには、Mailchimp・ConvertKitなどのメールマーケティングサービスのフォームHTMLに、サイトエディターから差し替えてください。
ブログ一覧ページはどう設定しますか?
スラッグが「blog」の固定ページを作成すると投稿一覧が自動表示されます。「設定」→「表示設定」の「投稿ページ」にそのページを指定し、別途作成したフロントページ用の固定ページを「ホームページ」に指定してください。
他のBlankyシリーズもご覧ください
Blanky Nordicと同じ思想から生まれた、業種特化のプレミアムテーマです。