[WordPress] 워드프레스 기본 HTML & CSS 구조
일단 테마를 위해서는 assets/style.css를 참조한다.
body element에는 모든 post page를 styling하는 post-template-default class를 볼 수 있다. postid-xxxx 같은 class도 있는데 이를 써서 각 개별 post를 style할 수 있다.
header 에는 h1.site-name element와 nav.navbar 가 있다. ul로 메뉴 아이템들을 둔다. li 에 id들이 붙는 것을 볼 수 있는데, 개별 li를 styling할 수 있다.
page content의 primary와 secondary sections이 div#content에 담긴다.
div#primary는 primary content가 담기는 곳이다. 이는 실제 post를 담는 article element를 포함하는 main#main element로 싸여 있다. article element는 많은 class를 갖고 있는데, 이들로써 그 post를 다양한 방법으로 지정할 수 있도록 한다.
article 안에는 article의 header, h2, 그리고 div.entry-meta 안에 metadata를 담고 있는 header element가 있다. datetime 속성을 가지는 time element와 작성자를 보이는 vcard 등이 있다.
div.entry-content에 article이 담긴다. h3 이하 제목과 p elements, link들 같은게 담긴다.
secondary content section은 툴바 같은 aside를 담는다.
맨 아래 footer element는 copyright 같은걸 담는다.