博客园_黄聪

黄聪：解决WordPress的函数mb_strimwidth截断中文产生乱码的问题

2012-05-22T14:17:00Z

//将代码加上UTF-8参数，代码就变成了：
<?php echo mb_strimwidth($post->post_content, 0, 250,"...",'utf-8'); ?>

问题就解决了。

黄聪：wordpress后台,修改数据表前缀之后显示“您没有足够的权限访问这个页面”的解决方法

2012-05-22T12:39:00Z

默认的表前缀为wp_，如果你修改了wp_config.php中的表前缀，也就是$table_prefix=后面的内容，刚您需要修改数据库中的表前缀，修改完成后，如果登录wordpress后台成功后，返回“您没有足够的权限访问这个页面。”的提示，那也就是说您还没有完成修改，wordpress的代码设计严密，没有那么简单让你完成。

1、接着，打开?_options表，修改optionname字段值为?_user_roles,修改为与你的前缀对应。

2、然后打开？_usermeta表，将meta-key字段中有旧前缀的值，更为新的前缀就OK。

本文链接

黄聪：wordpress通过page的ID或者别名获取内容

2012-05-22T03:11:00Z

知道ID：

$page_id = 123;
$page_data = get_page( $page_id );
echo '<h3>'. $page_data->post_title .'</h3>';// 标题
echo apply_filters('the_content', $page_data->post_content); //内容

知道别名：

$name = 'about'; //page别名
global $wpdb;
$page_id = $wpdb->get_var("SELECT ID FROM $wpdb->posts WHERE post_name = '$name'");
echo $page_data = get_page( $page_id )->post_content;

本文链接

黄聪：WordPress添加“特色图片”功能并调用

2012-05-22T02:10:00Z

我们在使用wordpress建博客的时候，是不是会发现有些主题中有“设为特色图像”功能，设置后会在首页或者文章的左上角，右上角加上特色的文章LOGO图片，还是比较酷的。但是有些主题是没有的，这是如何设置的呢？如果你的主题没有，但就想加上这个功能，如何设置？

第一步，在你的改款主题的functions.php加入如下代码：

add_theme_support( 'post-thumbnails' );

第二步，在你的首页文件index.php模板内容位置加入：

<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail(); ?>
<?php } else {?>
<img src="<?php bloginfo('template_url'); ?>/images/xxx.jpg" />
<?php } ?>

注：XXX.JPG为你在没有特色图片的时候显示的默认图片。

第三步，完毕，在添加文章的时候添加特色图即可显示了。

本文链接

黄聪：wordpress获取当前插件文件所在目录文件夹路径

2012-05-20T03:13:00Z

例如，hello.php插件放在/wp-content/plugins/hello/文件夹中，那么要想得到/wp-content/plugins/hello/字符串，可以使用如下的形式：

<?php echo WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__)); ?>

本文链接

黄聪：JS+DIV+CSS实现图表、饼状图、折线图功能Highcharts

2012-05-18T10:55:00Z

详情访问：http://www.Highcharts.com/

下面展示一下案例：

本文链接

黄聪：浮动窗口代码(带关闭按钮+全屏漂浮)

2012-05-18T06:45:00Z

代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带关闭按钮的浮动窗口代码(全屏漂浮)</title>
</head>
<style type="text/css">
#fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0f0f0}
</style>
<body>
<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
<span style="CURSOR:hand;color:red;font-weight:bold;font-size:12px" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span>
<div id="fdck">
欢迎来到营了个销！<br>http://www.hcsem.com/
</div>
</div>
<script language=javascript>
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>
</body>
</html>

关闭

欢迎来到营了个销！
http://www.hcsem.com/

本文链接

黄聪：淘宝用户在宝贝详情页想看到什么

2012-05-11T05:03:00Z

下载地址：淘宝用户在宝贝详情页想看到什么_(1).pdf

本文链接

黄聪：PDF转换成图片（转）

2012-05-11T04:52:00Z

最近公司安排了个任务：要求交付一个DLL，实现【PDF转换成图片】，最好的效果是能够掌握所有源码，实在不行才交付第三方DLL。研究了6个工作日+1双休+每晚9点下班，逛遍了国内外各种论坛，还是没能成功整出源码，但发现了很多有用的工具和其他工具，在此分享给大家。

1.【iTextSharp.dll】，C# 开源PDF处理工具，可以任意操作PDF，并可以提取PDF中的文字和图片，但不能直接将PDF转换成图片。
DLL和源码下载地址：http://download.csdn.net/detail/shi0090/4065982
中文帮助文档下载地址：http://download.csdn.net/detail/shi0090/4065986
提取文字测试工程下载地址：http://download.csdn.net/detail/shi0090/4068429
提取图片测试工程下载地址：http://download.csdn.net/detail/shi0090/4068428
官方网站：http://itextpdf.com/

2.【PdfSharp.dll】，C# 开源PDF处理工具，可以任意操作PDF，也可以实现从PDF提取图片，但不能直接将PDF转换成图片。
DLL和源码下载地址：http://download.csdn.net/detail/shi0090/4066060
提取图片测试工程下载地址：http://download.csdn.net/detail/shi0090/4068448
以上两个开源C#工具都可以很好处理PDF文档，但不满足我的要求直接把PDF转成IMAGE。

