さてさて大人の夏休み自由研究「初老でもホームページを作れるか?」も24日目。昨日、「WordPressのブロックを理解しないとダメだ!」ということにやっと気がつきまして勉強をはじめました。あぁ、学問に近道なし。ってことで、今日は・・・。
●横並び(ブロックを水平に並べる)
横並びブロックに入れたブロックは水平に並びます。カラムのようにエリアを分割しなくても、ブロックを入れた順に並んでいきます。
・・・ということなので並べてみます。
![手描きのイラストと手描きの文字で飲食店さんのメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_01-e1692098556230.png)
![手書き文字でメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_04-1.png)
![手描きのイラストでメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy05-e1692098453830.png)
・・・なるほど確かに横に並びますね。で、「縦積み」というのもあって・・・。
●縦積み(ブロックを垂直に並べる)
縦積みブロックに入れたブロックは垂直に並びます。
・・・ということなので積んでみます。
![手描きのイラストと手描きの文字で飲食店さんのメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_01-e1692098556230.png)
![手書き文字でメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_04-1.png)
![手描きのイラストでメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy05-e1692098453830.png)
・・・なるほど。縦に積めますね。この「横並び」と「縦積み」を両方とも使うと・・・。
![手描きのイラストと手描きの文字で飲食店さんのメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_01-e1692098556230.png)
![手書き文字でメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_04-1.png)
![手描きのイラストでメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy05-e1692098453830.png)
↑こういう組み方もできるのですね・・・ちなみに「あたたかみのある」が「横並び」のブロックで、その「横並び」のブロックに「縦積み」ブロックを入れて(ややこしい・・・)「手書き文字で」と「メニューを作ります!!」を縦にならべてあります。
![手描きのイラストと手描きの文字で飲食店さんのメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_01-e1692098556230.png)
![手書き文字でメニューを作ります!](https://loosecoolwool.com/wp-content/uploads/2023/08/title_copy_04-1.png)
↑右揃えにしてみました。あと、上下に空きとかも付けられるのですね(ブロックの余白)。なるほどなるほど・・・。
コメントを残す