wordpress主题如何不同页面加载不同的css、js文件?

在不换主题的情况下实现不同的页面加载不同的CSS或者JS的方法:

一、添加自定义字段:

wordpress主题如何不同页面加载不同的css、js文件?-WordPress极简博客

操作步骤:

1、打开 后台 → 页面 → 编辑对应的页面;

2、在编辑页面找到自定义字段板块,添加自定义字段:

page_css,值为:

<link rel="stylesheet" href="文件目录/about.css" type="text/css" media="screen" />

page_js,值为:

<script type="text/javascript" src="文件目录/about.js"></script>

【保存/更新页面】

二、代码调用自定义字段:

操作步骤:

1、打开 后台 → 外观 → 主题编辑器,找到主题的 header.php 文件;

2、在</head>之前添加以下代码:

<?php
// 判断是页面类型
if(is_page()){
// 判断 page_css 自定义字段是否有值
if(get_post_meta($post->ID, “page_css”, true)){
// 直接输入自定义字段
echo get_post_meta($post->ID, “page_css”, true);
}
// 判断 page_js 自定义字段是否有值
if(get_post_meta($post->ID, “page_js”, true)){
// 直接输入自定义字段
echo get_post_meta($post->ID, “page_js”, true);
}
}
?>

如下图:

wordpress主题如何不同页面加载不同的css、js文件?-WordPress极简博客

保存代码后,到前台对应的页面看一下是否生效即可

1.本文部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。 2.若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 3.如果本站有侵犯、不妥之处的资源,请在网站最下方联系我们。将会第一时间解决! 4.本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,不存在任何商业目的与商业用途。 5.本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!
舜云资源 » wordpress主题如何不同页面加载不同的css、js文件?

发表评论

发表评论

提供最优质的资源集合

立即查看 了解详情