WordPress免费响应式主题Three

 2015-07-19 14:43:29  4,347 人阅读  45 条评论

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

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

一、主题安装须知

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。默认随机显示。

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主题预览、大小及下载:

声明:从 2019 年 3 月 23 日 23:00 起不再提供本主题的分享和下载,大家也不用再赞助,懿古今主题交流群也不再接受新人加人,详见『回归博客初心 停止分享懿古今 WordPress 主题』。

六、升级情况

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>前面即可。

历史上的今天:

文章标签: ,   ,   ,  
本文地址:https://boke112.com/1302.html
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
©boke112导航,本站推荐使用:阿里云腾讯云 的服务器等云产品,免备案主机建议使用:老薛主机

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 张大腿
    张大腿 @回复

    好像下载不聊了 [委屈]

  2. 老李
    老李 @回复

    怎么不能下载了

  3. 难以抗拒
    难以抗拒 @回复

    我需要修改主题的整体颜色,应该修改哪一个CSS呢,博主,谢答

    • 懿古今
      懿古今2018-01-24 21:51  回复

      @难以抗拒我记得主题选项中就能选择颜色,不行就直接修改style.css文件,修改颜色是最基本的折腾了,自行折腾吧

  4. 历史趣谈
    历史趣谈 @回复

    主题漂亮,博主辛苦了

  5. 爆小妹
    爆小妹 @回复

    主题不错!!

  6. 加趣屋为什么这么有趣
    加趣屋为什么这么有趣 @回复

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

  7. 10.000
    10.000 @回复

    不是不想赞助,是没钱

  8. 老汪
    老汪 @回复

    网盘的主题下载不了了!

  9. 本质游戏
    本质游戏 @回复

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

  10. aizhanku
    aizhanku @回复

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

  11. 小浩博客
    小浩博客 @回复

    主题很漂亮,还是免费的

  12. CK
    CK @回复

    這主題看起來不錯啊~

  13. 天中青年
    天中青年 @回复

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

  14. rock
    rock @回复

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

    • boke112导航
      boke112导航2015-11-02 21:10  回复

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

  15. 八爪印
    八爪印 @回复

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

  16. 微西风博客
    微西风博客 @回复

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

  17. 宋稳
    宋稳 @回复

    WP虽好,就是太麻烦

  18. 热词网
    热词网 @回复

    好东西,谢谢分享

  19. JACK的机器人
    JACK的机器人 @回复

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

  20. 宝赚金
    宝赚金 @回复

    谢谢分享好文章

  21. 寇玉鑫博客
    寇玉鑫博客 @回复

    这个主题不错嘛

  22. 任丰华
    任丰华 @回复

    在头条上看到了这个

  23. 小宋日志
    小宋日志 @回复

    前来祝贺。

  24. 淘米纪
    淘米纪 @回复

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