MENU
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
面白いこと発掘だ
northarantの研究室
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
northarantの研究室
  • ホーム
  • 生成AI
  • Drone
  • Minecraft
  • RaspberryPi
  • 随想
  1. ホーム
  2. Twenty Twenty-Tree
  3. デザインのネスト構造

デザインのネスト構造

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

デザインを構築するブロックは、カラム、グループ、横並び、縦積み、スペーサーなどで、それらを用いてデザインを構築していくのですが、単体で使うこともあれば、ネストして使うこともあります。

で、それらのネスト構想を見るためにあるのが、ドキュメント概観(左上のあのマーク→です)

個々のブロックをまとめるのがグループで、カラムを選ぶと列が出来ますし、横並びだとコンテンツに合わせて自動的に幅を調整して横に並んだり、縦積みだと縦に積み重ねたり出来ます。そして、それをネスト(入れ子構造)出来るので、グループの中にカラムを作って、そのカラムの中に縦積みを入れるとか、そんな感じでデザインしていくことで、思い通りのデザインが作れるようになります。

また、ブロックはドキュメント概観の部分ではドラッグアンドドロップで順番やネスト構造を簡単に変更できるのもWPの優れた所だと思いました。

ちなみに、このページの概観は左のようになっています。(この段落以降を除く)

各記事のページでは、そんなに凝った事をしないかもしれませんが、トップページなどで凝りたい場合は必須の知識だと思いました。

Twenty Twenty-Tree
TT3 デザイン ネスト
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • テーマカラーの設定
  • ヘッダーの固定

この記事を書いた人

northarantのアバター northarant

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

関連記事

  • CSSによる見出しの装飾
    2023年9月23日
  • 画像の固定
    2023年9月22日
  • ヘッダーの固定
    2023年9月21日
  • テーマカラーの設定
    2023年9月19日
  • アニメーションの追加
    2023年9月19日
  • ブロックエディターの感想
    2023年9月18日

コメント

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

カテゴリー

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

アーカイブ

  • 2025年9月
  • 2025年6月
  • 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の研究室.

目次