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

作者 : 三网云 本文共626个字,预计阅读时间需要2分钟 发布时间: 2020-08-18 共74人阅读

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

一、添加自定义字段:

wordpress主题如何不同页面加载不同的css、js文件?-三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台

操作步骤:

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文件?-三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台

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

 


1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程资源,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台 » wordpress主题如何不同页面加载不同的css、js文件?

常见问题FAQ

美化包支持最新版本吗?
三网云最新美化支持永久更新!
VIP一天可以下载多少资源
开通三网云会员,资源可以无限制下载

发表评论