Miten WordPress määrittää, että artikkelisivut lataavat JavaScript-/CSS-koodin?

tehdäWordPressJos teemalla on tietty JavaScript- tai CSS-koodi, joka näkyy tietyllä sivulla WordPressissä, sitä käytetään vain kerran.

Mihin koodi pitäisi sijoittaa? Style.css vai base.js?

Mutta sen tekemisen kustannukset ovat hieman korkeat.

Esimerkki 1:

• Yritä saada Highslide JavaScript -tehoste WordPress-sivustollesi.
• Mutta yleensä sitä käytetään vain osissa, joissa on kuvia tai haluttuja sivuja, ja sivujen lataamiseen käyttämättömille sivuille Highslide-osioiden lisäämiseksi, joten yli 50 kt JavaScript on liian suuri.

Esimerkki 2:

• Artikkelissa on käytettävä standardi yhteensopivuusmenetelmäätag lisää sen, mutta lisättyTunnisteen luoma sivu ei voi läpäistä W3C-varmennusta.
• Hyvä tapa on käyttää SWFObjectiä, JavaScriptiä W3C-validoidun koodin luomiseen.
• Mutta ongelmana on, että SWFO-objektin lataaminen jokaiselle WordPressin sivulle on turhaa, eivätkä kaikki sivut käytä tätä JavaScript-tiedostoa.

Itse asiassa voimme käyttää WordPressin tehokkaita mukautettuja kenttiä erilaisten JavaScript-sivujen toteuttamiseen mukautetuille viesteille tai sivujen latauksille.

Tämä artikkeli näyttää sinulle: Kuinka käyttää mukautettuja kenttiä WordPressissä, mukautettuja JavaScript- tai CSS-tiedostoja?

Jos ymmärrät, mukautetut kenttäarvot eivät ole yhtä yksinkertaisia ​​kuin JavaScript- ja CSS-tiedostot.

Kuinka lisätä mukautettuja kenttiä WordPress-teemoihin?

Avaa WordPress-teeman header.php-tiedosto ja etsi koodi ▼

<?php wp_head(); ?>

lisää ▼ sen jälkeen

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

Koodin pää on mukautetun kentän nimi, jota voidaan mukauttaa.

Lisää mukautettuja kenttiä WordPress-julkaisuihin tai -sivuihin

WordPress-taustaohjelmaArtikkelin muokkaussivun editorissa on pieni ikkuna "muokattuja kenttiä varten".

1. Kirjoita kohtaan "Nimi":head
2. Kirjoita sitten "Arvo"-kohtaan koodi, jonka haluat lisätä näyttöön ▼

• Napsauta Lisää mukautettu kenttä.
• Päivittämällä artikkelin voit koodata teeman ja syöttää arvot näihin mukautettuihin kenttiin.

Koska annat vain koodin, joka on ladattava "arvoon", sinun on syötettävä seuraava samanlainen koodi kohtaan "arvo" ▼

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

tai ▼

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

tulostaaksesi yllä olevan koodin.

Muita WordPressin mukautettujen kenttien käyttötarkoituksia

Kun olet ymmärtänyt yllä olevat periaatteet, huomaat, että WordPressin mukautetut kentät eivät vain voi toteuttaa mukautettuja JavaScript- tai CSS-kenttiä mukautetuille sivuille, vaan myös toteuttaa monia toimintoja mukautettujen kenttien kautta, kuten: lisää artikkelien pikkukuvia, artikkelivinkkejä jne. .

Mitä tulee niiden toteuttamiseen, kokeile mukautettuja kenttiä.

Kuinka määrittää artikkelitunnisteet ja luokkaotsikot ja alatunnisteet JavaScript-/CSS-koodin lataamiseksi WordPressiin?

Otsikon mukauttaminen WordPressissä?Voimme asentaa sen seuraavien artikkeliohjeiden avullaWordPress-laajennusOta huomioon pääkoodin lisääminen▼

🔗Kuinka lisätä pääkoodia WordPress-artikkeleihin? WP-laajennus optimoi pääkoodin

🔗Kuinka mukauttaa otsikkoa WordPressissä? WordPressin alatunniste- ja ylätunnistelaajennuksen asentaminen

• Tällä tavalla sinun ei tarvitse huolehtia mukautetun koodin menettämisestä tai mukautetun koodin manuaalisesta siirtämisestä WordPress-teeman vaihtamisen jälkeen.