Rimodella il pannello di WordPress (wp-admin) con JustZix
La bacheca di WordPress si riempie di disordine in fretta: ogni plugin inserisce il proprio avviso, banner promozionale o richiesta di recensione, l'editor degli articoli è più stretto di quanto potrebbe essere e le tabelle di elenco sono difficili da scorrere. Non puoi risolverlo nelle Impostazioni — ma puoi sovrapporre il tuo CSS e JS con una regola di JustZix limitata a /wp-admin/. Ecco alcuni ritocchi pronti che rendono il pannello calmo e leggibile.
Nascondi gli avvisi e le richieste dei plugin
La fonte di rumore più grande in wp-admin è .notice — la striscia di banner sopra il contenuto. I plugin la riempiono di proposte di acquisto per versioni a pagamento, richieste di recensione e promemoria di aggiornamento. WordPress non ha un interruttore globale, quindi li nascondiamo con il CSS:
/* Nascondi i banner promozionali e le richieste dei plugin */
#wpbody-content .notice,
#wpbody-content .updated,
#wpbody-content .update-nag,
#wpbody-content .notice-info,
.wp-pointer {
display: none !important;
}
/* ...ma mantieni visibili i veri avvisi di errore */
#wpbody-content .notice-error,
#wpbody-content .notice-warning {
display: block !important;
}Manteniamo .notice-error e .notice-warning perché portano i messaggi che contano — un aggiornamento critico, un problema di database. Il rumore promozionale sparisce, le cose importanti restano.
Riordina il menu della bacheca
Il menu a sinistra (#adminmenu) si gonfia col tempo — un plugin, una nuova voce. Se non usi mai certe sezioni puoi nasconderle. Ogni voce di menu ha un id CSS stabile:
/* Nascondi le voci di menu che non usi mai */
#adminmenu #menu-comments,
#adminmenu #menu-tools,
#adminmenu li#menu-dashboard ul li:nth-child(2) {
display: none !important;
}
/* Menu più compatto = più spazio per il contenuto */
#adminmenu .wp-menu-name {
font-size: 13px;
}Trova l'id della voce in DevTools — passa il mouse sull'elemento <li> dentro #adminmenu e leggi il suo id (es. menu-plugins, menu-users).
Editor più largo e box Pubblica fisso
Nell'editor classico la colonna del contenuto è più stretta di quanto serva. Allargala a scapito della colonna dei metabox, e fissa il pannello di pubblicazione così che il pulsante Pubblica sia sempre a portata di mano:
/* Colonna del contenuto più larga nell'editor classico */
#post-body-content {
margin-right: 300px;
}
#postbox-container-1 {
width: 280px;
}
/* Box Pubblica fisso */
#postbox-container-1 #submitdiv {
position: sticky;
top: 50px;
z-index: 10;
}Tabelle di elenco leggibili
Le tabelle degli articoli, delle pagine e dei commenti (.wp-list-table) sono piuttosto larghe. Comprimile ed evidenzia le righe così l'occhio non si perde:
/* Tabelle di elenco più dense e leggibili */
.wp-list-table td,
.wp-list-table th {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.wp-list-table tbody tr:hover {
background: #f0f6fc !important;
}
.wp-list-table .check-column {
width: 2.2em !important;
}Una bacheca più scura e tranquilla
Se lavori in wp-admin di sera, lo sfondo chiaro è faticoso. WordPress ha schemi di colore, ma non coprono l'intero pannello. Un leggero strato CSS scurisce lo sfondo del contenuto:
/* Sfondo della bacheca leggermente scurito */
#wpbody-content,
.wrap {
background: #1e1e1e !important;
color: #e4e4e4 !important;
}
#wpbody-content .wp-list-table {
background: #2a2a2a !important;
}
#wpbody-content a {
color: #6cb6ff !important;
}È una modalità scura semplificata — una completa richiede lavoro sui campi dei moduli. Tienila come regola separata e attivala di sera con un clic dalla barra delle azioni.
Nascondi Aiuto, Opzioni schermo e ritocchi a Gutenberg
Le schede in alto Aiuto e Opzioni schermo servono di rado. Nell'editor a blocchi conviene invece allargare l'area di scrittura:
// Nascondi le schede Aiuto / Opzioni schermo (JS, document_idle)
['#contextual-help-link-wrap', '#screen-options-link-wrap']
.forEach(sel => {
const el = document.querySelector(sel);
if (el) el.style.display = 'none';
});
// Gutenberg: un'area di contenuto più larga
const css = document.createElement('style');
css.textContent =
'.editor-styles-wrapper .wp-block { max-width: 900px; }';
document.head.appendChild(css);Costruisci il tuo set
Tieni ogni ritocco come regola separata e nominata — "wp-admin: niente avvisi", "wp-admin: editor più largo", "wp-admin: scuro" — ciascuna appuntata al pattern */wp-admin/*. Così in pochi secondi adatti il pannello al compito: una bacheca pulita al mattino, la modalità scura di sera.
Le regole pronte per il pannello di WordPress sono nel catalogo — vedi gli esempi per wp-admin e copia ciò che ti serve. Installa JustZix e riordina la tua bacheca oggi stesso.
Valuta questo articolo
Nessuna valutazione — sii il primo.