Quali sono i tag ID/classi CSS standard per l'amministrazione?

Installa questo plugin e vedrai tutti gli elementi, le classi e gli ID https://github.com/bueltge/WordPress-Admin-Style

Nota: Per il lato Frontend - Ecco la lista che ho estratto dopo molte ricerche e sviluppo sugli stili CSS predefiniti di WordPress. Ho fatto del mio meglio per ricercare e organizzare tutto nel modo più accurato possibile. Se notate qualcosa di mancante o incompleto, per favore scrivetelo nei commenti. Spero che possa esservi utile per sviluppare i vostri plugin e temi desiderati.

/* Stili dell'editor WYSIWYG di WordPress */

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

/* Stili vari di WordPress */

/* link delle categorie */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* link dei blogroll */
.linkcat {}
.blogroll {}

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

/* Elenchi di pagine in WordPress */

.pagenav {}               /* elemento più esterno della lista */
.page_item {}             /* qualsiasi elemento di pagina */
.page-item-{id} {}        /* ID specifico della pagina */
.current_page_item {}     /* pagina corrente */
.current_page_parent {}   /* genitore della pagina corrente */
.current_page_ancestor {} /* qualsiasi antenato della pagina corrente */

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

/* Widget predefiniti di WordPress */

.widget {}

/* widget dei link */
.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 delle pagine */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* widget degli articoli recenti */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

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

/* widget del 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 del calendario */
.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 delle categorie */
.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 dei commenti recenti */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* widget di ricerca */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* widget di testo */
.textwidget {}
.widget_text {}
.textwidget p {}

/* Stili dei commenti in WordPress */

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

/* body_class() in WordPress */

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

/* post_class() in WordPress */

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

Il backend di WordPress ha delle classi "body" generate. Non ho mai visto queste documentate esplicitamente da nessuna parte (anche se potrei essermelo perso). Puoi vederle e come vengono generate nel sorgente di admin-header.php.

Le classi generate sono molto simili a quelle del front-end:

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

Sono arrivato a questa domanda perché stavo creando una pagina admin personalizzata utilizzando add_menu_page(). Dovrai inserire il tuo contenuto tra

<div class = "wrap">Il tuo contenuto.</div>

Questo attiverà il CSS standard dell'area di amministrazione di WordPress in modo che la tua pagina admin personalizzata abbia un aspetto normale. Altri div verranno gestiti automaticamente da WordPress in questo caso.

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(){        
        //Stampa l'HTML nel buffer di output:
        echo '<div class = "wrap"><h1 class = "wp-heading-inline">Finalmente ha un aspetto corretto!</h1></div>';
    }
}

Ecco un altro articolo interessante che fa un buon lavoro nell'elencare tutte le classi CSS e il markup HTML disponibili per stilizzare una pagina di amministrazione. L'articolo è un po' datato in quanto mostra i risultati di stile da versioni più vecchie di WordPress, quindi è probabile che siano state aggiunte altre classi da allora.

Un'altra risorsa utile sono le Dashicons di WordPress.

Tuttavia, devo congratularmi con @bueltge per il suo eccellente plugin elencato di seguito, che fa un ottimo lavoro nel mantenere un riferimento aggiornato degli stili di amministrazione.