テーマの追加

ブロックエディタースタイル(Gutenberg, WP 5.0から)のテーマ作成は今回が初めて。とりあえず現状:

regular sizecompact size

スタイルは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を登録した動的ブロックになっている。細部のデザインを作ったらこのテーマは公開しようと思っているが、カスタマイズの余地があるブロックは静的ブロックにしなければならない。

コメントを残す

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