WordPress免费响应式主题Three

2015-07-19 14:08 56,771人阅读

再次重申一下:

1、免费主题不提供个性化主题修改的任何技术支持和服务,想要修改主题的请自行折腾。

2、在懿古今博客针对主题提出的疑问,凡是不留自己网址的,不保留版权链接的(已经赞助过的除外),也不再做答复。

3、对懿古今主题有任何疑问的,只有在懿古今主题交流群(477678587)内提问的,本人才会回答帮忙解决,其他的一律不再作答复。

WordPress免费响应式主题Three|懿古今

版本3.02颜色风格CSS3+HTML5、扁平化、响应式设计、自定义颜色风格,不依赖任何前端框架
WP版本4.1+支持浏览器兼容IE8+、 Firefox、Chrome、Opera、Safari等主流浏览器及大部分移动浏览器
语言中文集成小工具最新文章、本站推荐、热评文章、热门文章、相关文章、近期评论、随机文章等
测试4.1-4.5版本测试均正常独立页面模板代码高亮、文章归档、通栏页面、留言板(含年月周排行榜)、读者百强榜、友情链接、博客导航等模板

懿古今主题交流群:477678587

一、主题安装须知

1、本主题必须安装文章点击统计插件:WP-PostViews,可以直接在后台插件→安装插件中直接搜索安装官方最新版,也可以在此直接下载:

安装完成后,建议到后台→设置→PostViews页面→Views Template中的%VIEW_COUNT%后面的“views”删除(包含它前面的空格)。

2、安装主题前建议先禁用其它插件,只保留上面的WP-PostViews插件,以免造成不可预知的问题,特别是一些静态缓存、网页压缩类的插件,切记!之后逐一测试启用,主题不能保证兼容所有插件。

3、使用主题需详细阅读使用说明,并熟习主题选项面板及WordPress基本功能,WordPress老鸟除外。

4、启用主题后,会自动跳转到主题选项页面。根据自己的需要开启或关闭各模块功能,不论设置与否必须点一次保存设置

二、主题安装(两种方法)

1、登录WP后台→外观→主题,在管理主题页面,点击添加→上传主题→并启用Three主题。

2、直接可以使用FTP上传主题,然后启用Three主题。

PS:建议保留WordPress自带的一款默认主题,当主题出现空白页之类错误时,用FTP删除当前主题,登录后台,会自动切换到默认主题。

三、主题使用说明

1、首页设置

①选择首页布局:博客布局或杂志布局或博客导航,默认博客布局,若选择杂志布局或博客导航后,必须设置CMS/导航布局后才能正常显示,否则会错位。

②网站整体变灰:在特殊的日子里,勾选这个后可以实现整站变灰,平时很少用到;

③主题风格:默认为红色,可实现一键换色功能,大家也可以自己在主题文件夹Three\inc内的theme_options.php中增加更多颜色代码。

④首页排除最新文章分类ID:如首页不想显示分类ID为1的日志,即可输入-1即可。PS:可看右侧分类对应的ID。

2、幻灯片设置(选择博客/杂志布局有效)

可显示或关闭,默认显示一张幻灯片,如需添加多张请按相应格式添加,只需要修改幻灯片图片地址、链接地址和名称即可。为了防止错位,幻灯片的所有配图建议为760×300 px。其中300px可变化),切记!

3、CMS/导航布局(选择杂志/导航布局有效)

①最新日志:可显示或关闭,可设置显示文章篇数,建议显示,CMS布局有效。

②图片文章推荐:客显示或关闭,默认随机显示,如需显示指定文章,需在《综合功能》设置图片文章推荐来源为“推荐”,并在相应文章中添加自定义栏目tuijian,值任意。

③首页有图双栏、首页无图双栏:可显示或关闭,可设置多个分类和显示文章篇数,左右侧分类数量必须相同,否则会错位。

4、综合功能

①最新文章图标:默认三天(72小时)内发布的文章右上角有NEW图标显示。

②正文和页面底部小工具:可显示或关闭日志页和页面底部的小工具,建议为相关文章和随机文章,可在小工具中设置。

③正文底部图片文章推荐:可显示或关闭。图片文章推荐来源默认为随机文章,如需推荐指定文章,需设置为推荐,并在相应文章中添加自定义栏目tuijian,值任意。

④友情链接ID:需要输入正确的友链ID才能在首页显示。PS:友链ID可在后台的链接 →链接分类目录,把鼠标放在链接名称上即可在浏览器下方状态栏看到该链接的ID,如tag_ID=1,链接ID就为1。

