Hogyan határozza meg a WordPress, hogy a cikkoldalak JavaScript-/CSS-kódot töltsenek be?

készítéseWordPressTémázáskor, ha van egy adott JavaScript- vagy CSS-kód, amely egy adott oldalon jelenik meg a WordPressben, az csak egyszer kerül felhasználásra.

Hol kell elhelyezni a kódot? Style.css vagy base.js?

De ennek költsége egy kicsit magas.

1. példa:

  • Próbálja meg elérni a Highslide JavaScript-effektust a WordPress webhelyén.
  • De általában csak a képeket tartalmazó részekhez vagy a kívánt oldalakhoz használják, és a nem használt oldalakra töltik be az oldalakat a Highslide szakaszok hozzáadásához, így az 50 KB feletti JavaScript túl nagy.

2. példa:

  • Egy cikkben szabványos kompatibilitási módszert kell használnitag beszúrja, de a beillesztettA címke által generált oldal nem képes átmenni a W3C ellenőrzésen.
  • Ennek jó módja az SWFObject, egy W3C által hitelesített kódot generáló JavaScript használata.
  • De a probléma az, hogy pazarló az SWFObject betöltése a WordPress minden oldalára, és nem minden oldal használja ezt a JavaScript-fájlt.

Valójában a WordPress erőteljes egyéni mezőivel különböző JavaScript-oldalakat implementálhatunk egyéni bejegyzésekhez vagy oldalbetöltésekhez.

Ez a cikk bemutatja: Hogyan használhatunk egyéni mezőket a WordPressben, egyéni JavaScript- vagy CSS-fájlokban?

Ha érti, az egyéni mezőértékek nem olyan egyszerűek, mint a JavaScript- és CSS-fájlok.

Hogyan lehet egyéni mezőket hozzáadni a WordPress témákhoz?

Nyissa meg a WordPress téma header.php fájlját, és keresse meg a kódot ▼

<?php wp_head(); ?>

add utána a ▼-t

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

A kód fejléce az egyéni mező neve, amely testreszabható.

Adjon hozzá egyéni mezőket a WordPress bejegyzésekhez vagy oldalakhoz

WordPress háttérrendszerA cikk szerkesztése oldal szerkesztőjében van egy kis ablak az "egyéni mezők" számára.

  1. A „Név” mezőbe írja be:head
  2. Ezután az "Érték" mezőbe írja be a kijelzőhöz hozzáadni kívánt kódot 

Hogyan határozza meg a WordPress, hogy a cikkoldalak JavaScript-/CSS-kódot töltsenek be?

  • Kattintson az Egyéni mező hozzáadása elemre.
  • A cikk frissítése lehetővé teszi a téma kódolását és az egyéni mezők értékeinek megadását.

Mivel csak azt a kódot adja ki, amelyet be kell tölteni az "értékben", ezért a következő hasonló kódot kell megadnia az "érték" mezőben ▼

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

vagy ▼

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

a fenti kód kiadásához.

A WordPress egyéni mezőinek egyéb felhasználásai

A fenti alapelvek megértése után látni fogja, hogy a WordPress egyéni mezői nem csak egyéni JavaScript- vagy CSS-t tudnak megvalósítani az egyéni oldalakon, hanem számos funkciót is megvalósíthatnak egyéni mezőkön keresztül, mint például: cikk bélyegképeinek hozzáadása, cikk tippjei stb.

A megvalósítás módját illetően próbáljon meg egyéni mezőket használni.

Hogyan adhatunk meg cikkcímkéket és kategória-fejlécet és láblécet a JavaScript/CSS-kód betöltéséhez a WordPressben?

A fejléc testreszabása a WordPressben?Telepíthetjük a cikk alábbi utasításai alapjánWordPress bővítményIsmerje meg a fejkód hozzáadását▼

  • Ily módon nem kell aggódnia az egyéni kód elvesztése vagy az egyéni kód kézi átvitele miatt a WordPress téma megváltoztatása után.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Hogyan határozza meg a WordPress, hogy a cikkoldal betöltse a JavaScript/CSS kódot? , neked segíteni.

Üdvözöljük a cikk linkjének megosztásában:https://www.chenweiliang.com/cwl-1740.html

Üdvözöljük Chen Weiliang blogjának Telegram csatornáján, hogy értesüljön a legfrissebb hírekről!

🔔 Legyen Ön az első, aki megkapja az értékes "ChatGPT Content Marketing AI Tool használati útmutatót" a csatorna felső könyvtárában! 🌟
📚 Ez az útmutató hatalmas értéket tartalmaz, 🌟 Ritka lehetőség ez, ne hagyd ki! ⏰⌛💨
Oszd meg és lájkold, ha tetszik!
Az Ön megosztása és lájkja folyamatos motivációnk!

 

发表 评论

Az e-mail címed nem kerül nyilvánosságra. A kötelező mezőket használjuk * Címke

görgess a tetejére