作为一个非技术类的Wordpress博客,我认为过于简洁的页面并不好看,还是有点图片点缀看起来更加赏心悦目。文章缩略图就可以起到很好的美化作用,不过我并不想安装太多的插件,这可以采用修改源码的方式来实现Wordpress文章缩略图的显示。
第一步,在主题的images下创建一个文件夹,重命名为“random”,复制进20个大小为140×100的jpg文件,分别命名为tb1.jpg,tb2.jpg……tb20.jpg。
第二步:将下面的代码粘贴到主题文件functions.php的最下面。
//缩略图获取 function dm_the_thumbnail() { global $post; if ( has_post_thumbnail() ) { echo ''; $domsxe = simplexml_load_string(get_the_post_thumbnail()); $thumbnailsrc = $domsxe->attributes()->src; echo ''; echo ''; } else { $content = $post->post_content; preg_match_all('//sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); $random = mt_rand(1, 20); if($n > 0){ echo ''; }else { echo ''; } } } add_theme_support('post-thumbnails'); set_post_thumbnail_size(100, 140, true);
第三步:将下面的代码粘贴到主题目录下index.php文件的“<div>”后面,如果想在分类页也显示缩略图,请用同样的方法修改category.php文件,其他几个页面如archive.php、tag.php、author.php、search.php,请根据自己的需要酌情修改。
第四步:将下面的css代码添加到主题文件style.css的最下面。
.post .intro img{float: left;width: 140px;height:100px;margin: 12px 10px 8px 15px;_margin: 17px 10px 8px 7px;padding: 4px;border:1px solid #ccc;position:relative;z-index:3;}
做完这些工作就可以实现文章缩略图的显示了。默认调用文章内第一张图片,可以是媒体库中的,也可以是网络上的。如果文章内没有任何图片,则会随机调用random文件夹里面的tb1.jpg,tb2.jpg……tb20.jpg。