⑤留言板地址:非日志页,如首页、列表页左右侧悬浮的留言按钮地址,点击可直达指定留言板留言。

⑥网站底部随机文章推荐:可显示或关闭,默认随机推荐4篇文章。

5、SEO设置

①首页描述及关键词:可设置自己博客的首页描述和关键词,关键词用英文逗号隔开。

②ICP备案号:只需输入备案号即可,链接已默认存在。

6、广告设置

①网站能顶端右上角广告:可显示或关闭,默认显示,宽度600px,高度78px。

②首页(列表页)第一个广告:杂志布局必须显示最新日志,并且文章篇数有1篇及以上才能显示;博客布局和列表页必须有2篇及以上才能显示。

③首页(列表页)第二个广告:杂志布局默认在单栏下面显示;博客布局和列表页必须有5篇及以上才能显示。

④正文标题下方广告、正文底部广告、评论框上方广告和下载页面广告:都可以选择显示或关闭。

7、菜单管理

本主题默认有两个菜单,分别是导航菜单和移动菜单,我们需要登录后台→外观→菜单中创建两个个菜单,并勾选到相应的菜单位置。PS:移动菜单只有用移动设备才能看到,通过改变浏览器大小只能看到导航菜单。

8、本站推荐的文章管理

我们在编辑文章的时候,需要添加一个自定义栏目,名称为:hot,值可任意,建议为文章ID。默认随机显示。如不懂添加,可以参考《实例讲解WordPress自定义栏目及自定义字段》这篇文章进行添加。

9、朕要赏赐和朕要分享

①朕要赏赐,可以在Three\inc的shang.php文件中修改,第一种赞助方式只需修改支付宝邮箱,第二种赞助就需要一个收款的二维码,图片存放在Three\images内,直接替换掉即可。

PS:支付宝收款二维码制作官网:https://qr.alipay.com/paipai/open.htm

②朕要分享,默认为百度分享,如无新浪微博AppKey,建议不用修改,如想修改,请先申请新浪微博AppKey,具体步骤可参考《如何申请新浪微博AppKey?》。如已有AppKey,只需把footer.php文件中的{"tsina":"2363344102"}的数值改为自己的AppKey即可。

10、下载按钮直达按钮及视频分享

下载按钮:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的下载按钮,并在自定义栏目面板中输入button1、button2、button3、button4,并分别在值中输入按钮名称,同时再添加url1、url2、url3、url4,在值中输入下载链接,可添加总共4个下载按钮。

②直达按钮:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的官网直达按钮,并在title='' href=''单引号内输入标题及链接地址,可任意重复使用,也可以用作下载按钮,无弹窗。

③视频分享:在编辑文章时,切换到文本编辑模式,在需要显示下载按钮的地方点击编辑工具栏的视频分享按钮,并把“此处放视频html分享代码”改为需要分享的视频HTML代码。

11、页面模板管理

本主题只集成了七个模板,分别是文章归档、代码高亮、全屏页面(无侧边栏)、留言板(含年月周排行的读者墙)、读者百强榜(建站以来评论前100名,第一次打开比较慢,需要缓存评论头像)、友情链接(默认先输出友情链接,再输出其他链接分类)和博客导航模板,我们只需要在编辑页面的时候,选中相应模板保存即可。

12、页面的描述和关键词

在编辑页面的时候,我们需要为该页面分别添加自定义栏目:名称:description,值为:该页面描述,名称:keywords,值为:该页面关键字,保存即可。

13、日志页版权的更改

只需要打开主题文件夹内的single.php文件,直接在34行修改即可。

14、评论邮件提醒的更改

只需打开Three\inc\functions文件夹,直接修改notify.php文件的相关内容即可。

15、评论等级的更改

只需要打开主题文件夹内的functions.php文件,直接在364行修改即可。

16、评论楼层数

本主题默认评论倒序排列,所以启用主题后,需要到后台→设置→讨论→在“其他评论设置”中,勾选“启用评论嵌套”和“分页显示评论”,在每个页面顶部显示“新的”评论。

四、博客导航布局说明

1、默认导航分类是按照boke112导航,分为十大类,可修改。

2、博客导航首页需要人工修改,如更改导航分类名称及链接地址、可上首页的各分类博客,如需加红或绿,只需在相应的a标签中添加 class="lv"或 class="hong"。

