效果和无觅非常相似,经过的gsky一番调整和增强,我已经深深爱上了它,于是不敢独享,拿出来分享一下。
其实效果非常简单,首先将下方代码粘贴到 文章页面 模板的合适位置
然后添加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。接下来刷新一下你文章页面,是不是有效果了呢?
哎,我非常同意能用代码就不用插件的做法,无奈本人只会java,不会php,jquery更不会。