Best Softwares, Technology and Web Development Tutorials

web designing and web development tutorials in English and Urdu. especially WordPress, Node js, MongoDB, Mean Stack, Full Stack development tutorials, basic to advance HTML css and javascript tutorials.

Subscribe to Our Youtube Channel

LightBlog

Breaking

Tuesday, 5 January 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