Blog

Contact form 7 CSS és JS fájlok

Contact form 7-ről elmondható, hogy a legkedveltebb kapcsolati form bővítmény, amellyel nem csak kapcsolati formokat gyárthatunk egyszerűen, hanem megrendelő formokat, bekérhetünk különböző adatokat, használhatjuk eseményekre való regisztrációra, ezeket adatbázisba is menthetjük, tehát egy segítő társ a weboldal készítésben. Azonban egy időben megorroltam rá, mert olykor feleslegesen tesz weboldalunkba CSS és JS kódokat. Amikor nem használjuk a formot, akkor semmi szükség egy jquery form pluginra és a bővítményhez tartozó CSS fájlokra. Amennyiben más is így van vele, javaslom az alábbi kód használatát:

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

Ezt a kódot, ha elhelyezzük a sablonunk functions.php fájljába csak a 8-as és 10-es ID-vel rendelkező weboldalaknál lesznek benne kódunkban a szükséges CSS és JS fájlok. A 8-as és 10-es számot természetesen arra módosítjuk, amire szükséges. Bár ehhez hozzátenném, hogy a CSS fájlját egyáltalán nem szeretem ennek a pluginnek, így sok esetben inkább saját kódot írok hozzá amelyet nem hívok meg a head szakaszban újra, hanem elhelyezem a style.css-ben. Természetesen így az a kód ellent mond ennek a tippnek, de 15 sor CSS sokkal de sokkal kevesebbet nyom a latba, mint 15 sor CSS egy új CSS fájlban meghívva.