MENU
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
面白いこと発掘だ
northarantの研究室
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
northarantの研究室
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
  1. ホーム
  2. Twenty Twenty-Tree
  3. CSSによる見出しの装飾

CSSによる見出しの装飾

2023 9/23
Twenty Twenty-Tree
2023年9月23日

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

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

目次

子テーマの作成

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

CSSの追記場所

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

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

試しに追記してみたCSS

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

JAJAAAN!

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

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

Twenty Twenty-Tree
CSS TT3 デザイン
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 画像の固定
  • ちいりおちゃんねる

この記事を書いた人

northarantのアバター northarant

1968年生まれ。職業は高校数学の教員。自分では変わり者だと思っています。常により良い未来を目指して、時に楽しく、時に苦しみながら、人生を歩いています。

関連記事

  • 画像の固定
    2023年9月22日
  • ヘッダーの固定
    2023年9月21日
  • デザインのネスト構造
    2023年9月20日
  • テーマカラーの設定
    2023年9月19日
  • アニメーションの追加
    2023年9月19日
  • ブロックエディターの感想
    2023年9月18日

コメント

コメントする コメントをキャンセル

カテゴリー

  • Drone
  • Minecraft
  • Python
  • RaspberryPi
  • Twenty Twenty-Tree
  • これすごい
  • 生成AI
  • 随想

アーカイブ

  • 2025年5月
  • 2024年12月
  • 2024年11月
  • 2024年9月
  • 2024年7月
  • 2024年6月
  • 2024年5月
  • 2024年4月
  • 2024年3月
  • 2024年2月
  • 2024年1月
  • 2023年11月
  • 2023年10月
  • 2023年9月
  • 2023年8月
  • 2023年3月
  • 2023年2月
  • 2023年1月

© northarantの研究室.

目次