Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >WordPress 技巧:只有指定的 Shortcode 存在时才载入相关脚本文件

WordPress 技巧:只有指定的 Shortcode 存在时才载入相关脚本文件

作者头像
Denis
发布于 2023-04-15 06:05:40
发布于 2023-04-15 06:05:40
25200
代码可运行
举报
文章被收录于专栏:WordPress果酱WordPress果酱
运行总次数:0
代码可运行

WordPress 3.6 版本增加了一个新的函数 has_shortcode(),这个函数的主要功能就是检测指定内容里是否存在指定的 Shortcode 使用,带来的好处就是只在有使用指定 Shortcode 的文章页面才载入相关脚本文件,这样细微纠结虽然不能给页面载入带来可见的载入速度提升,但锱铢必较向来是我的癖好,好的习惯总能带来不错的效果的。

可以点击 has_shortcode() 查看函数的详细介绍,这里着重讲解下使用方法,把下面的代码插入 functions.php 文件里即可

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function wpjam_shortcode_scripts(){
  global $post;
  if( has_shortcode( $post->post_content, 'your-shortcode') ){
    wp_enqueue_script( 'whatever');//检测到有使用短码后需要做的事,大家随意
  }
}
add_action( 'wp_enqueue_scripts', 'wpjam_shortcode_scripts');

