Hvordan specificerer WordPress, at artikelsider indlæser JavaScript/CSS-kode?

fremstillingWordPressVed tematisering, hvis der er en specifik JavaScript- eller CSS-kode, der vises på en bestemt side i WordPress, vil den kun blive brugt én gang.

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

Men omkostningerne ved at gøre det er lidt høje.

Eksempel 1:

• Prøv at få Highslide JavaScript-effekt på dit WordPress-websted.
• Men normalt bruges det kun til dele med billeder eller ønskede sider, og indlæsning af sider på ubrugte sider for at tilføje Highslide-sektioner, så over 50 KB JavaScript er for stort.

Eksempel 2:

• I en artikel sat en standard kompatibilitet metode er at brugetag indsætter det, men det indsatteSiden genereret af tagget kan ikke bestå W3C-verifikationen.
• En god måde at gøre dette på er at bruge SWFObject, et JavaScript, der genererer W3C-valideret kode.
• Men problemet er, at det er spild at indlæse SWFObject på hver side i WordPress, og ikke alle sider bruger denne JavaScript-fil.

Faktisk kan vi bruge WordPress' kraftfulde tilpassede felter til at implementere forskellige JavaScript-sider til tilpassede indlæg eller sideindlæsninger.

Denne artikel viser dig: Hvordan bruger man brugerdefinerede felter på WordPress, brugerdefinerede JavaScript- eller CSS-filer?

Hvis du kan forstå, er tilpassede feltværdier ikke så enkle som JavaScript- og CSS-filer.

Hvordan tilføjer man brugerdefinerede felter i WordPress-temaer?

Åbn header.php-filen til WordPress-temaet og find koden ▼

<?php wp_head(); ?>

tilføje ▼ efter det

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

Hovedet i koden er navnet på det brugerdefinerede felt, som kan tilpasses.

Tilføj tilpassede felter til WordPress-indlæg eller sider

WordPress backendI redaktøren af ​​rediger artikelsiden er der et lille vindue til "tilpassede felter".

1. For "Navn" skal du indtaste:head
2. Indtast derefter i "Værdi" den kode, du vil tilføje til displayet ▼

• Klik på Tilføj brugerdefineret felt.
• Opdatering af artiklen giver dig mulighed for at kode temaet og indtaste værdier for disse brugerdefinerede felter.

Da du kun udskriver den kode, der skal indlæses i "værdi", skal du indtaste følgende lignende kode i "værdi" ▼

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

eller ▼

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

for at udlæse ovenstående kode.

Andre anvendelser af tilpassede WordPress-felter

Efter at have forstået ovenstående principper, vil du opdage, at WordPress brugerdefinerede felter ikke kun kan implementere brugerdefineret JavaScript eller CSS til brugerdefinerede sider, men også implementere mange funktioner gennem brugerdefinerede felter, såsom: tilføje til artiklens miniaturebilleder, artikeltips osv.

Med hensyn til hvordan du implementerer dem, prøv at bruge tilpassede felter.

Hvordan specificerer man artikeltags og kategorioverskrifter og sidefødder for at indlæse JavaScript/CSS-kode i WordPress?

Sådan tilpasser du header i WordPress?Vi kan installere det gennem følgende artikelinstruktionerWordPress pluginIndse at tilføje hovedkode▼

Hvordan tilføjer WordPress hovedkode til artikler? WP plugin optimerer hovedkode

Som i denne artikel Sådan tilpasser du header i WordPress?Header Footer Code Manager-pluginet beskrevet i "Installation af WordPress Footer Header Plugin" kan ikke tilføje PHP-kode på nuværende tidspunkt... Derfor søgte jeg på WordPress-plugin'ets officielle hjemmeside og fandt ud af, at det kan findes på sidehovedsiden. .

Hvordan tilpasser man header i WordPress?Installer WordPress Footer Header Plugin

Noget WordPress HTML/Javascript/CSS-kode skal kun vises i en bestemt artikel eller side.Vi kan tilføje sidehoved- og sidefodskode til den angivne artikel/side i WordPress gennem pluginnet Header Footer Code Manager. Sidehoved sidefod...

• På denne måde er der ingen grund til at bekymre sig om at miste brugerdefineret kode eller manuelt overføre brugerdefineret kode efter at have ændret WordPress-temaet.