国产高潮流白浆喷水视频A片 ,欧美丰满熟妇bbbbbb百度,美女视频黄A片免费观看软件,麻豆国产精品无码人妻无码

專業(yè)WORDPRESS主題設(shè)計(jì)制作

WordPress如何指定文章頁(yè)面加載JavaScript/CSS代碼?(wordpress調(diào)用指定文章)

發(fā)布于: 2022-11-03

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è)面來(lái)添加Highslide部分,這樣超過(guò)50 KB的JavaScript太大了。

示例2:

  • 在某篇文章中放了一個(gè)標(biāo)準(zhǔn)的兼容性方法是使用<embed>標(biāo)簽插入它,但插入的<embed> 標(biāo)簽所生成頁(yè)面,無(wú)法通過(guò)W3C驗(yàn)證。
  • 一個(gè)很好的方法是可以使用SWFObject這個(gè)JavaScript生成通過(guò)W3C驗(yàn)證的代碼。
  • 但問(wè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主題怎么添加自定義字段?

打開(kāi)WordPress主題的header.php文件,找到代碼?▼

<?php wp_head(); ?>

在它之后添加 ▼

<!-- 指定文章頁(yè)面加載JavaScript/CSS代碼 開(kāi)始 -->
    <?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. 然后在“值”輸入你要添加顯示的代碼?

wordpress-post-add-custom-fields_002

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

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

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

或者?▼

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

來(lái)輸出以上代碼。

WordPress自定義字段的其它用途

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

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

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

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

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

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

wordpress-head-footer-and-post-injections-pluginWordPress怎么自定義頁(yè)眉?安裝WordPress頁(yè)腳頁(yè)眉插件

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

header-footer-code-manager-site-display

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

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

TAG列表 wordpress最新最熱TG匯集,掌握wordpress熱線內(nèi)容
BackWPup插件robots.txt安全設(shè)置WordPress站內(nèi)搜索排除所有頁(yè)面WP插件優(yōu)化head代碼nameCheap最新優(yōu)惠碼網(wǎng)站添加CDNWordPress網(wǎng)站惡意代碼WordPress違禁詞檢查WordPress濾敏感詞過(guò)濾插件WordPress站內(nèi)搜索排除某些類別的文章wordpress感謝頁(yè)面h5自適應(yīng)布局xmlrpc.php攻擊CWP開(kāi)啟Redis緩存去除tag標(biāo)簽urlWooCommerce 功能WP-No-Tag-Base插件wordpress Post ViewsWordPress頁(yè)腳加載JS織夢(mèng)采集俠wordpressWordPress自動(dòng)備份WordPress顯示運(yùn)行數(shù)據(jù)庫(kù)WP SMTP插件設(shè)置Awesome SupportWordPress tag模版wordpress DropboxWordPress自定義頁(yè)眉WordPress文章描文本Shortcodes Ultimate百度熊掌號(hào)wordpress漏洞修復(fù)wordpress文章瀏覽數(shù)量統(tǒng)計(jì)WP SMTP插件隱藏WordPress后臺(tái)登錄地址WooCommerceWordPress網(wǎng)站防護(hù)禁用 xmlrpc.phpwp-json防止數(shù)據(jù)被采集WooCommerce 商店Footer and Post Injections插件wordpress小圖標(biāo)不顯示wp-json優(yōu)化wordpress更換域名圖標(biāo)不顯示bootstrap自適應(yīng)布局Featured Image From URLcritical automatic updateswordpress安全防護(hù)Avada主題演示Markdown here插件CWP控制面板轉(zhuǎn)KLOXO-MR谷歌 SEOWordPress大氣的樣式wordpress表單跳轉(zhuǎn)WP安全登錄插件推薦wordpress cdnwordpress文章卡片樣式wordpress描文本Dropbox上傳失敗WordPress網(wǎng)站安全防Jetpack站點(diǎn)加速器CDN圖像緩存隱藏WordPress代碼內(nèi)版本號(hào)Better Search Replace插件WordPress過(guò)濾敏感詞插件Rich Snippets結(jié)構(gòu)化數(shù)據(jù)xmlrpc.php漏洞WordPress外鏈特色圖片Mega Menu插件All In One WP Securitynamechep域名優(yōu)惠碼wp-json鏈接修改wordpress登錄地址Image Sizes插件Jetpack插件Wordfence Security插件WordPress調(diào)試模式WordPress超級(jí)菜單WooCommerce 定價(jià)Easy WP Cleaner插件wp-json漏洞WordPress廣告詞檢測(cè)Redis加速緩存插件wordpress打開(kāi)是代碼http://www.fandutaoci.cnwp-json安全設(shè)置主機(jī)殼WordpressWordPress虛擬主機(jī)偽靜態(tài)namechep續(xù)費(fèi)優(yōu)惠碼扒站怎么改wordpress主題wordpress常規(guī)設(shè)置Pretty Links Pro插件什么是 WooCommerceWordPress tagWordPress官網(wǎng)制作Avada主題robots.txt禁止訪問(wèn)保護(hù)robots.txt安裝WordPress插件Shortcodes Ultimate插件WordPress頁(yè)腳頁(yè)眉插件WordPress菜單自定義圖標(biāo)
服務(wù)電話:
0533-2765967

微信 13280692153