Class/ID
|
Description
|
#post-94
|
each post has a unique id ie #post-94 (94 represents
post id)
|
.more-link
|
when using more tag , wordpress automatically adds class
more-link to read more link |
.post-edit-link
|
all post edit links has that class
|
blockquote
|
represents blockquotes
|
code
|
represents code block
|
ins
|
The <ins> tag defines text that has been inserted into a
document
|
em
|
Renders as emphasized text
|
del
|
The <del> tag defines text that has been deleted from a
document.
|
strong
|
bold paragraph
|
.alignleft
|
used for left alignment . Can be used with images
img.alignleft , paragraph p.alignleft ..etc
|
.alignright
|
used for right alignment . Can be used with images
img.alignright , paragraph p.alignright ..etc
|
.aligncenter
|
used for center alignment . Can be used with images
img.aligncenter , paragraph p.aligncenter ..etc
|
.alignnone
|
used for none alignment . Can be used with images
img.alignnone , paragraph p.alignnone ..etc
|
.size-thumbnail
|
used for images in thumbnail size {img.size-thumbnail}
|
.size-medium
|
used for images in medium size {img.size-medium}
|
.size-large
|
used for images in large size {img.size-large}
|
Class/ID
|
Description
|
.size-full
|
used for images in full size {img.size-full}
|
Widgets
Class/ID
|
Description
|
li.widget
|
All default widgets will have that class
|
li.widget_archive
|
All default archive widgets will have that class
|
li.widget_calendar
|
All default calender widgets will have that class
|
li.widget_categories
|
All default categories widgets will have that class
|
li.widget_tag_cloud
|
All default tag cloud widgets will have that class
|
li.widget_recent_entries
|
All default recent entries widgets will have that
class
|
li.widget_recent_comments
|
All default recent comments widgets will have
that class
|
li.widget_meta
|
All default meta widgets will have that class
|
li.widget_links
|
All default blogroll widgets will have that class
|
li.widget_search
|
All default search widgets will have that class
|
li#archives-1
|
every archive widget wrapped with
a <li> that has an unique id #archives-1 1 represents the id of that archive widget |
li#calendar-1
|
every calender widget wrapped with
a <li> that has an unique id #calender-1 1 represents the id of that archive widget |
li#categories-1
|
every categories widget wrapped with
a <li> that has an unique id #categories-1 1 represents the id of that archive widget |
li#tag_cloud-1
|
every tag cloud widget wrapped with
a <li> that has an unique id #tag_cloud-1 1 represents the id of that archive widget |
li#recent-posts-1
|
every recent posts widget wrapped with
a <li> that has an unique id #recent-posts-1 1 represents the id of that archive widget |
li#recent-comments-1
|
every recent comments widget wrapped with
a <li> that has an unique id #recent- comments-1 1 represents the id of that archive widget |
li#meta-1
|
every meta widget wrapped with
a <li> that has an unique id #meta-1 1 represents the id of that archive widget |
li#linkcat-1
|
every blogroll widget wrapped with a
<li> that has an unique id #linkcat-1 1 represents the id of that archive widget |
li#search-1
|
every search widget wrapped with a <li> that has
an unique id #search-1 1 represents the id of
that archive widget |
h2.widgettitle
|
all h2 widget titles has that class
|
li.cat-item *
|
all items of categories list has that class
|
li.current-cat *
|
active (current) category item has that class
|
ul.children *
|
indicating second level list under categories list
|
li.page_item *
|
all items of pages list has that class
|
li.current_page_item *
|
active (current) page item has that class
|
li.current_page_parent *
|
parent of the current (active) page has that class
|
li.current_page_ancestor
*
|
ancestor of the current (active) page has that
class
|
Comments
ol.commentlist
|
all comments wrapped with ol list with class .commentlist
|
li.comment
|
all comments has that class .comment
|
#comment-1
|
each comment has a unique id (1 represents the id)
|
.comment-body
#div-comment-1
|
comment div container has that class
each comment div container has a unique id #div- comment-1 (1 represents the id) |
.comment-author
.vcard
|
avatar and comment author name are wrapped with a div that
has these classes
|
.avatar
|
avatar image has that class
each comment has a unique id (19 indicating the comment id) |
cite.fn
|
comment author name wrapped with a cite that has
class .fn
|
.comment-meta
.commentmetadat
a
|
comment time and edit link are wrapped with a div that has
these classes
|
a.comment-edit-
link
|
each comment edit link has this class .comment-edit-link
|
.reply
|
reply link wrapped with a div that has a .reply class
|
a.comment-
reply-link
|
each comment reply link has this class .comment-reply-
link
|
.comment-
author-name
|
each comment wrapped with a div that has this class (name is
the comment author name) this is helpful if you want to
differentiate a certain user comments
|
.bypostauthor
|
post author comments are wrapped with a div that has this
class
|
.odd
.thread-odd
|
odd comments wrapped with a div that has these classes
|
.alt
.thread-alt
|
the same as odd comments
|
.even
.thread-even
|
even comments wrapped with a div that has these classes
|
.parent
|
each comment that has a reply is a parent and wrapped with a
div that has this class
|
.depth-1 .depth-2 .depth-3 .....etc |
threaded comments are represented in levels , so each level
wrapped with a div that has a .depth-X class (X represents
the level)
|
Gallery
.gallery
|
each gallery wrapped with a div that has this class
|
.galleryid-1 |
each gallery wrapped with a div that has this class (1
represents the id)
|
dl.gallery-item |
each gallery item wrapped with a dl that has .gallery-
item
|
dt.gallery-icon
|
each gallery thumbnail wrapped with a dt that
has .gallery-icon
|
img.attachment-
thumbnail
|
each gallery image of size thumbnail has that
class .attachment-thumbnail
|
img.attachment-
medium
|
each gallery image of size thumbnail has that
class .attachment-medium
|
img.attachment-
large
|
each gallery image of size thumbnail has that
class .attachment-large
|
p.attachment
|
within attachment page image are wrapped with a p that has
class .attachment
|
* these classes also available when using wp_list_pages() and wp_list_categories() functions .
No comments:
Post a Comment