Ajouter ou supprimer des styles et scripts

Posté le 23 novembre 2018 dans Wordpress par Julien.

Personnalisez différents éléments de WordPress

Pensez à créer un THEME-CHILD.
Placer l’un des bouts de code ci-dessous dans votre fichier /wp-content/themes/THEME-CHILD/functions.php.
Sinon vous pouvez l’ajouter dans un fichier qui est inclus par fonction.php, ou créer un module.

Frontoffice

Personnaliser le Front-office

function judev_manage_styles_and_scripts(){

    // Ajouter ou Supprimer un STYLE
    wp_enqueue_style( 'my-style', get_stylesheet_directory_uri().'/css/my-style.css' );
    wp_deregister_style('my-style');

    // Ajouter ou Supprimer un SCRIPT
    wp_enqueue_script( 'my-script', get_stylesheet_directory_uri().'/js/my-script.js' );
    wp_deregister_script('my-script');

}
add_action( 'wp_print_styles', 'judev_manage_styles_and_scripts', 100 );

Retirer le style du theme Storefront + le script jQuery

function judev_manage_styles_and_scripts(){
    wp_deregister_style('storefront-woocommerce-style'); // Remove jQuery from Storefront Woocommerce
    wp_deregister_style('storefront-style'); // Remove from Storefront
    wp_deregister_script('jquery'); // Remove jQuery from Storefront
}
add_action( 'wp_print_styles', 'judev_manage_styles_and_scripts', 100 );

Backoffice

Personnaliser le Backoffice

function admin_css() {
    $admin_handle = 'admin_css';
    $admin_stylesheet = get_stylesheet_directory_uri().'/style-admin.css';
    wp_enqueue_style( $admin_handle, $admin_stylesheet );
}
add_action('admin_print_styles', 'admin_css', 11 );

Personnaliser la barre admin (affichée également sur le front-office)

function admin_css_frontoffice() {
?>
<style>
    body { margin-top:8px; }
    #wpadminbar {background-color:rgb(70, 90, 100)!important; height:40px; }
    #wpadminbar .quicklinks a { height:40px; }
    #wp-admin-bar-wp-logo { display:none; }
    .notice.wcs-nux__notice { display:none; }
</style>
<?php
}
add_action('wp_before_admin_bar_render', 'admin_css_frontoffice', 11 );