Care sunt etichetele CSS standard pentru id/clase în admin?

Instalează acest plugin și vei vedea toate elementele, clasele și ID-urile https://github.com/bueltge/WordPress-Admin-Style

Notă: Pentru partea de Frontend - Mai jos aveți lista pe care am extras-o după multă cercetare și dezvoltare în stilurile CSS implicite din WordPress. Am făcut tot posibilul să cercetez și să organizez totul cât mai precis posibil. Dacă observați ceva lipsă sau incomplet, vă rugăm să scrieți în comentarii. Sper că vă va ajuta să vă dezvoltați plugin-urile și temele dorite *

/* Stiluri Editor WP WYSIWYG */

.entry-content img {
    margin: 0 0 1.5em 0;
    }

.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
    }
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
    }
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    }
.alignnone, img.alignnone {}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
    }
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    }
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
    }
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
    }
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
    }
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
    }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* Stiluri Diverse CSS WP */

/* linkuri categorii */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* linkuri blogroll */
.linkcat {}
.blogroll {}

/* linkuri read-more */
.more-link {}

/* CSS WP - Listări Pagini */

.pagenav {}               /* elementul de listă cel mai exterior */
.page_item {}             /* orice element de pagină */
.page-item-{id} {}        /* id-ul specific al paginii */
.current_page_item {}     /* pagina curentă */
.current_page_parent {}   /* părintele paginii curente */
.current_page_ancestor {} /* orice strămoș al paginii curente */

.pagenav ul,
.pagenav .current_page_item ul,
.pagenav .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {}

.pagenav  ul ul,
.pagenav .current_page_item ul ul,
.pagenav .current_page_ancestor ul ul,
.pagenav .current_page_ancestor .current_page_item ul ul,
.pagenav .current_page_ancestor .current_page_ancestor ul ul {}
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul ul, 
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul ul {}

/* CSS WP - Widget-uri Implicite WordPress */

.widget {}

/* widget linkuri */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* widget meta */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* widget pagini */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* widget postări recente */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* widget arhive */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* widget tag-cloud */
.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 */
.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 categorii */
.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 {}

/* widget comentarii recente */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* widget căutare */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* widget text */
.textwidget {}
.widget_text {}
.textwidget p {}

/* CSS WP - Stiluri Comentarii */

.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 {}

/* CSS WP - body_class() */

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

/* CSS WP - post_class() */

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}

Interfața administrativă WordPress generează clase pentru tag-ul "body". Nu am văzut niciodată aceste clase documentate explicit (deși e posibil să fi ratat asta). Puteți vedea aceste clase și modul în care sunt generate în codul sursă al fișierului admin-header.php.

Clasele generate sunt foarte asemănătoare cu cele din partea de front-end:

<body class="wp-admin no-js  upload-php admin-bar branch-3-3 version-3-3-1 admin-color-fresh">

Am ajuns la această întrebare pentru că creiam o pagină personalizată în administrație folosind add_menu_page(). Vei dori să plasezi conținutul tău între

<div class = "wrap">Conținutul tău.</div>

Acest lucru va activa CSS-ul standard al interfeței de administrare WordPress, astfel încât pagina ta personalizată să arate normal. Alte div-uri vor fi gestionate automat de WordPress în acest caz.

class AdminScreen{

    public function __construct(){
        add_action( 'admin_menu', array( $this, 'doAddMenuPage' ) );
    }

    public function doAddMenuPage(){
        add_menu_page( "AdminScreen", "AdminScreen", 'edit_others_pages', 'AdminScreen', array($this, 'echoAdminPage') );
    }

    public function echoAdminPage(){        
        //Afișează HTML-ul în bufferul de ieșire:
        echo '<div class = "wrap"><h1 class = "wp-heading-inline">În sfârșit arată bine!</h1></div>';
    }
}

Iată un alt articol interesant care face o treabă decentă în listarea tuturor claselor CSS/marcajului HTML pe care le poți folosi pentru a stiliza o pagină de administrare. Articolul este puțin învechit, deoarece arată rezultatele de stilizare din versiunile mai vechi ale WordPress, așa că este posibil ca au fost adăugate clase suplimentare de atunci.

O altă resursă utilă sunt dashicons-urile WordPress.

Cu toate acestea, trebuie să-l felicit pe @bueltge pentru excelentul său plugin enumerat mai jos, care face o treabă minunată în menținerea unei referințe actualizate a stilurilor de administrare.