自定义栏目
主题外观设置中提供了非常简单的自定义设置,无需修改主题源码即可配置以下自定义栏目。

配置中可以实现两个功能,一种是 添加自定义栏目/按钮,另一种是隐藏主题默认栏目/按钮。

  1. 左侧导航栏目
  2. 顶部导航按钮
  3. 时光机的社会化图标
  4. 时光机的联系方式内容

下面配置中所有的可用网页图标列表,参考图标列表

左侧边栏导航
添加自定义栏目:

name:代表显示栏目/按钮的名称
class:使用图标库中的第1-3种的图标的class
feather:使用图标库第4种图标使用该属性
link:代表栏目/按钮的链接
target(可选): 代表定在何处打开链接文档,如_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。_self:代表在当前窗口打开。不填则为:_blank。更多介绍
{"name":"音乐","class":"glyphicon glyphicon-music","link":"xxx.com"},
{"name":"音乐2","feather":"music","link":"xxx.com"},
{"name":"笔记","class":"glyphicon glyphicon-book","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}
每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号。

检查配置语法是否正确的方法:将配置内容复制到json校验 网站中,可以检查你的填写配置语法是否正确。

不显示图标,原因可能是语法错误或者图标根本就不在图标列表中,只能使用图标列表中的图标。

如果想要链接ajax(无刷新)的点击效果,确保你的链接是绝对地址(浏览器地址栏什么样的就是怎么填)而且是本站地址,并且target属性为_self。

隐藏默认栏目:

左侧边栏目默认加载首页按钮。隐藏方法:

{"name":"home","status":"hide"}
顶部导航栏目
添加自定义栏目:

与左侧边栏导航配置的书写规则完全相同:

{"name":"音乐","class":"fa fa-music","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}
每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号。

检查配置语法是否正确的方法:将配置内容复制到json校验 网站中,可以检查你的填写配置语法是否正确。

不显示图标,原因可能是语法错误或者图标根本就不在图标列表中,只能使用图标列表中的图标。

如果想要链接ajax(无刷新)的点击效果,确保你的链接是绝对地址(浏览器地址栏什么样的就是怎么填)而且是本站地址,并且target属性为_self。

隐藏默认栏目:

顶部导航按钮默认加载闲言碎语按钮。隐藏方法:

{"name":"talk","status":"hide"}
时光机社会化图标
默认已经填入了配置,书写规则和上面基本类似:

name:代表显示按钮的名称
class:表示按钮的网页图标的样式
link:代表按钮的链接
status:当status值为single时,特指页面中的绿色文字按钮,此时无需填写class项。
{"name":"twitter","class":"fa fa-twitter","link":"#"},
{"name":"facebook","class":"fa fa-facebook","link":"#"},
{"name":"googlepluse","class":"fa fa-google-plus","link":"#"},
{"name":"github","status":"single","link":"#"}
简单配置,只需要修改"value"和"link"的值(修改# 那个位置的值,不要修改错位置!!)。高级配置,模仿上面的写法,增加或者删除相应的项目即可。

每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号!!

时光机联系方式
默认已经填写email、QQ、微博以及网易云音乐的配置:

name:代表显示栏目的名称
img:表示该联系方式的图标(图片格式)
link:代表联系方式的地址
{"name":"email","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pmtjbaej201s01s0aw","value":"ihewro@163.com","link":"#"},
{"name":"QQ","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pnirhr2j201s01va9u","value":"535425690","link":"#"},
{"name":"微博","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pofbz5fj201s01swe9","value":"@i超级男孩","link":"http://weibo.com/hewro"},
{"name":"网易云音乐","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pouholzj201s01s0ja","value":"@许多年以后我依然是我","link":"http://music.163.com/#/user/home?id=83271175"}
简单配置,只需要修改"value"和"link"的值(修改# 那个位置的值,不要修改错位置!!)。高级配置,模仿上面的写法,增加或者删除相应的项目即可。

每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号!!

如果觉得我的文章对你有用,请随意赞赏