برگه تقلب CSS ایجاد شده پیش فرض وردپرس برای مبتدیان

به سادگی به ظاهر » منوها صفحه و روی دکمه Screen Options در گوشه سمت راست بالای صفحه کلیک کنید.

وردپرس کلاس‌های CSS پیش‌فرض زیر را اضافه می‌کند تا به توسعه‌دهندگان تم کمک کند تا به منطقه نظر خود سبک طراحی کنند.

اگر ویرایشگر CSS را در داشبورد وردپرس خود نمی‌بینید، پس آموزش ما را در مورد چگونگی رفع مشکل سفارشی‌کننده تم وردپرس دنبال کنید.

کلاس های منوی پیمایش پیش فرض

اگر این مقاله را دوست داشتید، لطفا در ما مشترک شوید کانال یوتیوب برای آموزش ویدیویی وردپرس. شما همچنین می توانید ما را در توییتر و فیس بوک.

منبع: https://www.wpbeginner.com/wp-themes/default-wordpress-generated-css-cheat-sheet-for-beginners/

/*Comment Output*/
 
.commentlist .reply {}
.commentlist .reply a {}
 
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
 
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}
 
.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
 
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
 
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
 
#cancel-comment-reply {}
#cancel-comment-reply a {}
 
/*Comment Form */
 
#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment 
#submit
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { } 
.form-submit

به سادگی بلوک هایی را در طرح خود رها کنید تا طرح بندی های خود را ایجاد کنید.

وردپرس به طور خودکار برخی از کلاس های CSS را به عناصر مختلف در اکثر تم ها اضافه می کند. این کلاس‌های پیش‌فرض CSS را می‌توان برای استایل دادن به آن عناصر در قالب وردپرس استفاده کرد.

ابزارک ها راهی آسان برای نمایش بلوک های غیرمحتوا در قالب وردپرس شما هستند. آنها معمولاً در قسمت های اختصاصی آماده ویجت یا نوارهای فرعی در قالب وردپرس شما نمایش داده می شوند.

این عنصر معمولا <article> در قالب تم خود تگ کنید. با این حال، بسته به موضوع شما می تواند هر برچسب دیگری باشد. کلاس‌های CSS پست با افزودن عبارت در تم شما نمایش داده می‌شوند post_class() تگ قالب

وردپرس به طور خودکار کلاس های CSS پیش فرض را به عناصر مختلف وب سایت وردپرس شما تولید و اضافه می کند.

.widget {} #searchform {} .widget_search {} .screen-reader-text {} .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} .widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {} #wp-calendar caption {} #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} .textwidget {} .widget_text {} .textwidget p {}

// Class for Current Page .current_page_item{} // Class for Current Category .current-cat{} // Class for any other current Menu Item .current-menu-item{} // Class for a taxonomies .menu-item-type-(taxonomy){} // class to distinguish post types. .menu-item-type-(post_type){} // Class for any custom item that you added .menu-item-type-custom{} // Class for the Home Link .menu-item-home{}

// Adds a class with ID for single items .post-(ID) {} // Generic post claass added for single blog posts. .post {} // Generic page class added when a single page is displayed. .page {} // Generic attachment class added to attachment pages. .attachment {} // Adds a post type class e.g. type-post .type(post-type){} // Adds a class for post format if theme supports posts formats. E.g. format-standard .format-(post-format){} // Added when an item has a featured image .has-post-thumbnail{} // Added when a sticky post is displayed .sticky {} // Generic class to display an entry .hentry {} // Classes with categories assigned to a post. E.g. category-news category-movies .category-(slug) {} // Classes with tags assigned to a post. e.g. tag-photofriday tag-tgif .tag-(slug) {}

// Added when a website is using a right-to-left language e.g. Arabic, Hebrew .rtl {} // Added when home page is being displayed .home {} // Added when blog page is being displayed .blog {} // Added when an Archive page is being displayed .archive {} // Added when a date based archive is displayed .date {} // Added on search pages .search {} // Added when pagination is enabled .paged {} // Added when an attachment page is displayed .attachment {} // Added when a 404 error page is displayed .error404 {} // Added when a single post is dispayed includes post ID .single postid-(id) {} // Added when a single attachment is displayed. Includes attachment ID .attachmentid-(id) {} // Added when a single attachment is displayed. Includes attachment mime-type .attachment-(mime-type) {} // Added when an author page is displayed .author {} // Added when an author page is displayed. Includes author name. .author-(user_nicename) {} // Added when a category page is displayed .category {} //Added when a category page is displayed. Includes category slug. .category-(slug) {} // Added when a tag page is displayed. .tag {} // Added when a tag page is displayed. Includes tag slug. .tag-(slug) {} // Added when a parent page is displayed. .page-parent {} // Added when a child page is displayed. Includes parent page ID. .page-child parent-pageid-(id) {} // Added when a page is displayed using page template. Includes page template file name. .page-template page-template-(template file name) {} // Added when search results are displayed. .search-results {} // Added when search returns no results. .search-no-results {} // Added when a logged in user is detected. .logged-in {} // Added when a paginated page is displayed. Includes page number. .paged-(page number) {} // Added when a paginated single item is displayed. Includes page number. .single-paged-(page number) {} // Added when a paged page type is displayed. Includes page number. .page-paged-(page number) {} // Added when a paged category page is displayed. Includes page number. .category-paged-(page number) {} // Added when a paged tag page is displayed. Includes page number. .tag-paged-(page number) {} //Added when a paged date based archive page is displayed. Includes page number. .date-paged-(page number) {} // Added when a paged author page is displayed. Includes page number. .author-paged-(page number) {} // Added when a paaged search page is displayed. Includes page number. .search-paged-(page number) {}

// container class #header .primary-menu{} // container class first unordered list #header .primary-menu ul {} //unordered list within an unordered list #header .primary-menu ul ul {} // each navigation item #header .primary-menu li {} // each navigation item anchor #header .primary-menu li a {} // unordered list if there is drop down items #header .primary-menu li ul {} // each drop down navigation item #header .primary-menu li li {} // each drap down navigation item anchor #header .primary-menu li li a {}