f
WordPress博客主题:Teahouse主题
WordPress博客主题:Teahouse主题
二呆 3年前 (2017-09-02) wordpress主题  #wordpress# 
浏览:2518

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和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
下载地址:
登录后下载: 登录 |  注册

关于本站产品
模板插件 普通粉丝 真爱粉丝
下载/获取
更新 ×
修复 ×
问答 ×
加入方法 加粉丝群(得单一产品) 加入星球(得所有产品)

推荐阅读
  • 插件截图:插件简介:TleUCenterForWordpress是一个用户中心插件,放置于前台网页的左下角,供用户登陆/管理只用,使用邮箱验证码登陆,登陆之后在使用TleWeiboForWordPressV2.0微博主题的情况下,可以显示微博列表、文章列表、评论列表,也可...
  • 插件截图:插件介绍:TleLiveCtrlForWordpress是一个基于Kplayer的直播遥控器插件,也可以叫做KplayerForWordPress插件,支持多平台直播推流,进行积分点播、查询、跳过等功能,支持Payjs微信、支付宝支付,是一个可以24小时直播推流的...
  • 主题截图:主题简介:一款Wordpress版本的TleWeiboForWordPress电脑/手机版微博主题使用方法:将本主题里的所有文件放在您网站目录的wp-content/themes内,注意文件夹名字必须为TleWeibo或TleWeiboWap。...
  • 插件介绍:本插件可以隐藏文章中的任意部分内容,当访客付费后,可查看隐藏内容,当前版本支持payjs微信支付。安装方法:第一步:下载本插件,放在 wp-content/plugins/ 目录中(插件文件夹名必须为WeMedia);第二步:激活插件;第三步:填写配置;第四...
  • 现已更新至用环信实现的全新的即时聊天插件,并WordPress、Typecho、Emlog版本即时聊天插件均已支持前台环信聊天。最新版本详情:前台环信即时聊天(以Typecho为例)WordPress版本(以V5.0为例)Typecho版本(以V1.2为例)Eml...

o p
Ú