Usunięcie css gutenberg poprzez dodanie kodu w functions.php
<?php
// Fully Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
wp_dequeue_style( 'wp-block-library' ); // WordPress core
wp_dequeue_style( 'wp-block-library-theme' ); // WordPress core
wp_dequeue_style( 'wc-block-style' ); // WooCommerce
wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
};
Usunięcie każdorazowo dodawanego css emoji
add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_style( 'wp-emoji-styles' );
});
WooCommerce dodaje na stronie domyslnie 3 arkusze css. Można je wyłączyć pojedynczo lub w całości, ale wymaga załadowania własnych stylów css dla woocomerce:
Usunięcie wybranych arkuszy:
Then enqueue your own stylesheet like so:
**
* Set WooCommerce image dimensions upon theme activation
*/
// Remove each style one by one
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation
return $enqueue_styles;
}
// Or just remove them all in one line
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
NAastępnie można załadować własne style
/**
* Enqueue your own stylesheet
*/
function wp_enqueue_woocommerce_style(){
wp_register_style( 'mytheme-woocommerce', get_template_directory_uri() . '/css/woocommerce.css' );
if ( class_exists( 'woocommerce' ) ) {
wp_enqueue_style( 'mytheme-woocommerce' );
}
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );
<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>
Dzięki powyższej formule raz nawiązane połączenie z serwerem pozwala przeglądarce poprosić o więcej plików i odebrać je jednocześnie.
Usunięcie css i skryptów od woocomerce na stronach nie związanych z woocomerce:
function conditionally_load_woc_js_css(){
if( function_exists( 'is_woocommerce' ) ){
# Only load CSS and JS on Woocommerce pages
if(! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
## Dequeue scripts.
wp_dequeue_script('woocommerce');
wp_dequeue_script('wc-add-to-cart');
wp_dequeue_script('wc-cart-fragments');
## Dequeue styles.
wp_dequeue_style('woocommerce-general');
wp_dequeue_style('woocommerce-layout');
wp_dequeue_style('woocommerce-smallscreen');
wp_dequeue_style('wc-block-style');
wp_dequeue_style('wc-block-vendors-style');
wp_dequeue_script('jquery-blockui');
wp_dequeue_script('jquery-placeholder');
wp_dequeue_script('jquery-cookie');
wp_dequeue_script('wc-cart-fragments');
}
}
}
add_action( 'wp_enqueue_scripts', 'conditionally_load_woc_js_css' );
