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

Denis

发布于 2023-04-15 14:05:40

22300

代码可运行

文章被收录于专栏：WordPress果酱WordPress果酱

运行总次数：0

代码可运行

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

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

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版本，为了安全起见，修改代码如下

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 删除

wordpress