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 ▼

• 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▼

🔗Hogyan lehet fejkódot hozzáadni a WordPress cikkekhez?

🔗Hogyan lehet testreszabni a fejlécet a WordPressben? A WordPress lábléc és fejléc beépülő modul telepítése

• 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.