Created
December 6, 2014 03:10
-
-
Save MikeGillihan/26b72a346934645092ae to your computer and use it in GitHub Desktop.
WordPress Native Classes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Body Classes | |
| // ---------------------------------------- | |
| .home {} // if it's the homepage | |
| .page {} // if it's any page | |
| .postid-XX {} // if it's a post - XX is the post's ID | |
| .rtl {} // when dealing with right-to-left content | |
| .blog {} // if it's the custom blog listing | |
| .archive {} // if it's any sort of archive page | |
| .category {} // if it's a categories listing page | |
| .tag {} // if it's a tags listing page | |
| .search search-results {} // if it's a search results page | |
| .author {} // if it's an authors page | |
| .author-XX {} // if it's an individual author's archive - XX is the author's nickname | |
| .date {} // if it's a date-based archives page | |
| .error404 {} // if it's a 404 page | |
| // Posts and Pages | |
| // ---------------------------------------- | |
| .post-XX {} // the ID of the element being displayed; used for both the posts and the pages | |
| .post {} // if it's a post | |
| .page {} // if it's a page | |
| .attachment {} // if it's an attachment; on most sites this is not used | |
| .sticky {} // if it's a sticky post | |
| .format-YY {} // assigned to custom content types - YY is the name of the content type, e.g. "audio" | |
| // Content | |
| // ---------------------------------------- | |
| // the main classes used for alignment | |
| .alignnone {} | |
| .alignleft {} | |
| .alignright {} | |
| .aligncenter {} | |
| img.alignnone {} | |
| img.alignleft {} | |
| img.alignright {} | |
| img.aligncenter {} | |
| .wp-caption {} // img caption | |
| .gallery {} | |
| .gallery-caption {} | |
| // styles for img sizes | |
| img.size-full {} | |
| img.size-large {} | |
| img.size-medium {} | |
| img.size-thumbnail {} | |
| // not classes, but surely something you should take care of | |
| blockquote {} | |
| code {} | |
| pre {} | |
| hr {} | |
| del {} | |
| // Comments | |
| // ---------------------------------------- | |
| ol.commentlist {} | |
| ol.commentlist li {} | |
| ol.commentlist li.alt {} | |
| ol.commentlist li.bypostauthor {} | |
| ol.commentlist li.byuser {} | |
| ol.commentlist li.comment-author-admin {} | |
| ol.commentlist li.comment {} | |
| ol.commentlist li.comment div.comment-author {} | |
| ol.commentlist li.comment div.vcard {} | |
| ol.commentlist li.comment div.vcard cite.fn {} | |
| ol.commentlist li.comment div.vcard cite.fn a.url {} | |
| ol.commentlist li.comment div.vcard img.avatar {} | |
| ol.commentlist li.comment div.vcard img.avatar-32 {} | |
| ol.commentlist li.comment div.vcard img.photo {} | |
| ol.commentlist li.comment div.vcard span.says {} | |
| ol.commentlist li.comment div.commentmetadata {} | |
| ol.commentlist li.comment div.comment-meta {} | |
| ol.commentlist li.comment div.comment-meta a {} | |
| ol.commentlist li.comment p {} | |
| ol.commentlist li.comment ul {} | |
| ol.commentlist li.comment div.reply {} | |
| ol.commentlist li.comment div.reply a {} | |
| ol.commentlist li.comment ul.children {} | |
| ol.commentlist li.comment ul.children li {} | |
| ol.commentlist li.comment ul.children li.alt {} | |
| ol.commentlist li.comment ul.children li.bypostauthor {} | |
| ol.commentlist li.comment ul.children li.byuser {} | |
| ol.commentlist li.comment ul.children li.comment {} | |
| ol.commentlist li.comment ul.children li.comment-author-admin {} | |
| ol.commentlist li.comment ul.children li.depth-2 {} | |
| ol.commentlist li.comment ul.children li.depth-3 {} | |
| ol.commentlist li.comment ul.children li.depth-4 {} | |
| ol.commentlist li.comment ul.children li.depth-5 {} | |
| ol.commentlist li.comment ul.children li.odd {} | |
| ol.commentlist li.even {} | |
| ol.commentlist li.odd {} | |
| ol.commentlist li.parent {} | |
| ol.commentlist li.thread-alt {} | |
| ol.commentlist li.thread-even {} | |
| ol.commentlist li.thread-odd {} | |
| // Widgets | |
| // ---------------------------------------- | |
| .widget {} // top level class for every widget | |
| .widget-title {} // usually on the inner header element | |
| // Archives | |
| .widget_archive {} // used next to .widget (on the same tag) | |
| // Calendar | |
| .widget_calendar {} // used next to .widget (on the same tag) | |
| #calendar_wrap {} // on <div> wrapping the calendar | |
| #wp-calendar {} // on <table> building the calendar | |
| // Categories | |
| .widget_categories {} // used next to .widget (on the same tag) | |
| .cat-item {} // on each item in the <ul> list | |
| // Custom Menu | |
| .widget_nav_menu {} // used next to .widget (on the same tag) | |
| .menu-item {} | |
| // Meta | |
| .widget_meta {} // used next to .widget (on the same tag) | |
| // Pages | |
| .widget_pages {} // used next to .widget (on the same tag) | |
| .page_item {} | |
| // Recent Comments | |
| .widget_recent_comments {} // used next to .widget (on the same tag) | |
| .recentcomments {} // on each item in the <ul> list | |
| // Recent Posts | |
| .widget_recent_entries {} // used next to .widget (on the same tag) | |
| // RSS | |
| .widget_rss {} // used next to .widget (on the same tag) | |
| .rsswidget {} // on each RSS link | |
| // Search | |
| .widget_search {} // used next to .widget (on the same tag) | |
| .search-form {} // used with the actual <form> element | |
| // Tag Cloud | |
| .widget_tag_cloud {} // used next to .widget (on the same tag) | |
| .tagcloud {} // on the <div> wrapping the cloud | |
| // Text | |
| .widget_text {} // used next to .widget (on the same tag) | |
| .textwidget {} // on the actual text content of the widget |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
References:
Back to Basics With WordPress CSS: Understanding the Native Classes
Base Threaded Comments Styling