デザインのネスト構造

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

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

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

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

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

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

コメントする

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