3.【ImageMagick】，C 语言开源PDF处理工具，可以将实现PDF转换图片，因为是C#工程，所以C语言的我就没有过多测试。
DLL和源码下载地址：http://download.csdn.net/detail/shi0090/4066040

4.【Acrobat.dll】，Adobe官方提供的接口，可以实现PDF转图片。
这个方法需要安装Adobe Acrobat X Pro，从安装文件copy出Acrobat.dll就可以，因为文件太大要500M多，就不提供下载了。
测试工程下载地址： http://download.csdn.net/detail/shi0090/4068502
参考地址：http://www.codeproject.com/Articles/5887/Generate-Thumbnail-Images-from-PDF-Documents
这个方案也是我最后采用的方案，毕竟是Adobe官方提供的接口，其转换效率要比其他的DLL要快多了，而且应该更可靠一些。

5.免费工具：【Ghostscript】，可以实现PDF转图片，貌似网上很多人都会采用这个方法，但我觉得不太好用。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066005
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068486
参考地址：http://www.codeproject.com/Articles/317700/Convert-a-PDF-into-a-series-of-images-using-Csharp.aspx
参考地址：http://www.codeproject.com/Articles/32274/How-To-Convert-PDF-to-Image-Using-Ghostscript-API

6.【PDFLibNet.dll】，第三方DLL，可以实现PDF转图片。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066096
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068522

7【O2S.Components.PDFRender4NET.dll】，.第三方DLL，可以实现PDF转图片，原版的dll左上角也会有一排红色水印，但这个是破解版的已经没有水印。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066107
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068558

8.【SautinSoft.PdfFocus.dll】，第三方DLL，可以实现PDF转图片，但转出来的图片左上角有一排红色水印。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066111
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068561

9.【TallComponents.PDF.Rasterizer.dll】，第三方DLL，可以实现PDF转图片，但转出来的图片有个较大的水印。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066112
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068563

10.【XpdfRasterizer.dll】，第三方DLL，可以实现PDF转图片。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066115
测试工程下载地址：这个弄不见了，如果使用要使用这个的话，一定要注意Regsvr32注册，要不然转换会失败的。

11.【abcpdf.dll】，第三方DLL，可以实现PDF转图片，但是需要安装abcpdf，所以使用起来不算太放方便。
DLL 下载地址：http://download.csdn.net/detail/shi0090/4066144
测试工程下载地址：http://download.csdn.net/detail/shi0090/4068564

最后贴所有代码的和dll的地址，以免童鞋们一个一个下的麻烦，但相应的分会高一点，毕竟我下载这些东西用了我100多分啊，让我深知分的重要性了。
dll 下载地址：http://download.csdn.net/detail/shi0090/4068649
code 下载地址：http://download.csdn.net/detail/shi0090/4068651

最后我觉得【Acrobat.dll】还是最好用的，因为最效率、最稳定，同时进行5个PDF的转换也能成功，但是用第三方的DLL就会出现崩溃的现象。
其次推荐【O2S.Components.PDFRender4NET.dll】，因为使用这个代码最简洁、使用起来最方便，而且效率算是不错的，也没有水印，但是是破解的，这个大家自己斟酌了。

本文链接

黄聪：wordpress博客用Slimbox2实现lightbox效果（免插件）（转）

2012-05-10T02:02:00Z

wordpress博客(免插件)用Slimbox2实现lightbox效果。图片比较多的wordpress博客如果来点lightbox图片特效，那无疑为你的博客增色不少。只是，很多lightbox效果插件比较臃肿，虽然lightbox效果非常漂亮，但是影响博客速度还是有点不值得，那在wordpress上有没有免插件实现lightbox效果的办法呢？下面就给大家分享免插件实现lightbox效果。

首先是JQuery（你必须先加载JQuery）请确定你的博客加载了JQ库，没有加载JQ库的话，请把下面代码加入header.php相关位置。如果加载过就无需重复加载了。

1、<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

2、然后是js的调用：

<?php if (is_singular()) { ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/slimbox2.js"></script>
<?php } ?>

这样是只要在内容页中调用就行不在首页调用可以提高打开速度

3、Box Css：

/*slimbox2*/
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer{position:absolute;z-index: 9999;overflow: hidden;background-color:#fff;}
.lbLoading{background:#fff url('images/loading.gif') no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:6px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display: block;position: absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url('images/prev.gif') no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url('images/next.gif') no-repeat 100% 15%;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url('images/close.gif') no-repeat center; margin: 5px 0;outline: none;}

以上样式添加到你的CSS里面即可

4、修改JS文件中的 $(".post-content a:has(img)").slimbox(); 把post-content 改为你的主题控制内容CSS
打开single.php，找到<?php the_content(); ?>，夹着它的div的class既是这里要控制的属性。如果没有可以自定义一个~

文章提及的相关文件下载（请选择IE下载）

slimbox2.js文件放在你主题的JS文件夹下，那些图片文件放在你主题images文件夹下。需要修改范围控制也请修改其中的slimbox2.js文件。

下载： slimbox2.rar

本文链接