CSSによる見出しの装飾

なんて言うか、テーマによりオリジナリティを出すにはどうしたらいいかと色々調べたら、CSSでデザインを凝るというのが一つの作戦らしい。

CSSの編集というと難しく感じるかもしれませんが、Twenty Twenty-Threeでは、簡単にCSSを追加できます。

子テーマの作成

CSSを追加する前に、子テーマを作成すると良いらしい。テーマがバージョンアップすると、追加したCSSが上書きされて消えてしまう恐れがあるらしい。でも私の勘ではTT3はバーションアップしても追記したCSSは消えないと思います。ということで、子テーマの作成はパスしてもいいと思うのですが、作りたい人は、「Create Block Theme」プラグインで作れます。

CSSの追記場所

管理画面から、外観>カスタマイズと進むと、左の画面になり、下に「追加 CSS」というサブメニューが現れるので、それをクリックします。

そうすると、CSSを追記出来る場所が現れます。

試しに追記してみたCSS

CSSについては、ほとんど何も知識がないので、専門のサイトにお世話になりました。私がお世話になったのはこちら。

WEBデザインを極めた感じのサイトですね。その中に見出しのCSSについての記事がありました。

ここから、良さそうなCSSを頂いて来て、H2、H3見出しに適用してみました。もうそれだけでデザインがガラリと変わるので、WEBデザインは奥が深いですね。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です