WordPress Yusi1.0(扁平化+响应式)主题

奶糖味的代言

主题特色兼容 IE9+、谷歌 Chrome 、火狐 Firefox 等主流浏览器扁平化+响应式设计[/url]，兼容电脑、平板和手机访问主题设置面板新增多种广告位，PC端和移动设备各不相同自带7+小工具，可随意设置侧栏分类和浮动块。基本SEO：首页、分类、文章等页面都可以设置关键词和描述内置实用功能：Ajax加载分页、垃圾广告拦截、缓存头像、社交账户图标等短代码包括dm和dl、gt等,可自主选择。
首页导航、最新消息和置顶推荐+热门排行

• 顶面菜单炫酷切换，文章页顶部面包屑导航可隐藏或开启
• 最新消息可以后台配置任意HTML代码
• 首页内置炫酷的幻灯滑块，可自由开启，添加置顶文章后即可预览
• 热门排行显示读者的最爱，评论和喜欢并排显示
  

文章列表展示效果 缩略图+文字排版

• 分类链接醒目展示，可点击图标订阅栏目
• 排版简洁清爽，鼠标切换图标放大特效，图片后台设置隐藏
  

搜索、订阅、社交 + 喜欢+分享 + 回顶部和去评论

• 搜索结果增加关键词高亮显示
• 增加多种社交账户图标，微博、Facebook、Twitter、qq、随意隐藏显示
• 为你喜欢的文章点赞，无处不喜欢
• 分享无处不在，各种页面、各种文章
• 回顶部自动隐藏，在有评论的时候才会有去评论
  

侧栏小工具：邮箱订阅+标签云+特别推荐等

• 文章加吐槽随意控制，可控制显示条数和具体分类，还可选择排序方式
• 邮箱订阅收集你的读者群，及时推送最新的资讯。
• 标签云并排展示，颜色多种变化
• 个性广告随意添加，还可以控制浮动个数
• 特别推荐标题颜色风格多种选择
  

关于读者墙、友情链接、投稿页面

• 独立的读者墙页面，漂亮的展示方式，鼠标滑过头像旋转和显示评论数
• 带头像的友情链接页面，更加有个性。
• 接受读者投稿是不错的选择
  

文章结尾和相关文章推荐

• 文章结尾有加转载说明、喜欢、分享、标签、上下页
• 图文排列的相关文章推荐，后台可设置数量
  

主题下载
yusi1.0.zip (774.32 KB, 下载次数: 1, 售价: 1 )

2018-6-6 17:15 上传

点击文件名下载附件

注意事项：

• Yusi主题为免费共享主题，主题发布后不承诺一定提供后续版本更新和维护。
• 使用主题后所产生的涉及到简单的代码修改问题，而请童鞋请多百度Google或在本站找下答案，如果是主题问题请在下面留言。
  

最后PS：匆匆忙忙弄出来的。使用主题的童鞋记得在timthumb.php中加入你的域名，不然列表图片会显示不正常。具体参考timthumb常见问答!

2014-7-24 补充

1、代码高亮已经集成到主题，自己后台文本模式下点击<pre>标签即可生成如下标签，加上自己的代码内容即可

• <pre class="prettyprint linenums" >代码内容</pre>
  

2、头部字体引用请参考webfont中文云端字体服务推荐：有字库。

3、文章中短代码使用方法是：

网站使用的图片就是一个很大的因素。每篇文章截取的第一张图片的大小都不一样。有时候图片大一点加载就很慢。

这里告诉大家两种方法实现wordpress网站缩略图功能，提高网站加载速度

、使用七牛云存储函数实现缩略图功能七牛有很强大的缩略图功能，虽然 WordPress 也有缩略图功能，但是相比之下，七牛强太多了，并且生成的缩略图都是尺寸适应的，并且都是在七牛云存储上面。不知道七牛云存储是何物的童鞋请参考我是水煮鱼的介绍：安装七牛云存储插件的童鞋可以使用 wpjam_post_thumbnail 函数，直接生成缩略图。代码如下：

1. <?php  if(wpjam_has_post_thumbnail()){?>
   
2. <div class="entry-thumb">
   
3.         <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php wpjam_post_thumbnail(array(150,150),$crop=1);?></a>
   
4. </div>
   
5. <?php } ?>

复制代码

这个函数有两个参数：

• $size：设置缩略图的大小，它是一个数组，比如上面例子中就是设置缩略图大小为：宽是 150px，高也是 150px。
• $crop：设置是否裁剪缩略图，1为裁剪，如果为0，则只是按照最大边进行缩放，不进行裁剪。
  

另外这个函数相比 WordPress 默认的 the_post_thumbnail 函数相比还有一个强大的地方是，如果没有设置缩略图，它将自动获取第一张图片作为缩略图。

使用timthumb.php实现缩略图功能

