WordPress テーマの静的プレビュー ・ Astro 紙灯ノートと同じ CSS

試しに置いた、最初のブログ記事

WordPress の管理画面を開かず、Markdown のまま原稿を書いてプレビューする。その感触を見るための一記事。

約3分

デザイン

なぜ雑誌型か

長い日本語の記事は、二段組と目次があると途中で迷子になりにくい。紙灯ノートは SWELL の読み心地に寄せた近似で、CSS もクラスも公式色も写していない。

WordPress にした理由

Astro + GitHub の雛形を、投稿画面から使えるテーマにした。見た目の正本は同じ tokens.css / global.css / blocks.css。

部品の置き方

記事にはショートコード、またはパターン「紙灯ノート」からボタン・吹き出し・囲みを置ける。

紙灯 編集部

原稿は投稿。見た目はこの CSS。

ポイント

SWELL のクラス名は出さない。

この記事を書いた人

紙灯 編集部

原稿は WordPress、見た目の確認はこのテーマの CSS。SWELL のクラスは使わない。

関連記事

目次