HelloMetro 1.2 – Metro风格8种颜色Blog主题【持续更新】

自上次更新已有 10 个月之久，HelloMetro 的此次更新为大家带来了响应式& 细节美化，可以说已经完全脱离了母版Metropro主题，全站采用 Metro 风格，带有 8 种风格可选择，甚至你可自定义主题的颜色，位于首页的 Metro 磁贴推荐 + 幻灯片功能更是为 HelloMetro 主题的最大亮点。废话不多说，上图~~~

主题截图

1、首页截图

2、文章页截图

作者主题说明

功能特色

• 首页和分类归档页面文章缩略图显示，两种尺寸，首先前三篇自动大图展示。
• 首页展示置顶推荐文章和 metro 磁贴风格随机展示文章及周，月热门文章
• 支持彩色标签云，支持随机文章（需要安装 Random Redirect 插件）
• 支持下拉菜单（这个需要到主题菜单中设置层次）
• 支持侧边栏小工具（这个终于来了，beta 版许多网友就跟我抱怨没有这个）
• 支持侧边栏广告（暂时就一个，需到后台设置，默认不显示）
• 支持多种颜色风格，红，橙，青，绿，天蓝，紫，粉红，你还可以自定义，下面会详细介绍

版本修改 优化 header 的 metro 磁贴，去掉周，月最热文章显示，全部改用随机文章。而且把原来纯色改成彩色风格。

• 优化 footer，使其显示更多内容，加入友情连接，站内链接等等
• 优化主题下拉菜单显示，使其菜单更有立体风格
• 优化标签显示，首页每篇移除文章来源，改成随机彩色标签
• 优化整个背景，去除背景图片，改成纯色背景
• 优化自带评论，优化评论框，加入圆形动态评论头像
• 加入自带分享功能，基于水煮鱼的社会化分享
• 优化首页前三篇大图显示，默认不再显示缩略图，而是等比例缩放特色图像
• 优化侧边栏订阅和日历，均改成彩色风格
• 修改部分 bug

使用说明

• 关于首页展示置顶文章，需要在新建文章的时候，将文章设置成置顶，如果没有置顶推荐文章，那首页会随机显示一篇文章
• 关于 metro 磁贴风格随机展示文章，新增了 110*110 尺寸的缩略图，如果你的文章此前没有此尺寸的缩略图，建议安装 AJAX Thumbnail Rebuild 插件，将你网站的当前所有的图片重新生成一次缩略图即可，然后将此插件移除。
• 关于 metro 磁贴风格其中 1，3，5 已经被我写成本站文章分类，请自行修改 url 和图片，图片在 imagesmetro 文件夹
• 关于下拉菜单，需要到网站后台——外观——菜单里面添加，其中可以拖动各个菜单项让其分层次显示。
• 侧边栏小工具分为三个：上，中，下，顾名思义，三个小工具分别可以加在现在侧边栏的上面，中间和最下面
• 侧边栏有个博客统计，默认没有开启，需要到主题设置里面设置
• 关于多种颜色风格，主题内嵌了 8 种风格，默认还是以蓝色为主。其他颜色风格的部分蓝色图片没有修改。当然你还可以自定义自己的风格，每个风格都有一种颜色，在外观——主题，当前主题的描述里，会说明当前主题使用的颜色，你可以编辑 style.css 文件，使用你想要的颜色替换所有当前主题的颜色即可。

Bug 修改

部分网友的菜单字数超过 5 个字，由于菜单长度被我写死，主要是因为保持下拉菜单的长度和父菜单一致，所以如果你的菜单字数很多，请到后台修改 style.css 文件（注：还要修改后台 CSS 文件夹下的所有 CSS 文件，即其他颜色风格的 CSS 文件）：将.topnav li 下的：width:90px; 删掉，还有.topnav li a, .topnav li a:link, .topnav li a:visited 下的：width：90px 也删掉，这样：

.topnav li {
 width:90px;
height: 35px;
float: left;
position: relative;
padding:0 12px 0 0;
}
.topnav li a, .topnav li a:link, .topnav li a:visited{
width:90px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
text-decoration: none;
color: #00a4ef;
}
另外如果你要加下拉菜单还需要在.topnav li.subli a 中加入：width:90px; 或者和父菜单一样的其他宽度
.topnav li.subli a {
…
width:90px}