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

tegemiselWordPressKui teemade kujundamisel on konkreetne JavaScript- või CSS-kood, mis kuvatakse WordPressi konkreetsel 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 taustaprogrammArtikli redigeerimise lehe redaktoris on väike aken "kohandatud väljade jaoks".

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

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

  • 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 WordPressis päist kohandada?Saame selle installida järgmiste artiklijuhiste abilWordPressi pistikprogrammLisage peakood▼

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

Hope Chen Weiliangi ajaveeb ( https://www.chenweiliang.com/ ) jagatud "Kuidas WordPress määrab, et artiklileht laadib JavaScripti/CSS-koodi? , sind aidata.

Tere tulemast selle artikli linki jagama:https://www.chenweiliang.com/cwl-1740.html

Tere tulemast Chen Weiliangi ajaveebi Telegrami kanalile, et saada uusimaid värskendusi!

🔔 Olge esimene, kes saab kanali ülemises kataloogis väärtusliku "ChatGPT sisuturunduse AI tööriista kasutamise juhendi"! 🌟
📚 See juhend sisaldab tohutut väärtust, 🌟See on harukordne võimalus, ärge jätke seda kasutamata! ⏰⌛💨
Jaga ja like kui meeldib!
Teie jagamine ja meeldimised on meie pidev motivatsioon!

 

发表 评论

Teie e-posti aadressi ei avaldata. Kasutatakse kohustuslikke välju * Silt

kerige üles