随身笔记
随身笔记

wordpress自定义域中为文章加入CSS和JavaScript

想让wordpress文章中加入指定CSS和JavaScript可以在function.php公共文件中加入,但是你只想为某篇指定的文章加入CSS和JavaScript就不可以在function.php中编辑了,这时候可以在每篇文章的自定义域中编辑加入即可,要给每篇文章分配一个ID以便接受参数,首先,在模板文件夹中的 functions.php 中添加如下代码:
[code]function check_style_script($id,$type){
if(is_single()){
$value = get_post_meta($id, $type);
$value = $value[0];
if(empty($value)){
return;
}else{
if($type === ‘style’){
echo ‘<style type=”text/css”>’.$value.'</style>’;
}else{
echo ‘<script type=”text/javascript”>
//<![CDATA[
‘.$value.’
//]]>
</script>’;
}
}
}
}[/code]
check_style_script 方法接收两个参数,一个是文章的 ID,另一个用来配置代码的类型,很显然在 head 标签中需要添加的是 CSS 代码,在 body 标签结束处添加的是 JavaScript 代码,于是需要进一步修改公共文件 header.php 和 footer.php 来告诉函数为页面添加哪种代码。
模板文件header.php
<php check_style_script( $post -> ID , ‘style’ ); >
模板文件footer.php
<php check_style_script( $post -> ID , ‘script’ ); >
文章内容中如果要嵌入CSS,则在WordPress的后台面板的文章编辑页面的自定义栏目下增加”style”自定义域:内容就为你的css,JavaScript也是同样原理,只是输入的内容就是你的JS代码了。

没有标签
首页      前端资源      wordpress教程      wordpress自定义域中为文章加入CSS和JavaScript

随身笔记

wordpress自定义域中为文章加入CSS和JavaScript
想让wordpress文章中加入指定CSS和JavaScript可以在function.php公共文件中加入,但是你只想为某篇指定的文章加入CSS和JavaScript就不可以在function.php中编辑了,这时候可以在每篇文章…
扫描二维码继续阅读
2013-04-30