号称是wordpress网站的缩略图神器。没用过的童鞋可以去搜一下看看什么是 timthumb.php。这是一个专门为 WordPress 而开发的缩略图应用的项目。有点类似于插件，但是又和 WordPress 插件不同，因为它不是被上传于 plugins 文件夹下，而是需要上传到你的主题文件夹中。你可以在这里下载最新版本的 timthumb.php，一般默认配置也就可以了。

timthumb使用技巧须知、服务器要开启GD库。
2、在和timthumb.php同一个目录下新建一个cache文件夹用来存储生成的小图片，设置cache文件夹为 755 或 777 权限。
3、请使用绝对地址来表示原有图片，改程序不支持外链图片。
4、最好将规则写入.htaccess文件中。可以加快图片速度。如下：

1. RewriteEngine on
   
2. RewriteRule .* – [E=HTTP_IF_MODIFIED_SINCE:%{HTTP:If-Modified-Since}]
   
3. RewriteRule .* – [E=HTTP_IF_NONE_MATCH:%{HTTP:If-None-Match}]

复制代码

5、将图片的动态地址改为静态地址也会加快服务器的响应速度。

6、图片的最后一个参数不是质量级别而是压缩级别。我们可以单独修改这个参数达到最大压缩比。找到timthumb.php文件第174行左右 $quality = floor($quality * 0.09); 在下面添加：$quality = 9;

7、还有许多的TimThumb 参数可以让你设置，可以自己去看看。使用的时候，一般图片的地址是这样的：

1. <img src="http://timthumb所在目录/timthumb.php?src=图片地址&h=图片高度&w=图片宽度&zc=1" />
   
2. 例如：http://yusi123.com/wp-content/themes/yusi/timthumb.php?src=http://images.yusi123.com/wp-content/uploads/2014/01/360dianping.png&h=146&w=220&q=95&zc=1&ct=1

复制代码

其中,h为缩略图的高度，w为缩略图宽度，q表示质量，zc有两个属性值，1表示裁剪，0表示按设置的高宽压缩，不裁剪。

这个是我博客已经在使用的代码，大家可以试试看：

1. //添加特色缩略图支持
   
2. if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');
   
3. 
   
4. //输出缩略图地址 From wpdaxue.com
   
5. function post_thumbnail_src(){
   
6.     global $post;
   
7.         if( $values = get_post_custom_values("thumb") ) {        //输出自定义域图片地址
   
8.                 $values = get_post_custom_values("thumb");
   
9.                 $post_thumbnail_src = $values [0];
   
10.         } elseif( has_post_thumbnail() ){    //如果有特色缩略图，则输出缩略图地址
    
11.         $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
    
12.                 $post_thumbnail_src = $thumbnail_src [0];
    
13.     } else {
    
14.                 $post_thumbnail_src = '';
    
15.                 ob_start();
    
16.                 ob_end_clean();
    
17.                 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
    
18.                 $post_thumbnail_src = $matches [1] [0];   //获取该图片 src
    
19.                 if(empty($post_thumbnail_src)){        //如果日志中没有图片，则显示随机图片
    
20.                         $random = mt_rand(1, 10);
    
21.                         echo get_bloginfo('template_url');
    
22.                         echo '/images/pic/'.$random.'.jpg';
    
23.                         //如果日志中没有图片，则显示默认图片
    
24.                         //echo '/images/default_thumb.jpg';
    
25.                 }
    
26.         };
    
27.         echo $post_thumbnail_src;
    
28. }

复制代码

上面的代码获取图片的顺序是：自定义域 thumb 的图片 > wordpress特色图片 > 文章第一张图片 > 随机图片/默认图片

然后在调用缩略图的地方使用类似的代码：

1. <img src="http://timthumb所在目录/timthumb.php?src=<?php echo post_thumbnail_src(); ?>&h=150&w=2000&zc=1" alt="<?php the_title(); ?>"/>

复制代码

就可以显示缩略图。你可以修改上面的参数，实现不同位置显示不同大小的缩略图。

timthumb常见问答

1.WordPress本身就有截取缩略图的功能，为什么要使用timthumb呢？

WordPress本身的缩略图截取功能，会对上传的任何图片都进行裁剪，每个图片都删除缩略图保存在空间中，特点是，图片只生成一次，需要调用是不会再次生成，但是有很多缩略图根本用不到，占用空间。

timthumb只对要作为缩略图的那个图片进行裁剪，并且是在有访问请求时才临时处理生成，生成的是一个配置文件，不存在真正的缩略图文件，在一定的时间内会缓存在空间中，失效后，有访问请求会重新生成。特点是，不会生成多余的缩略图，但是处理过程需要一定的服务器资源支持。

2.听说timthumb以前有漏洞，现在不放心？

任何程序都会存在漏洞，包括WordPress本身，timthumb之前也一样，但是最新版本已经算是比较安全了，我只能说，如果你担心，那就不要用。

注意：如果你的图片域名解析出现问题。“timthumb文件大概126行的地方有： $ALLOWED_SITES = array  添加那个外部图片的顶级域名就可以了。