Snippet: Contact form 7 CSS & JS uitsluiten op pagina's

door in

Snippet: Contact form 7 CSS & JS uitsluiten op pagina's

Wie veelvuldig gebruik maakt van Contact Form 7 zal merken dat de javascript en CSS bestanden van de plugin op iedere pagina worden ingeladen. Dat is alles behalve ideaal als we denken aan alleen al Javascript conflicten. Als we daarnaast ook nog eens de laadtijd in ons achterhoofd houden, kunnen we simpel concluderen dat dit ook de zoekmachine optimalisatie niet ten goede komt, maar gelukkig is er een oplossing voor dit probleem.

Oplossing

Via de onderstaande code, welke weer in je functions.php geplakt moet worden, kun je aangeven op welke pagina's je wél wilt dat Contact form 7 bestanden worden ingeladen. Het gaat hier om de ID's van de pagina's. In dit geval pagina ID 5 en 18.

Code

add_action( 'wp_print_scripts', 'deregister_cf7_javascript', 100 );
function deregister_cf7_javascript() {
    if ( !is_page(array(5,18)) ) {
        wp_deregister_script( 'contact-form-7' );
    }
}
add_action( 'wp_print_styles', 'deregister_cf7_styles', 100 );
function deregister_cf7_styles() {
    if ( !is_page(array(5,18)) ) {
        wp_deregister_style( 'contact-form-7' );
    }
}

Meer nodig voor Contact form 7?

Heb je nog meer vrijheid nodig in de Contact Form 7 plugin? Probeer dan eens de Contact Form 7 extensie van Tussendoor, gratis via de WordPress repo.

Vind je dit bericht interessant?

Vind je dit bericht interessant? Dan zou ik het erg waarderen als je een like of andere "social-share" achter laat ;)