注册/排队脚本和/或样式以便在插件中使用的想法是什么？
我最近制作了一个插件简单插件，以使用简码添加用户头像/ gravatar。我有不同的样式选项来显示化身（正方形，圆形等），并决定将CSS直接放入简码本身。
但是，我现在意识到这不是一个好方法，因为每次在页面上使用简码时，它将重复css。我在该站点上还看到了其他几种方法，并且wp Codex甚至有自己的两个示例，因此很难知道哪种方法最一致，最快。
这是我目前知道的方法：
方法1：直接包含在简码中- 这是我目前在插件中所做的，但由于重复代码而显得不太好。
class My_Shortcode {
function handle_shortcode( $atts, $content="" ) {
/* simply enqueue or print the scripts/styles in the shortcode itself */
?>
<style type="text/css">
</style>
<?php
return "$content";
}
}
add_shortcode( 'myshortcode', array( 'My_Shortcode', 'handle_shortcode' ) );方法2：使用类有条件地排队脚本或样式
class My_Shortcode {
static $add_script;
static function init() {
add_shortcode('myshortcode', array(__CLASS__, 'handle_shortcode'));
add_action('init', array(__CLASS__, 'register_script'));
add_action('wp_footer', array(__CLASS__, 'print_script'));
}
static function handle_shortcode($atts) {
self::$add_script = true;
// shortcode handling here
}
static function register_script() {
wp_register_script('my-script', plugins_url('my-script.js', __FILE__), array('jquery'), '1.0', true);
}
static function print_script() {
if ( ! self::$add_script )
return;
wp_print_scripts('my-script');
}
}
My_Shortcode::init();方法3：使用 get_shortcode_regex();
function your_prefix_detect_shortcode() {
global $wp_query;
$posts = $wp_query->posts;
$pattern = get_shortcode_regex();
foreach ($posts as $post){
if ( preg_match_all( '/'. $pattern .'/s', $post->post_content, $matches )
&& array_key_exists( 2, $matches )
&& in_array( 'myshortcode', $matches[2] ) )
{
// css/js
break;
}
}
}
add_action( 'wp', 'your_prefix_detect_shortcode' );方法4：使用 has_shortcode();
function custom_shortcode_scripts() {
global $post;
if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'myshortcode') ) {
wp_enqueue_script( 'my-script');
}
}
add_action( 'wp_enqueue_scripts', 'custom_shortcode_scripts');
Method 4: Using has_shortcode();是最好的方法，因为它将确保如果帖子内容中包含短代码，则脚本和样式将加载一次，而不管短代码的多次使用如何。尽管它可能不适用于小部件或边栏中的简码，但是不确定。如果是用于插件，那么我不建议您将脚本与短代码绑定，因为有些脚本可能会调用您的函数而不是短代码来获得所需的输出。