Kaip pridėti „JavaScript“ tik prie konkretaus „WordPress“ puslapio

„JavaScript“ diegimas tiksliniame „WordPress“ puslapyje

„WordPress“ yra lengvai naudojama platforma, kuri palengvina svetainės valdymą ir tinkinimą. Tačiau kai kuriuos pakeitimus gali būti sudėtinga įgyvendinti, įskaitant „JavaScript“ vykdymą konkrečiame puslapyje. Gali būti, kad scenarijus, kurį įtraukėte į savo svetainės skiltį „Antraštė“, dabar yra kiekviename puslapyje. Tai tipiškas pirmą kartą pasitaikantis sunkumas.

Supratimas, kaip sąlygiškai pritaikyti „JavaScript“ failą, yra labai svarbus, kai naudojamas taikant konkrečiam puslapiui. „JavaScript“ gali turėti netikėtų pasekmių ir sumažinti jūsų svetainės greitį, jei jis bus naudojamas visame pasaulyje. Dėl šios priežasties labai svarbu apriboti scenarijų iki reikiamo puslapio.

Šiame straipsnyje paaiškinsime, kaip pakeisti „WordPress“ konfigūraciją, kad „JavaScript“ būtų paleista tik jums reikalinguose puslapiuose. Atsakymas suprantamas ir ne kūrėjams; šis vadovas skirtas tiems, kurie tik pradeda.

Baigę šią pamoką turėtumėte jaustis patogiai tvarkydami konkrečiam puslapiui skirtus scenarijus „WordPress“. Mes padėsime jums atlikti tikslų kodą ir procedūrą, reikalingą užtikrinti, kad jūsų „JavaScript“ būtų vykdomas tik ten, kur turėtų, ir taip pagerinsime jūsų svetainės našumą.

„JavaScript“ vaidmens konkrečiuose „WordPress“ puslapiuose supratimas

Dėl scenarijaus įdėjimo tiesiai į skyrių „Antraštė“ jis gali būti įkeltas kiekviename puslapyje, kai reikia paleisti JavaScript failą konkrečiame „WordPress“ puslapyje. Kalbant apie vartotojo patirtį ir našumą, tai nėra idealu. Ankstesnės parinktys suteikia efektyvesnį būdą tvarkyti scenarijus apribojant scenarijų tik nurodytame puslapyje. Pavyzdžiui, galime naudoti „WordPress“. yra_puslapis() metodas, leidžiantis nustatyti, ar vartotojas mato tam tikrą puslapį pagal jo ID ar šliužas. Tai yra pagrindinė technika, naudojama siekiant užtikrinti, kad „JavaScript“ failas būtų įkeliamas tik tada, kai reikia.

Pirmasis metodas naudoja sąlygines žymas funkcijos.php failą kartu su wp_enqueue_script(). Ši technika naudoja pagrindinę „WordPress“ funkciją, kuri prideda scenarijus taip, kad būtų užtikrintas tinkamas priklausomybės valdymas ir įkeliamas scenarijus atitinkamoje puslapio srityje. Per wp_enqueue_scripts veiksmo pritraukimas, JavaScript funkcija bus pridėta tik tada, kai „WordPress“ apdoros puslapį, kuris tenkina yra_puslapis() reikalavimas. Tai ne tik veiksminga, bet ir sustabdo beprasmišką scenarijų vykdymą nereikšmingose ​​svetainėse.

Trumpųjų kodų naudojimas yra antrosios strategijos dalis. „WordPress“ trumpieji kodai palengvina dinamiškos medžiagos įtraukimą į puslapį ar įrašą. add_shortcode() gali būti naudojamas kuriant pasirinktinį trumpąjį kodą, kuris leis sąlygiškai įterpti scenarijų į turinio sritį pagal poreikį. Tai suteikia daugiau parinkčių, jei norite naudoti scenarijų tam tikrose skiltyse, o ne visame svetainės ar įrašo puslapyje. Be to, tai labiau prieinama parinktis žmonėms, kuriems nepatogiai daro tiesioginius PHP failų pakeitimus.

