代码实现文章仿无觅效果的相关文章

效果和无觅非常相似，经过的gsky一番调整和增强，我已经深深爱上了它，于是不敢独享，拿出来分享一下。

其实效果非常简单，首先将下方代码粘贴到文章页面模板的合适位置


猜你喜欢


cat_ID;
}
query_posts('cat=' . $cat . '&orderby=rand&showposts=6'); //控制相关文章排序为随机，显示6篇相关文章
while (have_posts()) : the_post();
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
?>

然后添加CSS

/* 相关文章 */
.same_cat_posts a {color: #555; text-decoration: none; }
.same_cat_posts {width: 730px; height: 160px; margin: 5px 0px 5px 0px; }
.same_cat_posts h3 {margin-bottom: 10px; font-weight: bolder; font-size: 10pt;}
.same_cat_posts ul {list-style: none; margin-left: 25px;}
.same_cat_posts ul li {float: left; padding: 5px; border-right: 1px solid #CCCCCC; }
.same_cat_posts ul li:hover {background: #dddddd; }
.same_cat_posts ul li img {width: 96px; height: 90px; padding: 2px; border: 1px solid #CCCCCC; }
.same_cat_posts ul li .same_cat_posts_tittle { margin-left: 2px; width: 96px; height: 50px; font-size: 9pt; text-decoration: none; }

这里特别注意的是CSS，你需要调整！仿无觅效果是否相似，CSS决定一切

粘贴好代码，放置好css，下面我们还要在functions.php（模板函数）中添加点东西：

//添加特色缩略图支持
if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');

//输出缩略图地址
function post_thumbnail_src(){
global $post;
if( $values = get_post_custom_values("thumb") ) { //输出自定义域图片地址
$values = get_post_custom_values("thumb");
$post_thumbnail_src = $values [0];
} elseif( has_post_thumbnail() ){ //如果有特色缩略图，则输出缩略图地址
$thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
$post_thumbnail_src = $thumbnail_src [0];
} else {
$post_thumbnail_src = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$post_thumbnail_src = $matches [1] [0]; //获取该图片 src
if(empty($post_thumbnail_src)){ //如果日志中没有图片，则显示随机图片
$random = mt_rand(1, 10);
echo get_bloginfo('template_url');
echo '/images/pic/'.$random.'.jpg';
//如果日志中没有图片，则显示默认图片
//echo '/images/default_thumb.jpg';
}
};
echo $post_thumbnail_src;
}

将上方代码拷贝到函数模板里，保存即可。

下面你需要下载下面的文件，解压并上传到正在使用的主题目录里

上传后，将cache文件夹的权限设置为777。接下来刷新一下你文章页面，是不是有效果了呢？