有时候我们需要用到某一些JS和CSS只是在特定的文章中调用一次,那么又不想直接写在head增加主题的累赘,但是如果我们直接写在文章编辑器中又会被过滤掉,那么有什么好的办法来解决这个问题呢?
其实办法是有的,那就是WordPress开发中最常用的自定义字段,这时候我们就可以利用自定义字段来为单篇文章或者页面单独的加载脚本或者样式。
假设我们给日誌单独加载 Javascript 脚本的自定义字段是 custom_head。那麼你首先需要把下面这段代码复製到你主题的 functions.php 文件中:
add_action(“wp_head”,”custom_head”);
function custom_head(){
if (is_single() || is_page()) {
global $post;
$custom_head = get_post_meta($post->ID, ‘custom_head’, true);
echo $custom_head;
}
}
然后在编辑日誌的时候,在自定义字段区域,创建一个新的自定义字段,名字為:”custom_head”,输入你要单独為这篇日誌加载的 Javascript 代码或者 CSS 样式表即可。
over` 是不是很简单呢,更多WordPress开发教程请参考我们的WordPress教程栏目。
WordPress给不同文章加载不同的JS和CSS
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《WordPress给不同文章加载不同的JS和CSS》
文章链接:https://www.ibytx.com/1238.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《WordPress给不同文章加载不同的JS和CSS》
文章链接:https://www.ibytx.com/1238.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
相关推荐
SiteGround:WordPress官方推荐的建站主机,享高达73%折扣,$3.99 /月起,30天退款保证/每日备份/免费CDN
YIA主题:1.4版本大更新:新增全站SEO、产品分类模版、标签两列、默认图设置、小工具手机端开关等19项实用功能
阿里云:轻量应用服务器,国内2核1G低至60元/月,香港及海外低至24元/月,轻量负载均衡低至60元/月
Dragon 主题:带用户中心和商城系统的博客 CMS 高级 WordPress 主题
SiteGround: CDN 服务正式上线,每月提供最高10GB免费CDN流量包
Hostens:虚拟主机VPS主机限时3折优惠促销,赠送免费域名,可选欧美亚3个机房
DUX主题7.8版本更新:新增分类置顶文章、代码区域复制、相关文章缓存等15项功能与调整
Hostinger:WordPress主机,低至51.35元/月