Breaking

Tuesday, January 5, 2016

Wordpress IDs Classes and Tags Refrences


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
 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
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