萧涵主题缩略图显示效果

萧涵主题文章缩略图实现方法

萧涵主题文章缩略图,偶看目前还没有需要用到,但是有朋友问起,通过一番搜索和研究,实现萧涵主题文章缩略图,需要三步即可。

注意:以下方法不适用于《萧涵主题置顶摘要和全文显示的方法》后的修改。

一、在主题文件夹下的functions.php添加代码

//文章缩略图获取
 function dm_the_thumbnail() {  
     global $post;  
     if ( has_post_thumbnail() ) {  
         echo '<a href="'.get_permalink().'" class="pic">'; 
         $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().'" class="pic"><img src="'.$strResult[1][0].'" alt="'.get_the_title().'" title="'.get_the_title().'"/></a>';  
         }else {
             echo '<a href="'.get_permalink().'" class="pic"><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); 

二、在主题文件index.php;category.php;archive.php里面的

<div class="intro">

后面添加以下代码:

<?php dm_the_thumbnail(); ?>

三、将如下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;
 }

萧涵主题缩略图显示效果

萧涵主题缩略图显示效果

以上三个步骤修改添加完成后,即可显示首页、栏目页和归档页面文章右边的缩略图,图片大小为100*140像素,默认调用文章内的第一张图片,如果文章内没有图片,就会调用主题包里images文件夹下的random(这个文件夹自己手动建立)里面的图片,例如:oukan1.jpg,oukan2.jpg……oukan5.jpg(缩略图命名的格式必须照此来)。

您的wordpress萧涵主题还有更多需要修改的地方,请查看萧涵主题修改全记录

《萧涵主题文章缩略图实现方法》有123个想法

  1. 在文章中添加多媒体图片,总是说有错误,上传不成功,文章中不显示图片,但是打开多媒体,图片显示,打开服务器,图片也在,审查网站元素,图片也有,但是路径好像不对,我是按照你的添加首页略缩图的方式弄的。。。求解释

          1. 是我问错了,,,我是想问 首页 默认文章展示如何显示摘要,我现在的是有些显示很多j,有些显示很少。如何能让首页的文章全部显示一样的摘要呢,?我在后台阅读设置哪里设置了也没有用。有什么办法吗

  2. 强哥强哥求拯救小弟第一次做站按照您的方法,做到最后发现网站顶部的部分出现一条白带异常的情况现在不知道怎么弄回去了 看着也别扭地址是aiguiren.com(我自从把footer.php文件改了就这样了)

发表评论