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

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

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

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

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

示例1：

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

示例2：

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

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

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

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

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

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

<?php wp_head(); ?>

在它之后添加 ▼

<!-- 指定文章頁(yè)面加載JavaScript/CSS代碼 開始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章頁(yè)面加載JavaScript/CSS代碼 結(jié)束 -->

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

在WordPress文章或頁(yè)面添加自定義字段

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

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

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

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

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

或者 ▼

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

來輸出以上代碼。

WordPress自定義字段的其它用途

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

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

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

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

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

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

WordPress怎么自定義頁(yè)眉？安裝WordPress頁(yè)腳頁(yè)眉插件

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

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

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