Poista yhteydenottolomake 7 CSS ja JS, kun sitä ei tarvita
Yhteyslomake 7 on yksi WordPressin suosituimmista laajennuksista. Tämän artikkelin kirjoittamisen aikana laajennuksilla on yli 5 miljoonaa aktiivista asennusta.
Epäilemättä tämä laajennus on loistava kaikilta osin. Mutta on yksi huolenaihe, jonka saatat kohdata käyttäessäsi sitä. Kun aktivoit laajennuksen, niiden JavaScript- ja CSS-tiedostot ladataan jokaiselle sivulle.
Hyvänä käytäntönä sinun on ladattava vain ne JavaScript ja CSS, joita vaaditaan nykyisille sivuille. Tarpeettomien tiedostojen lataaminen lisää sivun kokoa ja hidastaa sivun nopeutta.
Tässä artikkelissa näytän sinulle, kuinka Poista JavaScript- ja CSS-tiedostot Yhteyslomake 7 -laajennuksesta, kun sitä ei tarvita. Toisin sanoen aiomme nähdä, kuinka yhteydenottolomakkeen 7 JavaScript- ja CSS-tiedostot ladataan vain vaadituille sivuille.
Yhteyslomakkeen 7 JS- ja CSS-tiedostojen poistaminen
Sivuston omistajana tiedät tietysti, että mille sivulle olet lisännyt yhteydenottolomakkeen. Normaalisti sivustolla on yhteystietosivu, jossa pidämme yhteydenottolomakkeen saadaksesi tiedusteluja.
Aloittamiseksi poistamme ensin yhteydenottolomakkeen 7 JavaScript- ja CSS-tiedostot kaikilta sivuilta. Sen jälkeen is_page()sisällytämme mallipohjan tai ehdon sen vain vaaditulle sivulle.
Voit lopettaa JS- ja CSS-tiedostojen lataamisen kaikille sivuille kahdella tavalla. Voit valita minkä tahansa niistä.
Lisää alla olevat vakiot wp-config.phptiedostoon.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );Toinen tapa on lisätä alla olevat suodattimet aktiiviseen teematiedostoon functions.php.
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );Jos tarkastelet nyt sivujesi lähdettä, et näe yhtään Yhteyslomake 7 -laajennuksesta ladattuja tiedostoja.
Lisätään nyt tiedostot vaadituille sivuille. Jos käytät yhteystietosivullasi mallia, lisää alla oleva koodi mallitiedostoon ennen get_header().
<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
get_header();
...Jos et käytä mallia, kaikki sivusi tulisi hahmotella a: sta page.php. Hanki etana sivustasi, johon sinun on lisättävä yhteydenottolomake. Käytämme tätä etanaa is_page()menetelmässä ja sisällytämme tiedostot seuraavasti.
page.php
<?php
if(is_page('YOUR_PAGE_SLUG')) { //pass your contact page slug here
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
}
get_header();
....Se siitä! Se on niin yksinkertaista ja suoraviivaista. Toivon, että ymmärrät kuinka poistaa Yhteydenottolomake 7 -laajennusten CSS- ja JS-tiedostot, kun sitä ei tarvita. Jaa ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.