Het is mogelijk om in de WordPress admin (WP admin) eigen CSS- en JavaScript-bestanden toe te voegen. Bijvoorbeeld omdat je een kolom in het post admin scherm smaller wil maken, of zelfs de WP admin een eigen kleurenthema wil geven. Met onderstaande code snippets voeg je op twee verschillende manieren CSS toe aan de WP admin.
Voeg onderstaande code snippet toe aan je functions.php bestand of site-specifieke plugin. Je kan in één functie zowel CSS- als JavaScript bestanden toevoegen.
Lees hier hoe je een site specifieke plugin maakt.
/**
* Add custom stylesheets & javascript to WP admin
*/
function wpsimpel_enqueue_admin_scripts(){
wp_enqueue_style('admin-css-file-handle-name', get_template_directory_uri().'/css/your-css-file.css');
wp_enqueue_script('admin-js-file-handle-name', get_template_directory_uri().'/js/your-js-file.js');
}
add_action( 'admin_enqueue_scripts', 'wpsimpel_enqueue_admin_scripts' );
Bovenstaande code voegt een CSS-bestand genaamd your-css-file.css
en een JavaScript bestand genaamd your-js-file.js
toe aan de WP admin. De code zoekt naar de bestanden in de mappen css/
en js/
in de root van het thema. Wil je je bestanden liever ergens anders in je thema plaatsen? pas dan het pad van het bestand na get_template_directory_uri().'
aan.
Heb je enkel een CSS-bestand nodig, laat dan de regel code die begint met wp_enqueue_script
weg, en vice versa.
Wil je CSS- en/of JavaScript-bestanden niet in je thema, maar in een sitespecifieke plugin toevoegen? Vervang dan get_template_directory_uri()
door plugin_dir_url( FILE )
.