Teahouse – 超赞双样式多功能WordPress博客主题

 毫不夸张地说，这绝对是目前 PC 见过最为完善、最为精美、最为强大的 WordPress 博客主题！当访问贵站时直接被精美的设计给迷住了，而更加让我赞叹的是，主题完全开源！WordPresser 们的最强福利呀！

如名字一般，Teahouse 中文意思是茶馆，这款怀旧风格的主题将重点放在写作和阅读上，并内置双版皮肤样式：Dark,Light。响应式设计、Retina 设计，在任何设备下完美显示；加载进度条、Ajax 文章喜欢按钮、Ajax 评论回复，用户体验超赞！

主题截图

1、首页截图

2、文章页截图

主题使用教程

• 1. 主题使用了宽屏设计，所以文章特色图的尺寸最好大一点，建议宽度不要低于 1000 像素，否则就会显示模糊，有失档次。
• 2. 怎么设计自定义菜单，其实很简单。首先你创建好自定义菜单，然后准备好菜单列表，接着在主题的目录里 includes/fonts/Loops / 有一张图片为 fonts.jpg，上面有每个字母所代表的字体图标。在“导航标签”处填入对应的字母，在“标题属性”填入你想显示的 Tip 文字即可。
• 3. 怎么创建音乐播放器，我这里所用到的音乐播放器是 WordPress3.8 版本后自带的，首先写文章时选择类型为“标准”，然后勾选“显示选项”里面的“自定义栏目”，在出现的“自定义栏目”里，点击“输入新栏目”，名称区域填入“music”，值区域输入音乐的 mp3 路径即可。建议创建播放器时最后添加特色图，否则界面很单调。对于哪里可以得到音乐外链，我推荐“七牛云”或者“百度开发者中心”。
• 4. 怎么创建相册文章，首先写文章时选择类型为“相册”，然后勾选“显示选项”里面的“相册设置”，点击“添加图片”创建即可。
• 5. 主题有三个小工具区域，每个区域都是假如为空时，区域是隐藏的。举个例子，假如右边的小工具区域里没有小工具区域时，区域就会消失，文章区域就会变得很宽。左边的小工具区域没有小工具时，你便无法打开侧边栏。
• 6. 主题包含一个叫SimpTip.css的功能，鼠标经过自定义菜单时弹出的 Tip 就是它来实现的，你也可以用它来自定义各种弹出 Tip，具体操作可参考插件官网。
• 7. 主题包含一个萤火背景，它是通过 html5 的画布功能实现的，为了照顾手机的加载速度，默认在移动设备时是不加载的，若果你不想显示它，可以在 includes/js/Plugins.js 里删除 circle_bg 字段下的对应代码即可。
• 8. 文章的 Ajax 喜欢按钮是需要另外安装插件的，插件来自zilla-likes，不过我插件经过修改才适合和主题显示，所以插件就在主题的 zilla-likes 目录里。
• 9. 其它插件的兼容性，除了测试过“多说评论插件”没问题外，其它均为测试，目测都不会有什么大问题。
• 10. 对于左边隐藏的小工具区域，假如已经放置了新浪微博挂件，就不要放置其它小工具，否则会造成界面混乱。
• 11. 后台那里上传 Logo 时，下面有一个选项叫“logo retina”，假如 logo 是一般大小就选中“不启用”；假如 logo 做到两倍大小就选中“启用”。