同乐儿

  1. 首页
  2. wordpress主题
WordPress博客主题:Teahouse主题
发布 | 2年前 (2017-09-02) | 阅读数:808 | 评论数:0 | 来源:同乐儿

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和D8)均来自大前端,追求完美的同时有一丝小懒,主题就不换了,D8主题用起来挺好。

主题介绍

1、主题的名字叫:Teahouse,中文意思是茶馆,当初命名的原因是为了给人一种怀旧情怀,主题适合做个人博客,重点是写作和阅读。
2、基本功能包括:Html5+Css3、响应式设计、Retina设计、内置FontAwesome字体图标、内置Icomoon自定义字体图标、加载进度条、Ajax文章喜欢按钮、Ajax评论回复
3、基本结构包括:文章类型有标准、状态、相册三种,页面类型有默认、留言、存档三种,分栏方式有两栏、三栏、四栏三种,小工具区域有底部隐藏区、左边隐藏区、右边显示区三种,菜单区域有LOGO下面的主菜单、LOGO右边的自定义菜单两个。

主题使用

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做到两倍大小就选中“启用”。
12、因为考虑到文章的特色图较大,所以增加了利用自定义栏目的方式插入外链图片,节省空间之余还可以优化加载速度。这个和插入音乐外链同一做法,首先写文章时选择类型为“标准”,然后勾选“显示选项”里面的“自定义栏目”,在出现的“自定义栏目”里,点击“输入新栏目”,名称区域填入“picture”,值区域输入图片的路径即可。假如同时使用了外链特色图和wordpress特色图的话,会优先显示外链特色图的。

该主题托管于https://github.com/zhw2590582/Teahouse-Wordpress-Theme,所列文件均为最新版。

主题预览

/tmp/phpzUulOK

演示地址:
themepreview
下载地址:
登录后下载: 登录 |  注册


如果觉得该作者的文章对你有帮助,请随意打赏给他。您的支持将鼓励作者继续创作!
打赏
X
打赏本文作者方式

微信扫一扫可留言


继续浏览有关 wordpress,wordpress主题,博客主题 的文章

分享至:


发表我的评论
取消评论

表情
  • 119 评论
  • 174 粉丝
  • 136 文章
  • 最新评论
    二呆说:在公众号回复这个关键字就有了~
    222说:1803验证
    二呆说:看见岛有了点信号,我用的时候就是看对应网...
    123123123说:我试过了,没改成功,不着急用,看了qur...
    二呆说:6.0应该也行,时间太长忘记了,好像6....

    • 同乐儿
    • 北京 朝阳区
    • 2018年8月1日
    • 如有仿站或其他事宜联系微信:Diamond0419
    • 查看更多 >
    随机热门
    标签
    wordpress (81) wordpress优化 (26) 原创 (26) wordpress主题 (24) wordpress插件 (21) wordpress教程 (18) Typecho (18) wordpress seo (17) Typecho插件 (14) 博客主题 (8) emlog (7) emlog插件 (6) wordpress维护 (6) CMS主题 (5) 企业主题 (4) DNSPod for emlog (3) 淘宝客主题 (3) 修订版本 (3) 自动保存 (3) 移动适配 (3)