Hvordan spesifiserer WordPress at artikkelsider laster JavaScript/CSS-kode?

lagerWordPressVed temaing, hvis det er en spesifikk JavaScript- eller CSS-kode som vises på en bestemt side i WordPress, vil den bare brukes én gang.

Hvor skal koden plasseres? Style.css eller base.js?

Men kostnadene ved å gjøre det er litt høye.

Eksempel 1:

• Prøv å få Highslide JavaScript-effekt på WordPress-nettstedet ditt.
• Men vanligvis brukes det bare til deler med bilder eller ønskede sider, og laster inn sider på ubrukte sider for å legge til Highslide-seksjoner, så over 50 KB JavaScript er for stort.

Eksempel 2:

• I en artikkel satt en standard kompatibilitetsmetode er å bruketaggen setter den inn, men den innsatteSiden generert av taggen kan ikke bestå W3C-verifiseringen.
• En god måte er å bruke SWFObject, et JavaScript for å generere W3C-validert kode.
• Men problemet er at det er bortkastet å laste SWFObject på hver side i WordPress, og ikke alle sider bruker denne JavaScript-filen.

Faktisk kan vi bruke WordPress sine kraftige tilpassede felt til å implementere forskjellige JavaScript-sider for tilpassede innlegg eller sideinnlastinger.

Denne artikkelen vil vise deg: Hvordan bruke tilpassede felt på WordPress, tilpassede JavaScript- eller CSS-filer?

Hvis du kan forstå, er egendefinerte feltverdier ikke så enkle som JavaScript- og CSS-filer.

Hvordan legge til egendefinerte felt i WordPress-temaer?

Åpne header.php-filen til WordPress-temaet og finn koden ▼

<?php wp_head(); ?>

legg til ▼ etter den

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

Hodet i koden er navnet på det tilpassede feltet, som kan tilpasses.

Legg til egendefinerte felt i WordPress-innlegg eller -sider

WordPress-backendI redaktøren av rediger artikkelsiden er det et lite vindu for "egendefinerte felt".

1. For "Navn" skriv inn:head
2. Deretter i "Verdi" skriver du inn koden du vil legge til displayet ▼

• Klikk på Legg til tilpasset felt.
• Oppdatering av artikkelen vil tillate deg å kode temaet og angi verdier for disse egendefinerte feltene.

Siden du bare skriver ut koden som må lastes inn i "verdi", må du skrive inn følgende lignende kode i "verdi" ▼

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

eller ▼

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

for å sende ut koden ovenfor.

Andre bruksområder for tilpassede WordPress-felt

Etter å ha forstått prinsippene ovenfor, vil du oppdage at tilpassede WordPress-felter ikke bare kan implementere tilpasset JavaScript eller CSS for tilpassede sider, men også implementere mange funksjoner gjennom tilpassede felt, for eksempel: legg til artikkelminiatyrbilder, artikkeltips osv.

Når det gjelder hvordan du implementerer dem, prøv å bruke tilpassede felt.

Hvordan spesifisere artikkelkoder og kategorioverskrifter og bunntekster for å laste JavaScript/CSS-kode i WordPress?

Hvordan tilpasse header i WordPress?Vi kan installere den gjennom følgende artikkelinstruksjonerWordPress-pluginRealiser å legge til hodekode▼

Hvordan legger WordPress til hodekode i artikler? WP-plugin optimaliserer hodekode

Som i denne artikkelen Hvordan tilpasse header i WordPress?Header Footer Code Manager-pluginen beskrevet i "Installere WordPress Footer Header Plugin" kan ikke legge til PHP-kode for øyeblikket... Derfor søkte jeg på den offisielle nettsiden til WordPress-pluginen og fant ut at den kan bli funnet på header-siden. .

Hvordan tilpasse header i WordPress?Installer WordPress Footer Header Plugin

Noe WordPress HTML / Javascript / CSS-kode trenger kun å vises i en bestemt artikkel eller side. Vi kan legge til topptekst- og bunntekstkode til den angitte artikkelen / siden i WordPress gjennom plugin-modulen Header Footer Code Manager. Topptekst bunntekst…

• På denne måten er det ingen grunn til å bekymre deg for å miste egendefinert kode eller manuelt overføre egendefinert kode etter å ha endret WordPress-temaet.