Hoe spesifiseer WordPress dat artikelbladsye JavaScript/CSS-kode laai?

Wanneer 'n WordPress- tema geskep word, as 'n spesifieke JavaScript- of CSS-kode op 'n spesifieke WordPress-bladsy verskyn, sal dit slegs een keer gebruik word.

Waar moet die kode geplaas word? Style.css of base.js?

Maar die koste om dit te doen is 'n bietjie hoog.

Voorbeeld 1:

• Probeer om Highslide JavaScript-effek op jou WordPress-werf te kry.
• Maar gewoonlik word dit net gebruik vir dele met beelde of gewenste bladsye, en laai bladsye op ongebruikte bladsye om Highslide-afdelings by te voeg, so meer as 50 KB JavaScript is te groot.

Voorbeeld 2:

• In 'n artikel wat 'n standaard versoenbaarheid metode is om te gebruiktag plaas dit in, maar die ingevoegdeDie bladsy wat deur die merker gegenereer word, kan nie die W3C-verifikasie slaag nie.
• 'n Goeie manier is om SWFObject, 'n JavaScript te gebruik om W3C-gevalideerde kode te genereer.
• Maar die probleem is dat dit verkwistend is om SWFObject op elke bladsy in WordPress te laai, en nie alle bladsye gebruik hierdie JavaScript-lêer nie.

Trouens, ons kan WordPress se kragtige pasgemaakte velde gebruik om verskillende JavaScript-bladsye vir pasgemaakte plasings of bladsyladings te implementeer.

Hierdie artikel sal jou wys: Hoe om pasgemaakte velde op WordPress, pasgemaakte JavaScript of CSS-lêers te gebruik?

As u kan verstaan, is gepasmaakte veldwaardes nie so eenvoudig soos JavaScript- en CSS-lêers nie.

Hoe om pasgemaakte velde in WordPress-temas by te voeg?

Maak die header.php-lêer van die WordPress-tema oop en vind die kode ▼

<?php wp_head(); ?>

voeg ▼ daarna by

<!-- 指定文章页面加载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代码 结束 -->

Die kop in die kode is die naam van die pasgemaakte veld, wat aangepas kan word.

Voeg pasgemaakte velde by WordPress-plasings of -bladsye

In die redigeerder van die WordPress- agtergrondplasingredigeringsbladsy is daar 'n klein venster genaamd "Aangepaste veld".

1. Vir "Naam" voer in:head
2. Voer dan in "Waarde" die kode in wat jy by die skerm wil voeg ▼

• Klik Voeg pasgemaakte veld by.
• Deur die artikel op te dateer, kan u die tema kodeer en waardes vir hierdie pasgemaakte velde invoer.

Aangesien jy slegs die kode uitvoer wat in "waarde gelaai moet word", moet jy die volgende soortgelyke kode in "waarde" invoer ▼

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

of ▼

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

om bogenoemde kode uit te voer.

Ander gebruike vir gepasmaakte WordPress-velde

Nadat u die bogenoemde beginsels verstaan ​​het, sal u vind dat WordPress-pasgemaakte velde nie net pasgemaakte JavaScript of CSS vir pasgemaakte bladsye kan implementeer nie, maar ook baie funksies kan implementeer deur pasgemaakte velde, soos: voeg by artikel-kleinkiekies, artikelwenke, ens.

Wat betref hoe om dit te implementeer, probeer om pasgemaakte velde te gebruik.

Hoe om artikeletikette en kategorie-kop- en voettekste te spesifiseer om JavaScript/CSS-kode in WordPress te laai?

Hoe om 'n WordPress-koptekst aan te pas ? Ons kan die stappe in die volgende artikel volg om 'n WordPress-inprop te installeer en die koptekstkode by te voeg ▼

🔗Hoe om kopkode by WordPress-artikels te voeg, optimaliseer die hoofkode?

🔗Hoe kan u die opskrif in WordPress aanpas? Installeer WordPress Footer and Header Plugin

• Op hierdie manier hoef u nie bekommerd te wees oor die verlies van pasgemaakte kode of die handmatige oordrag van pasgemaakte kode nadat u die WordPress-tema verander het nie.