如名字一般,Teahouse中文意思是茶馆,这款怀旧风格的主题将重点放在写作和阅读上,并内置双版皮肤样式:Dark,Light。响应式设计、Retina

设计,在任何设备下完美显示;加载进度条、Ajax文章喜欢按钮、Ajax评论回复,用户体验超赞!

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

主题预览

主题下载密码: lggb