シュウ

今回は「有名Wordpressテーマの要素を調べてみた」についての解説になります！

こんな方に読んでほしい

• HTML5を学び始めた方へ
• HTMLの構造について学びたい方へ
• 今回はHTML5の要素について記事を書いております

構造について学ぶ前に前回の記事を読んでいただき、
各要素を理解したうえで各テンプレートの構造を学びましょう。

WordPressテーマの要素を検証について

上の図のように、HTML5からレイアウトと表す、header、main、aside、footerタグが使用できる
ようになりました。
有名なWordpressテンプレートはどよのうな構造になっているのか、調べてみました。

01.THE THOR

• 公式サイト

THE THOR構造について
最近は、多くのブロガーさんも愛用しているTHE THOR。
テンプレートの数も多く、1つ1つのクオリティーがとても高いです。

02.AFFINGER

• 公式サイト

AFFINGER構造について
AFFINGERも多くのブロガーさんに愛用されておりますよね。
基本、シンプルな構成になっており、とても見やすい印象。

03.WP Avenue

• 公式サイト

WP Avenue構造について
ファーストビューがとてもかっこいい印象。
また吹き出し、マーカーなどブログとしても必要な機能が多い印象。

04.OPENCAGE

• 公式サイト

OPENCAGE構造について
4つのテンプレートがあり、1つ1つのクオリティーもとても高いです。
最新のWordpressのブロックエディタへの対応もしています。

05.JIN

• 公式サイト

JIN構造について
女性向けのテンプレートもあり可愛い印象。
カスタマイズも多数ありオリジナル性の強い印象。

まとめ

今回は以上です。

5つのWordpressテーマの要素を調べてみましたが、簡単にPOINTをまとめてみました。

最新記事

• 

  【HTML】download属性について、ファイルのダウンロードを学ぼう!

  2021.07.27

• 

  【HTML】ruby要素の使い方、テキストにルビ(ふりがな)を振ろう!

  2021.07.09

• 

  【HTML】kbd要素の使い方、キーボードのキーを表す要素!

  2021.07.06

• 

  【HTML】hr要素の使い方、段落の区切りを示す要素!

  2021.07.02

関連記事

< 前の記事

【HTML】aside要素の正しい使い方を分かりやすく解説!

次の記事 >

【CSS】opacityで透明度を指定する方法を学ぼう！