Kitas metodas puikiai tinka dinamiškai įkelti scenarijus puslapiuose, kurių URL yra tam tikri parametrai, nes jis naudoja „jQuery“, kad ieškotų tam tikrų URL šablonų. window.location.href ir $.getScript() Šiuo metodu naudojami norint nustatyti, ar tam tikra eilutė įtraukta į URL, ir tinkamai įkelti JavaScript failą. Šis metodas puikiai tinka tokiose situacijose kaip el. prekybos svetainės arba nukreipimo puslapiai su unikaliais stebėjimo kodais, kai URL struktūrai reikia naudoti scenarijų. Visi šie metodai yra moduliniai, daugkartinio naudojimo ir užtikrina, kad scenarijai būtų įkeliami tik tada, kai reikia, o tai pagerina vartotojo patirtį ir našumą.

// functions.php - Adding JavaScript to a specific WordPress page
function load_custom_js_on_specific_page() {
    // Check if we are on a specific page by page ID
    if (is_page(42)) { // Replace 42 with the specific page ID
        // Enqueue the external JavaScript file
        wp_enqueue_script('custom-js', 'https://example.com/code.js', array(), null, true);
    }
}
// Hook the function to wp_enqueue_scripts
add_action('wp_enqueue_scripts', 'load_custom_js_on_specific_page');

// functions.php - Using shortcodes to add JavaScript to a specific page
function add_js_via_shortcode() {
    // Return the script tag to be added via shortcode
    return '<script src="https://example.com/code.js" type="text/javascript"></script>';
}
// Register the shortcode [custom_js]
add_shortcode('custom_js', 'add_js_via_shortcode');
// Now, use [custom_js] in the page editor where the script should run

<script type="text/javascript">
jQuery(document).ready(function($) {
    // Check if the URL contains a specific query string or slug
    if (window.location.href.indexOf('specific-page-slug') > -1) {
        // Dynamically load the JavaScript file
        $.getScript('https://example.com/code.js');
    }
});
</script>

// Inside page-specific template file (e.g., page-custom.php)
<?php get_header(); ?>
<!-- Page Content -->
<script src="https://example.com/code.js" type="text/javascript"></script>
<?php get_footer(); ?>

„JavaScript“ įkėlimo optimizavimas „WordPress“ puslapiuose

Naudojant „JavaScript“ tam tikruose „WordPress“ puslapiuose, labai svarbu, kur scenarijus įkeliamas. Pagal numatytuosius nustatymus „WordPress“ leidžia įkelti scenarijus puslapyje poraštė arba antraštę. Dėl našumo priežasčių paprastai rekomenduojama įkelti scenarijų poraštėje, ypač naudojant išorinius išteklius. Tai daroma tam, kad vartotojai galėtų mėgautis greitesniu puslapių įkėlimu atidėdami JavaScript vykdymą, kol puslapis bus įkeltas.

Galite pakeisti wp_enqueue_script() būdas įkelti scenarijų poraštėje perduodant tiesa kaip galutinis parametras. Tai darydami galite įsitikinti, kad scenarijus įkeliamas prieš paskutinę turinio žymą ir likusį puslapio turinį. Kadangi mažiau svarbūs scenarijai vėluoja, o svarbesniems ištekliams teikiama pirmenybė, ši technika padeda sutrumpinti tariamą įkėlimo laiką. Nors naujokams šis optimizavimas gali atrodyti nereikšmingas, jis turi didelės įtakos „WordPress“ svetainės greičiui ir funkcionalumui.

Talpyklos panaikinimas ir versijos valdymas yra dar du svarbūs elementai. „WordPress“ suteikia paprastą būdą naudoti wp_enqueue_script() funkcija, skirta scenarijui pridėti versijos numerį. Galite užtikrinti, kad vartotojai negautų pasenusios „JavaScript“ iš savo talpyklos, pridėdami versijos argumentą. Tai užtikrina, kad naujausia scenarijaus versija būtų nuolat įkeliama, o tai labai naudinga kuriant ar atnaujinant scenarijų. Ši procedūra sumažina scenarijaus susidūrimų tikimybę ir pagerina svetainės funkcionalumą.