見出しのデザイン12種
h2〜h4の見た目を選ぶだけ。CSSだけなので、記事の中身はいじりません。合わなければ消すだけで元に戻ります。
- CSSのみ
- JavaScriptなし
- 依存なし
「見出しの下に線」「表をスマホで横に送る」「印刷でメニューを消す」——毎回書き直すものを60本、1本ずつ独立したファイルにしてあります。外観 > 追加CSS に貼るだけです。
画像をクリックすると、幅いっぱいに大きく開きます。
いずれも WordPress 標準のテーマ(Twenty Twenty-Five)で撮っています。特別なテーマは使っていません。
--c を1つ直せば全体の色が変わります。!important を使っていません。効かないときの直しかたも書いてあります。あとから上書きできなくなる書き方をしていません。.entry-content から始めています。範囲を絞らずに書くと、サイドバーの見出しやフッターまで飾られます。.entry-content の調べかた・色の直しかた)| 型番 | SN-0002 |
|---|---|
| 種類 | コードの切れはし |
| 本数 | 60本(見出し・本文・表・ボタン・囲み・箇条書き・画像・フォーム・並べる・印刷 の各6本) |
| 貼る場所 | 外観 > カスタマイズ > 追加CSS |
| 入れるもの | ありません。プラグインではありません |
| JavaScript | なし |
| 外部への通信 | なし(画像もWebフォントも読み込みません) |
| <code>!important</code> | 使っていません |
| 直すところ | 各ファイルの頭に書いてあります |
| WordPress | 6.0 以上(6.8 で確認) |
| PHP | 8.0 以上 |
| ほかのプラグイン | いりません |
| つかっていい範囲 | 1つ買ったら1サイト/書き換えOK/再配布はNG(くわしく) |
2つ考えられます。1つは .entry-content がテーマと違うこと(.post-content などの場合があります。調べかたは はじめに.md に)。もう1つはテーマ側の指定が強いことで、そのときはセレクタを1つ増やす(body .entry-content h2)と通ります。
あとから上書きできなくなるためです。1本使うぶんには楽ですが、60本ぜんぶに付いていると、直したいときに全部と喧嘩することになります。
あちらは動きを足すPHP、こちらは見た目を整えるCSSです。貼る場所も違います(あちらは functions.php かプラグイン、こちらは追加CSS)。並べて使えます。
追加CSSはテーマごとに保存されるので、テーマを変えると引き継がれません。貼ったものは手元に残しておいてください(このファイル一式がその控えになります)。
やめてください。「はみ出しを見つける」は確認用で、公開したままにするものではありません。要るものだけ選んで貼ってください。
一緒に使うと
h2〜h4の見た目を選ぶだけ。CSSだけなので、記事の中身はいじりません。合わなければ消すだけで元に戻ります。
毎回ググるやつを60本。1ファイルずつ、functions.php に貼っても、そのままプラグインとして置いても動きます。
行と列を書くだけで比較表。スマホでは1列目を残したまま横に送れます。○×は読み上げにも言葉で伝えます。