WordPress免费响应式主题Three

 2015-07-19 14:43:29  2,959 人阅读  40 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

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

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

一、主题安装须知

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

安装完成后,建议到后台→设置→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。默认随机显示。

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、杂志布局的主题预览:https://yigujin.cn//threecms/

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

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

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

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、添加部分内容的显示或隐藏功能。

七、其他说明

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

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

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

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

、问题反馈及解答

1、选择全屏通栏模板后,出现右侧空白现象?

答:请升级wordpress到4.1及以上,这个是4.0版本导致。

2、更换评论头像为gravatar头像,默认是多说头像。

答:打开functions.php,把291行和302行的gravatar.duoshuo.com改为www.gravatar.com,并把Three/avatar/里面缓存的头像清空(PS:记得保留default.jpg)。

3、站点统计如何添加?

答:建议使用百度统计,获取代码后,直接添加到header.php文件的</head>前面即可。

如果文章对你有帮助,请赞赏支持boke112导航发展!

历史上的今天:

本文地址:https://boke112.com/1302.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!

 发表评论


  1. 历史趣谈
    历史趣谈 【书童】 @回复

    主题漂亮,博主辛苦了

  2. 爆小妹
    爆小妹 【秀才】 @回复

    主题不错!!

  3. 加趣屋为什么这么有趣
    加趣屋为什么这么有趣 【秀才】 @回复

    好强大的主题,好详细的说明,先收藏了,以后应该用得上。

  4. 10.000
    10.000 【小白】 @回复

    不是不想赞助,是没钱

  5. 老汪
    老汪 【小白】 @回复

    网盘的主题下载不了了!

    • boke112导航
      boke112导航【村长】2017-02-24 08:48  回复

      @老汪经测试,下载没有任何问题,可以下载

      • 老汪
        老汪 【小白】2017-02-24 09:01  回复

        @boke112导航迅雷提示下载路径不对

        • boke112导航
          boke112导航【村长】2017-02-24 09:08  回复

          @老汪很多年没用迅雷了,都是浏览器自带的下载,百度云盘的链接都无法现在,我也没办法。

  6. 本质游戏
    本质游戏 【秀才】 @回复

    我的新网站原计划是用你的nana主题来着,后来深思熟虑,一个人真心维护不起俩套程序…

  7. aizhanku
    aizhanku 【小白】 @回复

    主题不错 可以下载的这个主题 不带本站的博客目录吗

    • boke112导航
      boke112导航【村长】2016-03-12 09:50  回复

      @aizhanku没有带博客目录,博客目录其实就相当于一个文章分类,多建几个分类就行

  8. 小浩博客
    小浩博客 【小白】 @回复

    主题很漂亮,还是免费的

  9. CK
    CK 【小白】 @回复

    這主題看起來不錯啊~

    • boke112导航
      boke112导航【村长】2015-12-04 16:18  回复

      @CK[呲牙] 谢谢夸奖,欢迎测试使用

  10. 天中青年
    天中青年 【丞相】 @回复

    博主的主题很好,但是还是不太会用,不是多习惯wp的操作菜单啊

    • boke112导航
      boke112导航【村长】2015-11-14 18:03  回复

      @天中青年第一次接触WordPress都会觉得很复杂,多操作几次熟悉了就不会了,其实就是心理作用

  11. rock
    rock 【小白】 @回复

    楼主的博客中链接都是 xxx/go/?url=xxx,如:http://boke112.com/go/?url=http://yigujin.wang/,这个链接是如何实现的呢,请帮忙解答下。谢谢!

    • boke112导航
      boke112导航【村长】2015-11-02 21:10  回复

      @rock本站早已分享过了,请搜索《分享boke112导航外链跳转页面技术及代码》

  12. 八爪印
    八爪印 【秀才】 @回复

    博主,WP能实现正副双标题吗?CMS都可以做到,想调用哪个标题在浏览器栏显示就哪个标题

    • boke112导航
      boke112导航【村长】2015-09-25 17:33  回复

      @八爪印这种小众的个人需求就要靠你自己解决了

  13. 微西风博客
    微西风博客 【状元】 @回复

    这个主题还可以,可惜我用的是zblog

  14. 宋稳
    宋稳 【小白】 @回复

    WP虽好,就是太麻烦

    • boke112导航
      boke112导航【村长】2015-08-07 10:29  回复

      @宋稳其实熟悉了也就那么一回事,个人认为WordPress比zblog好折腾

  15. 热词网
    热词网 【尚书】 @回复

    好东西,谢谢分享

  16. JACK的机器人
    JACK的机器人 【丞相】 @回复

    感觉这个才应该是boke123导航的风格,大力支持啊 [强]

    • boke112导航
      boke112导航【村长】2015-07-20 17:57  回复

      @JACK的机器人[呲牙] 现在这个主题手机版也能看到活跃博客和合作博客了,比原先的要好一些

  17. 宝赚金
    宝赚金 【进士】 @回复

    谢谢分享好文章

  18. 寇玉鑫博客
    寇玉鑫博客 【秀才】 @回复

    这个主题不错嘛

  19. 任丰华
    任丰华 【书童】 @回复

    在头条上看到了这个

    • boke112导航
      boke112导航【村长】2015-07-19 22:20  回复

      @任丰华[呲牙] 前几天我申请今日头条成功后,就顺手发出去,没想到真的审核通过,阅读几千次,还行

  20. 小宋日志
    小宋日志 【尚书】 @回复

    前来祝贺。

    • boke112导航
      boke112导航【村长】2015-07-19 20:52  回复

      @小宋日志[呲牙] 谢谢,其实也没变化多少,只是为了统一而已

  21. 淘米纪
    淘米纪 【举人】 @回复

    最近正在想要不要更换主题呢

    • boke112导航
      boke112导航【村长】2015-07-19 15:53  回复

      @淘米纪[呲牙] 我现在统一了主题,今后就懒得折腾了