WordPressのブロックテーマを制作してみました
１か月ぶりの更新。
今回「WordPressのブロックテーマでホームページを作る」ではなく、ブロックテーマそのものを作ってみました。
なるべくシンプルなものをと考え、、
・・・・考えるのに疲れ、
結果、教材にあるシンプルなレイアウトデザインを題材にして、
①クラシックテーマ化
②ハイブリッドテーマ化
③ブロックテーマ化 してみました。
①と②については、ほぼ同じ見た目でコーディングできましたが
③のブロックテーマでは、デフォルトの theme.json が干渉してしまい、デザインにズレが生じてしまいました。
クラシックテーマ・ハイブリッドテーマで作成
ブロックテーマで作成
とはいえ、ちゃんと設定さえすれば、オリジナルデザインもブロックテーマで作成できるのでは？
と希望が見えてきた次第。
ちなみに、以下は テーマフォルダのディレクトリ構成 です。
page.php や single.php などは省略し、index.php で代替した最小限の構成となっております。
HTML
テーマ/
├── style.css
├── index.html
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
クラシックテーマ
テーマ/
├── style.css
├── functions.php
├── header.php
├── footer.php
├── index.php
├── front-page.php
├── screenshot.png
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
ハイブリッドテーマ
テーマ/
├── theme.json
├── editor-style.css
├── style.css
├── functions.php
├── header.php
├── footer.php
├── index.php
├── front-page.php
├── screenshot.png
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
ブロックテーマ
テーマ/
├── theme.json
├── style.css
├── functions.php
├── screenshot.png
├── assets/
│ ├── images
│ ├── main.jpg
│ ├── ogimage.jpg
│ └── bg_h2.png
│ ├── css
│ └── custom.css
├── templates/
│ ├── index.html
│ ├── page.html
│ ├── single.html
│ ├── archive.html
│ └── 404.html
└── parts/
├── header.html
└── footer.html
はい！
見ての通り、ブロックテーマのファイル数の多いこと。✧=͟͟͞͞(꒪ᗜ꒪ ‧̣̥̇)
投稿記事を書くにあたっては、ブロックテーマが楽。
でも、複雑なレイアウトであったり、PHPシステムをゴリゴリ、プラグインもゴリゴリカスタマイズして使うのであれば
ハイブリッドテーマの方が便利。
クラシックテーマは、ホームページ完成後の更新を考えると、ハイブリッドテーマやブロックテーマに及ばないので消えていくかも。。
←「わたしの目指すWebエンターティナーとは。」前の記事へ 次の記事へ「魅力的なポートフォリオにするには。」→