WordPress给不同文章加载不同的JS和CSS

有时候我们需要用到某一些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教程栏目。


版权免责声明

本资源仅用于个人学习测试使用,禁止用于任何商业环境,请于下载后24小时内删除本资源!

本文所有相关技术/资源内容统一放在下载包里

  1. 1、本网站名称:源码社
  2. 2、本站永久网址:https://www.nicedowns.com
  3. 3、站内所有资源均可通过日常签到等任务进行免费兑换,记得每日来本站签到哦~!。、
  4. 4、如果您觉得本站有帮助到您,也想给本站一些帮助。您可以再下方打赏本站。
  5. 5、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
  6. 6、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
  7. 7、本站资源大多存储在云盘,如发现链接失效 【链接失效】 我们会第一时间更新。本站提供的源码、模板、软件工具等其他资源,都不包含技术服务 请大家谅解!

人已赞赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索