砍掉WP-thumbnails

Posted by Harid九月 - 16 - 2010 Leave comments   581 views 

今天又砍掉了一个插件——布谷鸟的WP-Thumbnails。这个插件真的很好,能实现太多的功能了,像首页缩略图、相关日志缩略图、随机日志缩图图、自动生成文章摘要等,而这些都是非常实用的功能。不过我这几天陆陆续续地直接用代码做了相关日志和随机日志的输出,所以只用到了它的自动生成文章摘要与首页缩略图功能。为了这两者,而跑上一个这么大的插件,我觉得划不来,于是想是否可以用代码实现上述功能从而砍掉这个插件。

在Wordpress里,能用插件实现的功能,一定可以不用插件,而直接用代码实现!现在我是深信这个概念。终于,又是从“我爱水煮鱼”那里,我看到了希望。传送门>>

以前用WP-Thumbnails的时候,图片是自动显示在首页摘要的右部,并以120*100的大小显示,我觉得这种样式不错,于是我保留了WP-Thumbnails的首页显示样式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*首页缩略图*/
div.ta-pageimg-right img {
	display: inline;
	padding: 3px;
	overflow: hidden;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
}
div.ta-pageimg-right {
	display: inline;
	float: right;
	padding: 2px 0px 2px 8px;
}
/*end 缩略图*/

结合我爱水煮鱼的方法,有了下面的步骤:

1、在主题的functions.php里添加如下代码:

1
2
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 120, 100, true );

这两句话会开启新版Wordpress自带的缩略图功能,在添加文章页的右下部会出现“特色图片”框:

将上传的图片设置为特色图片:

zuoweitese

2、在主题的index.php里的主循环中找到

<div class="content">或者<div class="excerpt">

于其下方添加以下代码:

1
2
3
4
5
<div class="ta-pageimg-right">
	<?php if ( has_post_thumbnail() ) { ?>
		<a href="<?php the_permalink() ?>"><?php the_post_thumbnail() ?></a>
	<?php } ?>
</div>

OK!

***********************分割线************************

至于自动生成摘要,可以通过修改wp-includes/formatting.php里的wp_trim_excerpt函数实现,然后将index.php里的

<?php the_content(__('Read more...', 'Read more...')); ?>

替换成

1
<?php excerpt() ?>

不过那个函数好像不是很好改,而且我觉得就用自带的more标签也挺好的,于是作罢!

   声明:本文采用 BY-NC-SA 协议进行授权 | 星期九
   原创文章转载请注明:转自《砍掉WP-thumbnails

分享本文: 腾讯微博 QQ空间 人人网 百度空间 开心网 新浪微博 Google Reader 豆瓣
Comments(12) Leave comments
  1. Gravatar
    岁月轻狂 Mozilla Firefox Mozilla Firefox 9.0.1 Windows Windows XP

    想知道首页的缩略图比例是不是裁减出来的比例还是按照原比例缩放的?

    • Gravatar Harid  @  二月 1st, 2012 at 04:08 replied.

      是裁剪的,但是不是开了自动缩略图功能,写博文上传图片手动生成特色图片。

  2. Gravatar
    ixwebhosting Google Chrome Google Chrome 12.0.742.122 Windows Windows XP

    WP好,因为插件多!
    WP不好,因为插件多!
    成也萧何,败也萧何!

  3. Gravatar
    abx Google Chrome Google Chrome 7.0.529.0 Windows Windows XP

    回头试试如果不行的话加你QQ

    • Gravatar Harid  @  九月 27th, 2010 at 10:35 replied.

      @abx, 祝你成功!

  4. Gravatar
    睿智小超人 Google Chrome Google Chrome 6.0.472.53 Windows Windows 7

    还不知道有这样一个插件

    • Gravatar Harid  @  九月 18th, 2010 at 19:56 replied.

      @睿智小超人, 这个插件是布谷鸟贡献给Wordpress世界的一份非常不错的礼品。

  5. Gravatar
    深冬及夕 Internet Explorer Internet Explorer 8.0 Windows Windows 7

    我不喜欢什么都用插件实现 呵呵 还是研究研究代码比较好

  6. Gravatar
    笨瓜 Google Chrome Google Chrome 7.0.524.0 Windows Windows 7

    我的主题或者都没有 ,只有个 一样的吗?

    • Gravatar Harid  @  九月 17th, 2010 at 12:17 replied.

      @笨瓜, 就是在主循环里的文章正文前面加上上面的代码,不一定跟上面的完全一样。要不你就发你的index.php或者home.php(有的话)过来。

  7. Gravatar
    WordPress啦 360 Browser 360 Browser SE Windows Windows XP

    这个插件我也曾用过,十分的强大,首页、内页都很不错

    • Gravatar Harid  @  九月 16th, 2010 at 19:29 replied.

      @WordPress啦, 嗯 ,的确是一个非常不错的插件,不过我应该不会再用到了。

4 + 3 =  (required)
 疑问 鼓掌 难过 呲牙 强 微笑 快哭了 坏笑 汗 奋斗 撇嘴 OK 偷笑 委屈 尴尬 傲慢 握手 玫瑰 胜利 大哭 抱拳
启用云输入法:      

NOTICE1: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!

NOTICE2: 请申请gravatar头像(http://en.gravatar.com),木有头像的会显示为“小怪物”头像,将难以通过审核!

NOTICE3: 如果您能消除一下评论框旁边的邻居的寂寞的话,Harid将不胜感激,你懂的!^_^