Class Name List for CSS
Classes assigned to the div surrounding the entire pageClass according to the breadcrumb listClass assigned to the headerClass assigned to cover imageClasses that enclose contentTitle AreaPage icon in title sectionbreadcrumbsDatediv surrounding the content with section delimitersShare ButtonFooter
Classes assigned to the div surrounding the entire page
The div that surrounds the entire page is given the
pageclass, and each page is given its own class.
page-_topclass is assigned to the top page.
For pages with permalinks, the URL string of the permalink is applied, like
page-about. If no permalink is specified, the page ID, which is also the URL, is assigned.
Class according to the breadcrumb list
The div that surrounds the entire page is also given a class that starts with
.pageMapaccording to the breadcrumb list.
For example, if you want to apply a style to an individual page under the blog page under the top page, you can write css like this.
Class assigned to the header
.headeris the full screen width, so you can use
.header__contentsWrapperto align the width with the content.
Class assigned to cover image
Classes that enclose content
- Page Icons
- Breadcrumbs list
- Page Title
- Page date and time
These are classes assigned to sections and divs surrounding the title area, including
Page icon in title section
pageDatetime__created__timeare included in
pageDatetime__created. If you want to display only the date, specify
div surrounding the content with section delimiters