WordPress免费响应式主题Three

一、主题安装须知

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

六、升级情况

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/post/1302.html