Sapevi che puoi cambiare lo stile predefinito dell'area di amministrazione di WordPress? Puoi farlo sovrascrivendo il vecchio foglio di stile. Per fare ciò, devi creare un nuovo file css nella cartella del tuo tema, e poi includerlo in WP-Admin usando l'hook admin_head.
In questo articolo, ti mostreremo come personalizzare la tua dashboard di WordPress sovrascrivendo il vecchio foglio di stile.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
Assicurati di cambiare i percorsi e poi carica il nuovo foglio di stile nella posizione corretta che desideri sovrascrivere. Posizione: /wp-admin/css/colors-fresh.css. Potresti voler copiare il vecchio foglio di stile e usarlo come modello per il tuo nuovo.
<?php
function customAdmin() {
$url = get_settings('siteurl');
$url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';
echo '<!-- custom admin css -->
<link rel="stylesheet" type="text/css" href="' . $url . '" />
<!-- /end custom adming css -->';
}
add_action('admin_head', 'customAdmin');
?>
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la possibilità di consultare i nostri altri articoli sul sito come: 62 migliori temi gratuiti per blog WordPress o 7 migliori plugin per moduli di contatto WordPress.
Questo codice funzionava ma non funziona più a causa del cambiamento nel core di WP. Fondamentalmente, c'è una funzione che rimuove il css iniettato nel file core ora. (probabilmente per motivi di sicurezza) Non ho ancora trovato un modo per aggirare questo.
Davvero frustrante.
Probabilmente era il server o il tuo dispositivo a non renderli. Ho notato la stessa cosa durante la visualizzazione del codice su determinati siti/dispositivi
Non sono sicuro del perché tu stia mescolando entità html (es. <) con i caratteri stessi (es. >). Per far funzionare questo, ho usato '<' invece di '$lt;'.