欢迎光临旭日站长网!
您当前位置:网站首页 >> 技术教程 >> WP >> 使用萧涵博客的主题实现首页摘要旁边自动提取文章内第一张图片显示的方法

使用萧涵博客的主题实现首页摘要旁边自动提取文章内第一张图片显示的方法

2012-12-23 18:47:37 来源:旭日站长 浏览:1116

最终效果图:

下载该代码,使用方法如下:

第一步:将压缩包里的代码提取出来后粘贴到主题文件functions.php的最下面即可;

第二步:将如下代码粘贴到主题文件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;_margin: 17px 10px 8px 7px;padding: 4px;border:1px solid #ccc;position:relative;z-index:3;}

完成以上3步后就实现了文章摘要旁边显示缩略图了,默认调用文章内第一张图片,文章内没有的话,就会调用主题包里images文件夹下的random(这个文件夹自己手动建立)里面的例如tb1.jpg,tb2.jpg……tb20.jpg(命名的格式必须照此来),图片大小为100*140

接下来介绍下自动摘要的方法,其实前面写的文章里面已经介绍过方法,今天只不过是更具针对性了。方法很简单,打开主题文件index.php,然后将如下代码:

<?php if(is_category() || is_archive() || is_home() ) {
the_excerpt();
} else {
the_content('Read the rest of this entry &raquo;');
}
?>

替换为下面的代码即可:

<?php if(is_category() || is_archive() || is_home() ) {
echo '<p>';echo mb_strimwidth(strip_tags(apply_filters('the_excerpt', $post->post_content)), 0, 365,"...");echo '</p><p class="read-more"><a href="'.get_permalink().'" title="'.get_the_title().'" rel="bookmark">阅读全文</a></p>';
}
?>

同样的操作在主题文件category.php和archive.php中进行一下

发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)