日志分类:wordpress

wordpress用caption属性给图片说明加边框

2010/08/19 1:11 pm  |  分类:wordpress

每次在Wordpress编辑器中用了caption属性的图片都可以完好地显示描述边框,但是发布后无论在Firefox还是在IE各版本下的浏 览器都没有这个效果了。这么炫的效果没能实现很可惜。

今天路过别家博客的时候无意中发现别人居然能使用这一效果,我心理一下子就不平衡了,决心也要把这描述边框整出来!在这一点上,Firefox 给我们带来了无比的便利,我“偷窥”了一下该站的CSS代码和自己的CSS比较了一下,原来我的主题style.css中没有配备caption的样式, 难怪不能实现图片的描述边框了,如此简单的道理却困扰了我这么久。

既然已经“偷窥”了,就索性“偷”个彻底,我把他家的style.css中的caption属性都整理出来安在自家的style.css上了。 果然,完美地实现了给日志图片加描述边框的效果,在Firefox下还有个微微的圆角,很不错,自己赞一个。之后我又找到在Wordpress的官方网站 上也有这段代码的介绍,喜欢这个效果的朋友直接把下面的代码复制到style.css中就可以了,你也可以根据需要稍加修 改。

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

让WordPress 后台显示日志浏览量

2010/08/11 2:12 am  |  分类:wordpress

WP-Postviews这个 WordPress 插件可以对每篇日志的点击数进行统计,但是 PostViews 这个插件有点不好的地方就是不能在后台日志列表页面显示点击数,今天我查了下 WordPress 的 Hook,通过以下代码实现了这个功能:

add_filter('manage_posts_columns', 'postviews_admin_add_column');
function postviews_admin_add_column($columns){
    $columns['views'] = __('Views');
    return $columns;
}
add_action('manage_posts_custom_column','postviews_admin_show',10,2);
function postviews_admin_show($column_name,$id){
    if ($column_name != 'views')
        return;
    $post_views = get_post_meta($id, "views",true);
    echo $post_views;
}

你只需将上面的代码复制到你的 PostViews 插件的原文件或者主题的function.php 中即可。最终效果让你可以在 WordPress 后台日志列表页面查看每篇日志的点击数,如下图所示: