在不换主题的情况下实现不同的页面加载不同的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);
}
}
?>
如下图:
保存代码后,到前台对应的页面看一下是否生效即可
作者:设计窝
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。