3、博客导航各分类的管理,是通过WordPress的链接管理实现,博客导航分类在链接分类目录中添加。

4、博客的收录,其实就是添加链接到相对应的博客分类(链接分类目录)中。

5、博客导航分类页面,只需要新建页面,标题就输入博客分类名称,模板选择“博客导航”,并添加自定义栏目,栏目名称为:dhid,值为博客分类ID(该链接分类目录的ID),最后发布即可。PS:链接分类ID可在后台的链接 →链接分类目录,把鼠标放在链接名称上即可在浏览器下方状态栏看到该链接的ID,如tag_ID=1,链接ID就为1。

五、Three主题预览、大小及下载:

1、杂志布局的主题预览:http://yigujin.cn/threecms/

2、博客布局的主题预览:http://yigujin.cn/threeblog/

3、博客导航的主题预览:http://yigujin.cn/threedaohang/

4、主题大小:打包后767KB,其中默认广告图片和无图片的日志页随机图片等共600KB。

5、主题Three3.02下载:

六、升级情况

Three主题1.01版:

1、修复了友情链接模板的错位,Three主题1.0版的用户可以直接删除template-links.php文件倒数第四行的<?php get_sidebar();?>。

2、修复了二级评论的样式,Three主题1.0版的用户可以直接修改style.css文件的.children {margin: 5px 0 0 0;}为.children {margin: 5px 0 0 20px;}。

Three主题1.02-1.03版:

1、更换boke112的宣传广告和链接地址;

Three主题1.04版:

1、取消了评论内容的高度限制;

2、增加转载/投稿文章的来源,在编辑文章时,需要输入自定义栏目:wzzz,值为文章来源名称,如懿古今;输入自定义栏目:wzurl,值为文章来源地址。

3、取消文章列表页的标题长度限制,加大文章列表中的摘要输出字数;

4、调整时间显示格式,不满两位自动补零,如8月显示为08月。

Three主题1.05版:

1、修复了视频分享功能,已实现响应式视频分享。

Three主题1.06版:

1、修复文章/页面关闭评论后不显示评论内容;

2、修复二级菜单栏的颜色;

3、调整文章/页面的段落距离;

4、固定移动版导航栏背景为白色;

5、调整幻灯片标题背景及颜色。

Three主题1.07版:

1、修复文章页的文章来源;

2、调整了一些CSS代码。

Three主题1.08版:

1、替换原南宁风光的随机缩略图;

2、在后台文章编辑器添加表情按钮;

3、修复摘要输出越界问题;

4、增加tag标签页面模板。

Three主题2.0版:

1、添加侧边栏运行PHP能力;

2、优化返回顶部按钮的链接地址#;

3、更换“朕要赏赐”和“朕要分享”为点赞和分享;

4、优化侧边栏的标题样式;

5、修复火狐浏览器侧边栏最新文章、热门文章、热评文章错位;

6、缩略图\文章图片的突出感;

7、给导航栏的二级菜单样式增加下三角效果;

8、修复CMS模式双栏分类的链接重复问题;

9、添加部分内容的显示或隐藏功能。

Three主题3.0:

1、CMS布局的首页:把原先有图双栏和无图双栏从小变大,并且增加了一个TAB分类栏目(需在后台主题选项设置)。

2、博客导航布局的首页:跟boke112导航首页布局基本一致,其中首页评论自动排第一栏目是不用修改,其他导航栏目(最新加入栏目外)均需人工修改daohang.php文件。

3、侧边栏小工具改进:增加综合文章小工具(含站长推荐、热门文章和热评文章),近期评论样式调整。

4、其他小调整就不再一一列出,博客布局和文章页等均无变化。

Three主题3.01-3.02:

1、修复泄露管理员用户名的漏洞;

2、修复“摘要”输出代码的问题;

3、调整移动端文章列表页码样式;

4、增加温馨提示、网易云音乐、收缩隐藏小功能到后台文本编辑器。

七、其他说明

1、本主题功能比较少,但已满足我们日常使用,如需添加自定义文章类型及其他功能,请大家自行学习添加。

2、在修改本主题的过程中,建议先在本地修改,如出现错误,建议直接回档或用原主题文件覆盖。此类问题不属于主题问题,不作答复。

3、在使用本主题的过程中,遇到任何使用问题,欢迎大家在此页面留言。

4、使用本主题,但不保留主题链接者,视为人品问题,本站不回答任何问题。

