WordPress博客网址导航Three主题3.0

2017年2月20日07:57:06 31 4,684

WordPress博客网址导航Three主题3.0      CSS3+HTML5、扁平化、响应式设计、自定义颜色风格,不依赖任何前端框架

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

一、主题安装须知

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

安装完成后,建议到后台→设置→PostViews页面→Views Template中的%VIEW_COUNT%后面的“views”删除;

2、安装主题前建议先禁用其它插件,只保留上面的WP-PostViews插件,以免造成不可预知的问题,之后逐一测试启用,主题不能保证兼容所有插件;

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

二、主题安装

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

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

建议:

保留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内,直接替换掉即可。

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

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

①下载按钮

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

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

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

四、博客导航布局说明

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

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

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

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

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

Three主题预览:

预览:   杂志布局

预览:   博客布局

预览:   博客导航

 

主题下载:

主题原创来自:懿古今博客

 

广告也精彩
诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

私信 签到

目前评论:31   其中:访客  21   博主  10

    • avatar BJ通云时代-王兴壮 来自天朝的朋友 谷歌浏览器 Windows 10 北京市朝阳区 /东城区联通 0

      好好学习下

      • avatar 李明 Hong Kong 谷歌浏览器  Redmi Note 3 Build/MMB29M 香港 特别行政区 2

        不错的主题

          • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 中国 移动

            @李明 明哥,你博客怎么不能评论啊

              • avatar 李明 这家伙可能用了美佬的代理 Safari浏览器  Android 6.0.1 Redmi Note 3 Build/MMB29M 美国 科罗拉多州布隆菲尔德市Level 3通信股份有限公司 2

                @诗梦 现在可以评论了,谢谢反馈!

            • avatar Mr. Code 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省长沙市 移动 1

              诗梦亲友团前来报到

              • avatar 半夏 来自天朝的朋友 谷歌浏览器 Windows 10 重庆市 电信 1

                挺好的主题

                • avatar Mr. Code 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 奇虎360科技电信CDN节点 1

                  为什么你还不用more???

                    • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 四川省成都市 奇虎360科技电信CDN节点

                      @Mr. Code more什么?

                    • avatar 高冷攻. 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 10_3 like Mac OS X) AppleWebKit 河北省石家庄市 奇虎360科技联通CDN节点 1

                      6666支持

                      • avatar blusunny 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省宁波市 奇虎360科技电信CDN节点 0

                        感觉挺久的一个主题了,新手搞不定

                          • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 四川省成都市 奇虎360科技电信CDN节点

                            @blusunny 是有点难度

                          • avatar 何辉博客 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 1

                            最近准备做这方面的导航站,所以找了许久这个模板。

                            • avatar 何辉博客 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 1

                              再回复的,刚才回复没有看到下载的地址。

                                • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                                  @何辉博客 看到了吗?

                                • avatar 小布点丶 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                                  多谢分享

                                  • avatar 小不点是不是 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                                    多谢分享。

                                    • avatar 小布点丶 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                                      我的天为什么不 :grin: :eek: 能回复成功。

                                        • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                                          @小布点丶 应该可以啊

                                          • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                                            @小布点丶 可以啊

                                          • avatar 小布点丶 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                                            好好学习一下 ,就是不能回复成功吗??

                                              • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                                                @小布点丶 可以的哦

                                              • avatar NIHAOA 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省宁波市 奇虎360科技电信CDN节点 0

                                                66666666666感谢

                                                • avatar Wynn 来自天朝的朋友 QQ浏览器 Windows 10 广东省广州市 电信 0

                                                  看一下,,,

                                                  • avatar 橙影 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 1

                                                    不是原创就不要说原创
                                                    还是挺支持站长的

                                                      • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                                                        @橙影 人家改的。。。

                                                      • avatar 看看 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信 0

                                                        看看这个东西

                                                        • avatar 人是泥的传说 来自天朝的朋友 火狐浏览器 Windows 7 广东省广州市 电信 1

                                                          下载试试看。

                                                          博主,你用的是什么主题,貌似有很多在用这种主题!

                                                          • avatar 迅雷电影下载 来自天朝的朋友 火狐浏览器 Windows 7 广东省广州市 电信 1

                                                            不知道这个主题有没有上面介绍的的这么好!

                                                            • avatar 迅雷电影下载 来自天朝的朋友 火狐浏览器 Windows 7 广东省广州市 电信 1

                                                              为什么还是看不到下载链接????

                                                                • avatar 诗梦 博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信

                                                                  @迅雷电影下载 http://cc.mom1.cn/WordPress%E5%85%8D%E8%B4%B9%E4%B8%89%E5%90%88%E4%B8%80%E5%93%8D%E5%BA%94%E5%BC%8F%E4%B8%BB%E9%A2%98%20Three%20V3.02.zip