Cikkkönyvtár
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.
- A „Név” mezőbe írja be:
head
- 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▼
- 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!
📚 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!