自定义栏目
主题外观设置中提供了非常简单的自定义设置,无需修改主题源码即可配置以下自定义栏目。 配置中可以实现两个功能,一种是
添加自定义栏目/按钮,另一种是隐藏主题默认栏目/按钮。左侧导航栏目 顶部导航按钮 时光机的社会化图标 时光机的联系方式内容 下面配置中所有的可用网页图标列表,参考图标列表
左侧边栏导航
添加自定义栏目:
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":"[email protected]","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"的值(修改# 那个位置的值,不要修改错位置!!)。高级配置,模仿上面的写法,增加或者删除相应的项目即可。
每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号!!
友链页面优化
修改的部分太多了,直接覆盖源码吧,文件路径:/usr/themes/handsome/links.php
<?php
/**
* 友情链接
*
* @package custom
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$this->need('component/header.php');
?>
<style type="text/css">
</style>
<!-- aside -->
<?php $this->need('component/aside.php'); ?>
<!-- / aside -->
<!-- <div id="content" class="app-content"> -->
<a class="off-screen-toggle hide"></a>
<main class="app-content-body <?php Content::returnPageAnimateClass($this); ?>">
<div class="hbox hbox-auto-xs hbox-auto-sm">
<div class="col center-part" id="post-panel">
<div class="bg-light lter wrapper-md">
<h1 class="entry-title m-n font-thin text-black l-h"><span class="title-icons"><i data-feather="link"></i></span><?php _me
("海内存知己,天涯若比邻")
?></h1>
<?php if (trim($this->fields->intro) !== ""): ?>
<div class="entry-meta text-muted m-b-none small post-head-icon"><?php echo $this->fields->intro; ?></div>
<?php endif ?>
</div>
<div class="wrapper-md">
<div class="tab-container post_tab">
<div class="tab-content">
<!-- list -->
<div id="my-info" class="tab-pane fade in active">
<?php echo Content::returnLinkList("ten","tab_4"); ?>
<div class="wrapper ng-binding" id="post-content">
<?php Content::postContentHtml($this,$this->user->hasLogin()); ?>
</div>
<!--评论-->
<div class="bg-white wrapper border-radius-6">
<?php $this->need('component/comments.php') ?>
</div>
</div>
</div>
</div>
</div>
</div>
<!--首页右侧栏-->
<?php $this->need('component/sidebar.php') ?>
</div>
<!-- /content -->
</main>
<!-- footer -->
<?php $this->need('component/footer.php'); ?>
<!-- / footer -->