、问题反馈及解答

Three主题常见问题汇总

boke112导航的博客导航收录入口页

发表评论


表情

  1. 古晋
    古晋 【农民】 @回复

    楼主,方便的话更新一下这篇文章的主题吧,想要你现在网站的排版风格,文章页宽了很多,文章内容下面还多了相关文章推荐的功能,这些都很好,可惜这篇文章介绍的Three主题没有上面说的这些,装上去后文章页有点窄,麻烦发一份你现在用的主题版本~

    • 懿古今
      懿古今【博主】2016-12-31 23:08  回复

      @古晋Three主题文章下面的相关文章或随机文章是通过小工具添加,已集成有这个功能。至于页面宽度请自行折腾。

  2. iyun980
    iyun980 【农民】 @回复

    怎么把网站地图加入到首页底部,谢谢。

  3. 巴布会
    巴布会 【农民】 @回复

    这个必须大赞,太好看了!!!多谢懿古今的无私

  4. 胡杨
    胡杨 【农民】 @回复

    这个还可以

  5. 木庄网络博客
    木庄网络博客 【村长】 @回复

    不错 不错

  6. 阿里木
    阿里木 【农民】 @回复

    下不了,您帮我吗

  7. 81521在线看电影
    81521在线看电影 【农民】 @回复

    这主题还不错,我目前用是2.0做的一个电影站,自己也折腾了好一阵子了,先看看再说,恭喜博主

  8. 阿力木江
    阿力木江 【农民】 @回复

    下载地址被删除了,怎么下载

  9. 博客博物馆
    博客博物馆 【农民】 @回复

    用这主题做了个收录导航站,logo还没来得及改,问下那个官网直达可以设置成加密链接跳转吗?我已经添加加密跳转功能了,就是贵站看的那个goto。我也不知道这提问符不符合上面那提问要求,先问下 [呲牙]

  10. 飘零
    飘零 【农民】 @回复

    主题做的不赖,很适合做博客导航

  11. 撸
    【农民】 @回复

    你好,我是新手,红色的导航条那里不显示导航类目怎么弄?

    • 懿古今
      懿古今【博主】2016-10-18 16:19  回复

      @撸[疑问] 你是否在WordPress后台》外观》菜单中添加菜单了?如果不添加菜单是没有显示的

  12. only2016
    only2016 【农民】 @回复

    boke112上面的和这好像不一样,是修改过吗?我想做成博客目录那样有内页需要怎么改?或者说改哪些文件?是文章页模板和导航首页吗?

    • 懿古今
      懿古今【博主】2016-10-10 20:56  回复

      @only2016boke112导航用的是定制版,所以跟这个不太一样。先要做博客目录那样可以有两种方法:一是为主题增加自定义分类功能,二是增加一个分类目录模板,凡是博客目录的都用这个模板。

  13. 1111
    1111 【农民】 @回复

    请问下返回顶部和发表评论在哪里修改

  14. awsjw
    awsjw 【农民】 @回复

    主题不错,不过感觉nana更好用一点

  15. 秋天
    秋天 【农民】 @回复

    360加速插件谷歌字体服务停止运行 咋们这个主题用的是什么的 需要修改不

  16. 面试365网
    面试365网 【农民】 @回复

    这个不错

  17. 81521在线看电影
    81521在线看电影 【农民】 @回复

    用了你的主题做了一个电影站,望大神指点一二,谢谢!
    感觉还是不错的,再次希望得到你的建议与意见,谢谢!

  18. 主题喜爱者
    主题喜爱者 【农民】 @回复

    抱歉, 请直接登录支付宝网站发起转账操作。

  19. 阿瑞
    阿瑞 【农民】 @回复

    博主的博客在首页的文章图片是在左边,内容在右边,下载的主题是图片在由,文章内容在左,怎么改呀博主

    • 懿古今
      懿古今【博主】2016-08-21 22:32  回复

      @阿瑞两个主题都不一样,我的博客用的是Nana主题,这些免费主题都不提供技术支持,请自行折腾

  20. 悠悠
    悠悠 【农民】 @回复

    内个导航怎么添加啊,- -下拉式菜单呢。。

  21. 本质游戏
    本质游戏 【镇长】 @回复

    你这么一说…….我好像是犯二了…

  22. 本质游戏
    本质游戏 【镇长】 @回复

    这个主题最新版的wordpress安装不了了
    提示缺少一个css样式