自定义栏目

主题外观设置中提供了非常简单的自定义设置,无需修改主题源码即可配置以下自定义栏目。 配置中可以实现两个功能,一种是
添加自定义栏目/按钮,另一种是隐藏主题默认栏目/按钮。

左侧导航栏目 顶部导航按钮 时光机的社会化图标 时光机的联系方式内容 下面配置中所有的可用网页图标列表,参考图标列表

左侧边栏导航

添加自定义栏目:

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 -->
 

DigitalOcean Referral Badge
最后修改:2024 年 03 月 23 日
如果觉得我的文章对你有用,请随意赞赏