Kuidas WordPress määrab, et artiklilehed laadiksid JavaScripti/CSS-koodi?

WordPressi teema loomisel , kui konkreetne JavaScripti või CSS-kood kuvatakse kindlal WordPressi lehel, kasutatakse seda ainult üks kord.

Kuhu tuleks kood panna? Style.css või base.js?

Kuid selle tegemise hind on pisut kõrge.

Näide 1:

• Proovige saada oma WordPressi saidile Highslide JavaScripti efekt.
• Kuid tavaliselt kasutatakse seda ainult piltidega osade või soovitud lehtede jaoks ja lehtede laadimiseks kasutamata lehtedel Highslide'i jaotiste lisamiseks, nii et üle 50 KB JavaScripti on liiga suur.

Näide 2:

• Artiklis on kasutatud standardset ühilduvusmeetoditsilt lisab selle, kuid sisestatudMärgendi loodud leht ei saa W3C kinnitust läbida.
• Hea viis selleks on kasutada JavaScripti SWFObject, mis genereerib W3C-valideeritud koodi.
• Kuid probleem on selles, et WordPressi igale lehele SWFObjecti laadimine on raiskav ja mitte kõik lehed ei kasuta seda JavaScripti faili.

Tegelikult saame kasutada WordPressi võimsaid kohandatud välju erinevate JavaScripti lehtede rakendamiseks kohandatud postituste või lehtede laadimise jaoks.

See artikkel näitab teile: kuidas kasutada WordPressis kohandatud välju, kohandatud JavaScripti või CSS-faile?

Kui saate aru, pole kohandatud välja väärtused nii lihtsad kui JavaScripti ja CSS-failid.

Kuidas lisada WordPressi teemadesse kohandatud välju?

Avage WordPressi teema fail header.php ja leidke kood ▼

<?php wp_head(); ?>

lisage selle järele ▼

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

Koodi pea on kohandatud välja nimi, mida saab kohandada.

Lisage WordPressi postitustele või lehtedele kohandatud väljad

WordPressi taustsüsteemi postituste redigeerimise lehe redaktoris on väike aken nimega "Kohandatud väli".

1. "Nimi" jaoks sisestage:head
2. Seejärel sisestage jaotisesse "Väärtus" kood, mille soovite ekraanile lisada ▼

• Klõpsake käsul Lisa kohandatud väli.
• Artikli värskendamine võimaldab teil kodeerida teema ja sisestada nende kohandatud väljade väärtused.

Kuna väljastate ainult koodi, mis tuleb laadida "väärtuses", peate sisestama järgmise sarnase koodi väljale "väärtus" ▼

<script type="text/javascript">...</script>

või ▼

<style type="text/css">...</style>

ülaltoodud koodi väljastamiseks.

Muud WordPressi kohandatud väljade kasutusvõimalused

Pärast ülaltoodud põhimõtete mõistmist avastate, et WordPressi kohandatud väljad ei saa kohandatud lehtede jaoks rakendada mitte ainult kohandatud JavaScripti või CSS-i, vaid ka paljusid funktsioone kohandatud väljade kaudu, näiteks: artiklite pisipiltide lisamine, artikli näpunäited jne.

Nende rakendamiseks proovige kasutada kohandatud välju.

Kuidas määrata artiklite sildid ning kategooria päised ja jalused JavaScripti/CSS-koodi laadimiseks WordPressis?

Kuidas WordPressi päist kohandada ? Järgmises artiklis toodud samme järgides installime WordPressi plugina ja lisame päisekoodi ▼

🔗Kuidas lisada WordPressi artiklile peakoodi? WP pistikprogramm optimeerib peakoodi?

🔗Kuidas WordPressi päist kohandada? WordPressi jaluse ja päise plugina installimine

• Nii ei pea pärast WordPressi teema muutmist muretsema kohandatud koodi kaotamise või kohandatud koodi käsitsi ülekandmise pärast.