機能
ブログに要るものだけ、
すべて揃っている。
-
先頭の記事を大きく
トップは全記事の新しい順。1件目を大きく見せます。投稿で「先頭固定表示」をオンにすれば、その記事が大きな1件目に。設定画面を探す必要はありません。
-
ヘッダー2種
大きなサイト名を二重線のナビで受ける題字型と、1行にまとめた型。サイトエディターでヘッダーを選び、「デザイン」から切り替えます。
-
カードとリスト
一覧はカテゴリー・日付・抜粋・著者を載せたカードのグリッド。ブロックのスタイルを切り替えれば、左に画像を置いた1行1件のリストにもなります。
-
サイドバー付きの記事
読みやすい 750px の本文に、リード文・著者・日付・読了時間(WordPress 6.9 以降)、著者紹介と前後の記事。横には検索・カテゴリー・最近の投稿が並びます。
-
共有ボタン
記事の下に X・Facebook・はてなブックマーク・リンクをコピー。ただのリンクなので、各サービスのスクリプトは読み込みません。
-
広告枠
広告やアフィリエイトのコードを入れるパターン。最初から「広告」の表示が付いているので、表記を忘れません。記事の中にも、サイドバーにも置けます。
-
ダークモード
ヘッダーのボタンで、サイト全体を夜の配色に。読者の選んだ状態は保存されます。スタイルを Nordic Midnight にしているときは、ボタンは出ません。
-
和文タイポグラフィ
和文の見出しの合成斜体を止め、字送りと行送りを和文向けに整える専用の層。フォントファミリーは変更しません。
-
読みやすい配色
どのスタイルでも、文字のコントラストは WCAG AA を満たします。金は線と飾りに使い、文字には使いません。北欧らしさと読みやすさを両立しています。
Design
細部まで考え抜かれたデザイン
デザイントークン
カラーパレット。
ネイビーにゴールドを重ねた配色。声を張らずに目を引きます。金は線を引き、文字はネイビーで読ませます。
- Foreground#111827
- Primary#C5A059
- Muted#6B7280
- Surface#F9FAFB
- Background#FFFFFF
導入方法
3ステップ。
それだけ。
-
テーマを追加
外観 → テーマ → 新しいテーマを追加 を開きます。
-
アップロードしてインストール
テーマのアップロード から blanky-nordic.zip を選び、インストールします。
-
有効化して完了
有効化をクリックすると、今ある記事がそのまま Nordic のデザインで表示されます。サイトを確認してください。
よくある質問
Questions.
既存のコンテンツに影響はありますか?
投稿・固定ページ・メディアはすべてそのままです。Blanky Nordic が変更するのはビジュアルデザイン(テンプレート・パターン・CSS・カラートークン)のみです。
大きく見せる記事は選べますか?
選べます。投稿の設定で「先頭固定表示」をオンにすると、ブログの1ページ目の先頭に来て大きく表示されます。固定した記事が無いときは、いちばん新しい記事が大きくなります。
広告やアフィリエイトは入れられますか?
入れられます。パターン「広告枠」を置きたい場所(記事の中、または全記事に出したいならサイドバー)に入れ、コードを貼るだけです。最初から「広告」の表示が付いているので、読者に広告だと伝わります。
3.6 から更新するとき、何かすることはありますか?
3.7 はブログ向けに作り直したので、3.6 のトップページの部品(リードヒーロー・マガジンヒーロー・お知らせ)は無くなりました。サイトエディターでテンプレートを編集して保存していた場合は、外観 → エディター → テンプレート でそのテンプレートを開き、メニューから「リセット」を選ぶと新しい形に戻ります。
色をカスタマイズできますか?
はい。カラーパレットは theme.json で定義されており、外観 → エディター → スタイル から上書きできます。コードは不要です。
アップデートはどうやって受け取れますか?
WordPress の管理画面ダッシュボードに更新通知が届きます。通常のテーマと同じように管理画面から更新できます。
外部フォントは使っていますか?
使用していません。すべてシステムフォントです。サンセリフは OS ネイティブのシステムフォント、セリフは Georgia を使用しています。高速で、プライバシーにも配慮した設計です。
スタイルバリエーションは何種類ありますか?
4種類です。外観 → エディター → スタイル から切り替えます。既定のネイビー+ゴールド、Nordic Midnight(全面ダーク)、Nordic Ink(寒色のモノクローム)、Nordic Sand(温かみのある紙色)。読者はヘッダーのボタンでダークモードにも切り替えられます。