Formulier bijlage uploaden

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

Leestijd: 1 minuten (250 woorden)
profile image

Rick de Jong

Strategie

07 augustus 2012 07:05

Contact Form 7 code cnippet

Javascript conflicten eenvoudig voorkomen

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.

source: wordpress.org