wordpress函数wp_add_inline_style 和 wp_add_inline_script 用法

八月 03
磊子 2016年 1条评论

今儿给大家介绍两个函数吧,感觉使用起来蛮方便的。

第一个是wp_add_inline_style() 这个函数在wordpress版本3.3的时候就已经引入了,但是用的比较少,所以一直没有发现这个函数。它的用法可以直接在php文件里面定义样式然后通过这个函数将其引入,比如:

<?php
function my_styles_method() {
   $color = get_theme_mod( 'my-custom-color' ); //E.g. #FF0000
   $custom_css = "
           .mycolor{
                background: {$color};
           }";
   wp_add_inline_style( 'custom-style', $custom_css );
}
add_action( 'wp_enqueue_scripts', 'my_styles_method' );
?>

是不是使用起来很简单,而且它的优先级是比较高,比如上面的例子在后台设置的颜色,如果使用该函数会负责使用新加入的颜色,具体的大家在需要使用的时候可以尝试使用下。

第二个是wp_add_inline_script()方法,这个是wordpress版本最新4.5引入的函数。使用起来也是很方便,比如:

<?php

//$handle   -- 需要嵌入的js文件位置

//$data      -- 需要嵌入的js代码

//$position -- 需要嵌入js代码的位置可选‘after’或者‘before’ 

wp_add_inline_script($handle,$data,$position = 'after' )

?>
<?php
//取自官方例子,大概效果就是将alert('hello world)代码嵌入到main.js文件的下面,如果想添加到该文件的前面,可以添加第三个参数输入“before” 来进行设置 
function theme_prefix_enqueue_script() {
   wp_enqueue_script( 'main-js', '/main.js', array(), '1.0' );
   wp_add_inline_script( 'main-js', 'alert("hello world");' );
}
add_action( 'wp_enqueue_scripts', 'theme_prefix_enqueue_script' );

?>

这个方法个人觉得用的最多的时候应该会在需要单独页面或者功能定义的时候来进行添加,否则一般还真用不到,直接引入文件就好了。所以大家可以各自所需吧。

» 版权所有©转载必须以链接形式注明作者和原始出处:磊子的博客 » wordpress函数wp_add_inline_style 和 wp_add_inline_script 用法
» 地址:( Ctrl+C 复制 )
» 如果对本站感兴趣,请到网站右下方订阅本站,将为你带来更多精彩和实用的文章
» 如果您对这篇文章感兴趣,不妨小小的 捐助(Donate)一下博主吧,不管多少都是对博主最大的支持和鼓励哟,博主-磊子感谢大家的支持!!!

1 条留言 其中:访客:1 条, 博主:0 条

  1. 衣皇后说:

    相当精彩的博客!

说点什么吧




订阅本站