但是并不是每个人的网站都是使用的3.6版本,为了安全起见,修改代码如下

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function wpjam_shortcode_scripts(){
  global $post;
  if( function_exists('has_shortcode') AND has_shortcode( $post->post_content, 'your-shortcode') ){
    wp_enqueue_script( 'whatever');
  }else{
    wp_enqueue_script( 'whatever');
  }
}
add_action( 'wp_enqueue_scripts', 'wpjam_shortcode_scripts');

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
一文详解 WordPress Shortcode 简码
WordPress Shortcode 指的是使用[]包含的简码或者短代码,WordPress 会识别这些代码并根据它们定义的回调函数输出为内容。
Denis
2023/04/13
1.8K0
一文详解 WordPress Shortcode 简码
使用这三种方法提交 WordPress 博客链接到百度站长,百度收录立刻翻倍
建好 WordPress 站点之后,最期待的事情就是搜索引擎收录自己的站点,如何加速这一过程呢?对于国内用户来说,就是提交链接到百度。
Denis
2023/04/13
1.1K0
使用这三种方法提交 WordPress 博客链接到百度站长,百度收录立刻翻倍
指定 WordPress 页面按需加载 JavaScript
在 wordpress 主题或插件中加载 JavaScript 时,官方推荐的方法是使用 wp_enqueue_script() 来加载,该函数可以指定 JavaScript 的依赖库,指定 JavaScript 文件的版本,设置在页面头部或者底部加载,非常灵活和方便。但是,该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是,我们可以通过 WordPress 的函数自己动手来实现这个功能。
许都博客
2021/06/15
2.4K0
WordPress 技巧:社会化评论插件多说提速技巧
分享几个社会化评论插件多说的提速技巧:1. 不再查询 WordPress 原生的留言。 2. 不再加载 comment-reply.js,3.把多说的 JavaScript 脚本移到 footer。
Denis
2023/04/15
5370
WordPress的主题添加AJAX无刷新提交评论功能
有时主题在提交评论后会刷新整个网页才可获取资源,别人家的都不是这样的,以下可以改善评论后无刷新即可获取资源。
空木白博客
2019/04/23
1.7K0
WPJAM「静态文件」:一键合并 WordPress 插件和主题的 JS 和 CSS 文件,加快页面加载速度
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件,如果 CSS 和 JavaScript 内联代码或者文件一多,就开始出现了两个比较难受的问题:
Denis
2023/04/13
7.2K0
WPJAM「静态文件」:一键合并 WordPress 插件和主题的 JS 和 CSS 文件,加快页面加载速度
【说站】WordPress网站文章ID不连续如何解决?
对于WordPress网站文章ID不连续的问题困扰了我很久,今天将WordPress文章ID不连续的原因和具体解决办法做详细的说明。
很酷的站长
2022/11/24
6530
【说站】WordPress网站文章ID不连续如何解决?
WordPress 所有的 Dashicons 和其 CSS Class 以及 CODE
Dashicons 是 WordPress 3.8 版本引进的图标字体,在 WordPress 3.9 版本又增加了 30 个,在后台我们可以直接使用这些 Dashicons 图标,只要知道他的 CSS Class 或者 CODE。前台可能复杂一些,首先需要通过以下代码载入 Dashicons 的 css 文件,然后用法就一样了:
Denis
2023/04/15
4680
WordPress 所有的 Dashicons 和其 CSS Class 以及 CODE
纯代码给WordPress文章添加卡片式内链的方法
写文章的时候会经常文章中引用其他文章链接,是为了让用户方便浏览,也增加文章关联度;更重要的是适当的引用文章,也可以让内容更加丰满,对用户体验上也是有提高;但是常规的文章内链一般就是直接放一个链接进去,干巴巴的一个链接不管是美观度还是用户体验都不是很好,所有全百科网搞了个简约美观的卡片内链样式。
于飞云计算
2019/07/22
1.4K0
纯代码给WordPress文章添加卡片式内链的方法
【WordPress优化二】去掉不必要的东西
主题选好了还没有完,因为WordPress系统自身还拥有一些优化的空间,因此我们可以对WordPress进行一些适量的优化。
夏末浅笑
2019/01/10
1.5K0
WordPress 函数:wp_enqueue_script() 安全引入 JS
​WordPress 主题最佳引用 js 文件的方法是使用 WordPress 内置的 wp_enqueue_script() 函数,通过该函数可以安全地将javascript 代码加入到 WordPress 创建的页面中,不仅可以最大限度地保证兼容性,还是提高 WordPress 性能效率的一个方法。
Yangsh888
2022/03/23
1K0
WordPress文章防复制代码
通过下面的JS代码,可以有效地防止别人直接复制拷贝你的文章,用frame标签引用你的文章时,会自动跳转到文章正常链接,同时禁止右键菜单。
许都博客
2021/06/15
7630
WordPress 教程:如何正确引用 JavaScript 和 CSS 文件
在开发 WordPress 插件或者是制作 WordPress 主题的时候,都会引用一些 JavaScript 和 CSS 脚本资源。通常大家直接使用 link、script 标签写进 HTML 当中,其实 WordPress 内置了比较完善的引用脚本的函数和方法。显然,使用 WordPress 内置的方法引用,更专业更具有可扩展性一些。
Denis
2023/04/15
1.5K0
WordPress 通过模板文件和自带的函数引入 css/js 的两种方法
WordPress 引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多,说法不一,我们今天借鉴 wordpress 官方最新的 twentysixteen 主题来学习总结一下 WordPress 引入 css/js 各种常用方法,以及最优化的加载方法。
Yangsh888
2022/03/28
2K0
WordPress主题下funtions.php的一段“恶意”代码
不多说了,相信有很多WordPresser都知道这段在WordPress主题下fountions.php的“恶意”代码,之所以为“恶意”加个双引号是想说:其实也不算太“恶意”,对你的伤害只是两点:1、感染wp-content\themes\下所有主题的fountions.php文件;2、以当前被感染博客的主页URL为标题和内容,向 livethemas@gmail.com发送邮件。已经知道的就不用往下看啦,还不知道的快去你的主题fountions.php检查有木有,有的话赶快删除之。话说这段恶意代码还真够长
Jeff
2018/01/19
1.2K0
wordpress优化经历(六)——wordpress图片防盗链
WordPress很多插件或者代码都可以实现在编辑文章中自动将外链图片下载到本地,但是我试了几个效果都不是很好。 最后选择了一个比较笨一点的方法,但是效果贼好。
不愿意做鱼的小鲸鱼
2023/03/23
9920
wordpress优化经历(六)——wordpress图片防盗链
WordPress主题开发,从入门到精通。
相关文档:https://www.wpzhiku.com/document/wordpress-plugin-basics/
房东的狗丶
2023/02/17
11K0
7 个实用的 WordPress 代码片段
贴几个最近用到 WordPress 的代码片段,代码均搜集于网络,使用方式都是添加到主题的 functions.php 文件。
李维亮
2021/07/09
5090
WordPress 技巧:正确获取文章摘要
我们知道通过 WordPress 函数 get_the_excerpt() 可以获取日志的摘要,如果没有摘要,它会自动获取内容,并且截取。但是由于无法正确统计中文字符数,这个函数总是无法很好的截取中文内容,显得摘要长短不一,所以我重新撰写了下面这个函数来解决这个问题。
Denis
2023/04/15
6320
移除wordpress版本信息 删除无用信息
wordpress页面头部有很多无用的信息,像wordpress版本信息、feed等,如何把它们删除或不让它们先是出来呢?
ytkah
2022/03/14
4840
推荐阅读
相关推荐
一文详解 WordPress Shortcode 简码
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验