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.

/**
 * 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 ).

Beoordeel deze post:

Gemiddeld: 0 / 5. Aantal beoordelingen: 0

Nog geen beoordelingen

Whoops! 😔

Zou je ons willen laten weten hoe we (deze post) kunnen verbeteren?

Reacties

0 reacties op "Eigen CSS- en JavaScript-bestanden toevoegen aan de WordPress admin".

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

2 × 3 =

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.