テーマの追加
ブロックエディタースタイル(Gutenberg, WP 5.0から)のテーマ作成は今回が初めて。とりあえず現状:
スタイルはBootstrapを使用しているけど、Reset CSSな気分にとどめている。aside
の各リンクリストではCollapseとDropdownsのどちら使うか迷ったが、とりあえずDropdownsを使っている。どちらも子項目が大量になると破綻するのが分かっているので、オリジナルなものを考えよう。
パーツやパターンに関しては静的なHTMLはあまり作らず、functions.php内でrender_callback
を登録してダイナミックブロックにしているものが多い。細部のデザインも作ったら公開しようと思うけど、カスタマイズしやすいよう静的ブロックにしなければならない。
my-theme
.
|-- assets
| |...
|
|-- blocks
| |-- archives.php
| |-- post-footer.php
| |-- post-header.php
| |-- posts.php
| |-- query-pagination-next.php
| |-- query-pagination-previous.php
| |-- search-form.php
| `-- site-title.php
|-- functions.php
|-- parts
| |-- 404.html
| |-- aside-search.html
| |-- aside.html
| |-- footer.html
| |-- post.html
| |-- posts-archive.html
| |-- posts-search.html
| `-- posts.html
|-- patterns
| |-- 404.php
| |-- footer-cc.php
| |-- footer-icons.php
| |-- footer-wp.php
| `-- posts-pagination.php
|-- style.css
|-- templates
| |-- 404.html
| |-- archive.html
| |-- index.html
| |-- search.html
| `-- single.html
`-- theme.json
現在のテンプレートファイルの構成は上記のようになっているが、blocks, parts, patterns
配下の振り分けはとくに一貫した理由に基づくものではないのでもっとスッキリできるはず。blocks
配下のファイルは静的ブロックではなく、functions.php
内でrender_callback
を登録した動的ブロックになっている。細部のデザインを作ったらこのテーマは公開しようと思っているが、カスタマイズの余地があるブロックは静的ブロックにしなければならない。