WordPress 3.7.1 テーマ Twenty Thirteen のHTML構造
※当サイトにはプロモーションが含まれています。
公開日:
更新日:
WordPress 3.7.1 テーマ Twenty Thirteen のHTML構造を調べてみた。
メインページと投稿ページを調査したが、この２つのページの主な違いは以下であった。
- メインページに対して投稿ページは、article タグ（記事）が１つ
- メインページに対して投稿ページは、article タグの後に、nav タグ（前後の記事へのリンク）とdiv id=“comments”（コメント）が追加されている。
以下は調査したHTML構造（主なタグを抽出してある）
メインページ
body
- div id=“page”
- header id=“masthead”
- a
- h1
- h2
- div id=“navbar”
- nav id=“site-navigation”
- h3
- a
- div
- form
- nav id=“site-navigation”
- a
- div id=“main”
- div id=“primary”
- div id=“content”
- article id=“post-2”
- header
- h1
- a #記事のタイトル
- div class=“entry-meta”
- h1
- div id=“entry-content”
- footer
- header
- article id=“post-1”
- header
- h1
- a #記事のタイトル
- div class=“entry-meta”
- h1
- div id=“entry-content”
- footer
- header
- article id=“post-2”
- div id=“content”
- div id=“primary”
- footer id=“colophon”
- div id=“secondary”
- div
- aside id=“search-2”
- aside id=“recent-posts-2”
- h3
- ul
- li
- aside id=“recent-comments-2”
- h3
- ul
- li
- aside id=“archives-2”
- h3
- ul
- li
- aside id=“categories-2”
- h3
- ul
- li
- aside id=“meta-2”
- h3
- ul
- li
- div
- div id=“secondary”
- header id=“masthead”
投稿ページ
body
- div id=“page”
- header id=“masthead”
- a
- h1
- h2
- div id=“navbar”
- nav id=“site-navigation”
- h3
- a
- div
- form
- nav id=“site-navigation”
- a
- div id=“main”
- div id=“primary”
- div id=“content”
- article id=“post-2”
- header
- h1 #記事のタイトル
- div class=“entry-meta”
- div id=“entry-content”
- footer
- header
- nav # 前後の記事へのリンク
- h1
- div class=“nav-links”
- div id=“comments”
- div id=“respond”
- h3
- form
- div id=“respond”
- article id=“post-2”
- div id=“content”
- div id=“primary”
- footer id=“colophon”
- div id=“secondary”
- div
- aside id=“search-2”
- aside id=“recent-posts-2”
- h3
- ul
- li
- aside id=“recent-comments-2”
- h3
- ul
- li
- aside id=“archives-2”
- h3
- ul
- li
- aside id=“categories-2”
- h3
- ul
- li
- aside id=“meta-2”
- h3
- ul
- li
- div
- div id=“secondary”
- header id=“masthead”
