为WordPress首页自动捕获文章中的图片为缩略图

首先声明下,文章中的代码提取自WPInk主题的,功能样式与WpInk一样。由于这种缩略图只需用在首页,而首页所对应的PHP是主题目录的index.php(一般情况下)。 打开wpink所在主题目录的index.php,可以看到如下代码:

首页的缩略图就是用此控制,不难发现代码里面可以看到catch_that_image()和the_post_thumbnail(),而这两个第一个是wpink主题所写的,第二个是wordpress自带的(默认情况下是不开启这个功能的),而且缩略图的样式是由style.css里的post-thumbnail控制。 所以到wpink主题的functions.php找这两个函数,与作者也有注释,代码如下:

附上样式: .post-thumbnail{ float:left; margin:15px 10px 0px 0px; padding:1px; width:160px; height:120px; border:1px solid #C5C5C5;}

要使自己的主题支持首页文章缩略图(或许可以称作特色图,不过特色图是要在编辑文章的时候指定图片的) 1.只要把第一大段的代码复制到主题的index.php的文章循环那(有些主题可能是loop.php,视主题),位置一般是的div之前 2.复制第二大段代码到主题的functions.php里,位置随便,只要在有效区域内,方便点就在最后(要在?>前面) 3.复制第三个CSS样式到你想要的主题的style.css里,位置随便 4.保存所有的,刷新下试试,如果是有叉烧包的话,只要在主题的images目录放张no-thumb.jpg的图片(在functions.php可以看到),具体图片像素看css里的width和height。

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请