1 WordPress主題怎么添加自定義字段？

• 2 在WordPress文章或頁面添加自定義字段
  • 2.1 WordPress自定義字段的其它用途
• 3 WordPress如何指定文章標(biāo)簽和分類頁眉頁腳加載JavaScrip/CSS代碼？

 

在制作WordPress主題時(shí)，如果有一個(gè)特定的JavaScript或CSS代碼，出現(xiàn)在WordPress的特定頁面上，它只會被使用一次。

應(yīng)該把代碼放在哪里？ Style.css還是base.js？

但這樣做的成本有點(diǎn)大。

示例1：

• 嘗試在WordPress網(wǎng)站上獲得Highslide JavaScript效果。
• 但通常只有部分加圖像或所需頁面才用到，并在未使用的頁面上加載頁面來添加Highslide部分，這樣超過50 KB的JavaScript太大了。

示例2：

• 在某篇文章中放了一個(gè)標(biāo)準(zhǔn)的兼容性方法是使用<embed>標(biāo)簽插入它，但插入的<embed> 標(biāo)簽所生成頁面，無法通過W3C驗(yàn)證。
• 一個(gè)很好的方法是可以使用SWFObject這個(gè)JavaScript生成通過W3C驗(yàn)證的代碼。
• 但問題是在WordPress的每個(gè)頁面上加載SWFObject都太浪費(fèi)了，而且不是頁面都用到此JavaScript文件。

事實(shí)上，我們可以使用WordPress強(qiáng)大的自定義字段，為自定義文章或頁面加載實(shí)現(xiàn)不同的JavaScript頁面。

本文將向你展示：如何使用自定義字段在WordPress上，自定義JavaScript或CSS文件？

如果你能理解，自定義字段的值不像JavaScript和CSS文件那么簡單。

WordPress主題怎么添加自定義字段？

打開WordPress主題的header.php文件，找到代碼?▼

<?php wp_head(); ?>

在它之后添加 ▼

<!-- 指定文章頁面加載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代碼 結(jié)束 -->

代碼中的head是自定義字段的名稱，可以自定義。

在WordPress文章或頁面添加自定義字段

WordPress后臺編輯文章頁面的編輯器中，有一個(gè)“自定義域”的小窗口。

1. 在“名稱”處輸入：head
2. 然后在“值”輸入你要添加顯示的代碼?▼

• 單擊“添加自定義字段”。
• 更新文章將允許你為主題的代碼，輸入這些自定義字段的值。

由于你只輸出“值”中是需要加載的代碼，因此需要在“值”中，輸入以下類似代碼? ▼

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

或者?▼

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

來輸出以上代碼。

WordPress自定義字段的其它用途

在理解了上述原則之后，你會發(fā)現(xiàn)WordPress自定義字段，不僅可以為自定義頁面實(shí)現(xiàn)自定義JavaScript或CSS，還可以通過自定義字段實(shí)現(xiàn)許多功能，類似于：添加到文章縮略圖，文章提示等。

至于要實(shí)現(xiàn)的功能如何實(shí)現(xiàn)它們，請嘗試使用自定義字段。

WordPress如何指定文章標(biāo)簽和分類頁眉頁腳加載JavaScrip/CSS代碼？

WordPress怎么自定義頁眉？我們可以通過以下文章說明安裝WordPress插件實(shí)現(xiàn)添加head代碼 ▼

WordPress如何在文章添加head代碼?WP插件優(yōu)化head代碼

由于在這篇文章《WordPress怎么自定義頁眉？安裝WordPress頁腳頁眉插件》介紹的Header Footer Code Manager插件，目前無法添加PHP代碼……因此，在WordPress插件官網(wǎng)搜索，找到了可以在頁眉頁……

WordPress怎么自定義頁眉？安裝WordPress頁腳頁眉插件

有些WordPress的HTML?/ Javascript / CSS 代碼只需在某篇文章或頁面中顯示，我們可以通過Header Footer Code Manager插件，實(shí)現(xiàn)在WordPress指定文章/頁面內(nèi)添加頁眉頁腳代碼。Header Footer……

• 這樣不用擔(dān)心更換WordPress主題后，自定義代碼丟失或手動(dòng)轉(zhuǎn)移自定義代碼的問題。

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress如何指定文章頁面加載JavaScript/CSS代碼？》，對您有幫助。