蒋清博个人博客

我今天前几天看到一篇文章，文章写着说可以实现文章首页微缩图片效果，这让我很好奇。因为哪篇文章说是萧涵的主题，而我正好是萧涵的主题。所以正如自己的想到的结果是一样的，不错就去实践问题写文章中人，看教程最后实现了。

1.将在主题文件夹下的functions.php添加代码，放置在最底最下面方便分开，以后大家好便于找出目地，大家懂了么？

//文章缩略图获取
 function dm_the_thumbnail() { 
     global $post; 
     if ( has_post_thumbnail() ) { 
         echo ‘<a href=”‘.get_permalink().’”>’;
         $domsxe = simplexml_load_string(get_the_post_thumbnail());
         $thumbnailsrc = $domsxe->attributes()->src; 
         echo ‘<img src=”‘.$thumbnailsrc.’” alt=”‘.trim(strip_tags( $post->post_title )).’” />’;
         echo ‘</a>’; 
     } else {
         $content = $post->post_content; 
         preg_match_all(‘/<img.*?(?: |\t|\r|\n)?src=['"]?(.+?)['"]?(?:(?: |\t|\r|\n)+.*?)?>/sim’, $content, $strResult, PREG_PATTERN_ORDER); 
         $n = count($strResult[1]);
         $random = mt_rand(1, 5);
         if($n > 0){
             echo ‘<a href=”‘.get_permalink().’”><img src=”‘.$strResult[1][0].’” alt=”‘.get_the_title().’” title=”‘.get_the_title().’”/></a>’; 
         }else {
             echo ‘<a href=”‘.get_permalink().’”><img src=”‘.get_bloginfo(‘template_url’).’/images/random/oukan’.$random.’.jpg” alt=”‘.get_the_title().’” title=”‘.get_the_title().’”/></a>’; 
         } 
     } 
 }
 add_theme_support(‘post-thumbnails’);
 set_post_thumbnail_size(100, 140, true);

但有一点是以前写的文章没有图片怎么办了，他后面也是写了。可问他还是没好口气说，所以我不愿别人不教，我只愿自己太笨了。干嘛不会问别人，自己慢慢啃透吧!我本来是想放链接到他网站让所有人看看，可哪样的态度，我想不需要了，何必让大家去受哪样的口气。

2.在主题三个文件index.php；category.php；archive.php里面都增加如下代码

<div class=”intro”>

后面添加以下代码

<?php dm_the_thumbnail(); ?> 

我现在告诉大家表要看什么破视频教程，还搞什么破测试，我告诉最简单的方法，也是最直接的方法。我是直接进网站后台修改，表要跟某些人一样还搞什么FTP麻烦不麻烦。讲一堆浪费时间方法，现在大家只要看图片上教程就可以实现微缩图片。

3.最后将如下css代码添加到主题文件style.css放在最下面，也是说最后最底层，这样有便于以后大家找。

.post .intro img {
     float:left;
     width:140px;
     height:100px;
     margin:12px 10px 8px 15px;
     padding:4px;
     border:1px solid #ccc;
     position:relative;
     z-index:3;
 }

以上这三个步完美的实现了，清除下浏览器的缓存。即可显示首页、栏目页和归档页面文章右边的缩略图，默认调用文章内的第一张图片，如果文章内没有图片，就会调用主题包里images文件调。最后就是第二段中讲到，以前写的文章没有图片怎么办。但这方法是对方这样告诉我的，用FTP或者直接进独立面板空间的后台，进文件管理直接找到wp-contet-themes-xiaohan3-images这个位置上传random（这个文件夹自己手动建立）里面的图片，例如可以001.jpg、002.jpg、003.jpg图片放在里面。

不过这方法我是试了，但我还没能实现。不知道是我的原因，还是哪步错了。这我不得而知，所以这步大家自己想法办法，想到的办法也可告知我一声。这样我也实现前面没有图片不会出现破XX图片。