アイキャッチ
ESSAY
2026.07.15
モジュール検証
これは記事パーツの全部入りデモです。翔護ブログで使える正典モジュールを上から順に並べています。陰陽モードを切り替えながら、各パーツの見え方を確認してください。見出しと文字装飾(h2下線=金・既定)
本文はこのように表示されます。文中のstrongタグは自動で金の太字になります。さらに蛍光マーカーを使うと、金のマーカー、木のマーカー、火のマーカー、土のマーカー、金行のマーカー、水のマーカー、そしてNG用の紫のマーカーが引けます。
下線が水色のh2(h2–sui)
h2の下線は修飾クラスで色を選べます。この見出しは水(–sui)。他に h2–white / h2–moku / h2–ka / h2–do / h2–gon があります。
数字・表・リスト(この見出しは火色)
13種
正典モジュール
2面
陰陽 自動対応
1クリック
パターン挿入
比較表(fsg-cmp)はシンプルな罫線タイプです。
| パーツ | 用途 | 色選択 |
|---|---|---|
| 比較表 | 並べて比べる情報 | なし(固定) |
| デザイン表 | プロフィール等の早見表 | 五行5色+金 |
デザイン表(fsg-summary)はラベルに色が付きます。これは既定の金。
| 読み | かのえたつ(サンプル) |
|---|---|
| 五行 | 金の陽 |
| ひとこと | 色は fsg-summary–moku 等のクラスで変更できます |
同じ表の木バージョン(fsg-summary–moku):
| 項目 | ラベルの文字色と地色が木の緑に変わります |
|---|
通常のリストは金点+下線付きになります。
- ひとつめの項目。点は金、行の下に細い罫線
- ふたつめの項目。長い文章でも折り返しは点に揃います
- みっつめの項目
⭕️❌フレーズリスト(長所・短所やOK/NG例に):
- 「あなたのペースでいいですよ」——安心を渡すひとこと
- 「普通はこうしますけどね」——比較で追い込むNGフレーズ
カード・枠・チップ(この見出しは木色)
木=伸びる力火=輝く力土=支える力金=研ぎ澄ます力水=流れる知ゴールド
- 用語カード
- 用語とその説明をカード型で並べられます。事典的な記事に。
- 陰陽対応
- すべてのパーツはテーマ変数参照なので、陽モードでは和紙×深い金に自動で切り替わります。
NOTEこれはNOTE枠です。補足・注意書き・免責などに。破線の金枠が目印です。
ゴシックフレーム
二重の額装枠で囲む強調エリアです。結論・お知らせ・重要な引用などに。内側の細い枠が6px浮いているのが正典仕様です。
ボタンとサムネイル
塗りつぶしなし(金枠)
ゴールド
ブラック
紫
マゼンタ
シアンカテゴリ別デフォルトサムネイル4種(本来はアイキャッチ未設定時に自動表示されるものを、確認用に並べています):
CHECKこの記事自体にはアイキャッチを設定していないので、HOMEやBLOG一覧でのこの記事のサムネイルには、付けたカテゴリのデフォルト画像が出ているはずです。あわせて確認してください。