北极寒流 » 网络资源 » 利用wordpress自定义域为文章有选择性嵌入CSS和JavaScript - 2011.07.30

利用wordpress自定义域为文章有选择性嵌入CSS和JavaScript

利用wordpress自定义域为文章有选择性嵌入CSS和JavaScript。有时候wordpress的文章中想要载人某段CSS或者JavaScript(例如需要为文章提供某段效果的Demo),一个解决办法是把 CSS 和 JavaScript 的代码片段写入到文章内容中,但这样会造成输出的页面不规范,其实,通过wordpress的自定义域功能就可以很轻松的解决了这个问题。

首先,在模板文件夹中的 functions.php 中添加如下代码:

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>';
}
}
}
}

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文章添加额外的 CSS 与 JS

http://www.jsmix.com/backend-and-server/extra-css-javascript-for-wordpress-page.html

30

利用wordpress自定义域为文章有选择性嵌入CSS和JavaScript

分享到:

最受欢迎的