[typecho教程]handsome主题最新魔改三合一(仅支持最新版本)

本次主题魔改需要替换文件,并且会修改原主题代码,请要魔改的小伙伴备份好自己的样式文件,如果没有CSS样式基础,拿我的样式直接用就可以,如果想要做二次样式从写的,也请带上原博主的地址,谢谢!!!
请注意,此css与js文件并非出自我手,都是在网络收集的,个人代码是私人赠送,请使用者注意传播方式。本站为CC4.0协议,请为作者保留版权。另外请使用者主动备份要替换的文件,谢谢!!

本魔改是基于5.1.1所改样式,如果低于5.1.1版本,请点击这里

简单介绍

这次修改主要做了几个方面都优化,第一,作者在此次更新中加入了文章徽章,这样做就为小伙伴们节省了去寻找图片的时间,第二,修改了友情链接的样式。针对以上几点,这次修改的力度要大于之前几次,首先,我保留了原有的透明样式,并且在后台添加一条魔改选项,使其在后台就可以修改魔改样式,目前能力有限,算上原款,只有3个选项,但足以满足大部分小伙伴的需求,废话不多说了,直接上图看看成果吧。

成品效果

标题
1555312315.jpg

ps:这张图片是兼容版
标题
1555312444.jpg

标题
1555312417.jpg

标题
1555312432.jpg

以上几张为兼容版本,如第一张图所看,他在我原有都基础上兼容三种图片展现形式,分别为大头图,小头图,徽章三款。


标题
q1.jpg

标题
q2.jpg

标题
q3.jpg

以上几张为个性版本,如第一张图所看,他只支持大头图展现形式,并且修改了摘要都展现方式。
原版我就不上图了,就是作者原有给我们所使用的的原版透明样式。

修改方法
看到这里,小伙伴们是否也想试试呢?

别着急还没有展示完,接下来给大家看看后台的修改:

标题
1555312757.png

如上图所看,此次修改最大的亮点,可以随时切换魔改样式,保证各位小伙伴的页面随时随地都可以变换,那么,想要做到这几点,我们首先要下载我的魔改文件。

请下载此文件:
下载密码:

此处内容需要评论回复后(审核通过)方可阅读。

注意:此次文件较大,并且修改都地方有5处以上,请一定要备份自己要修改的文件,重要都事情说三次,一定要备份,一定要备份,一定要备份。
下载好后,我们将文件解压出来,放在我们服务器下,此压缩包一共两个文件夹,一个独立的css文件除了可以删除图片外,剩下的最好不要删除。

两个文件夹名分别为personality(个性版)compatible(兼容版)将其放在/usr/themes/handsome/assets/文件夹下
另外一个文件coolopacity.min.css,这个文件是只有开启透明模式的时候才会开启,本人建议替换掉原有的文件,并且作者在这次更新的时候已经将这个文件留好备份了,请将coolopacity.min.css文件放在usr/themes/handsome/assets/css/features
文件夹下替换掉原有文件。

食用方法

做好上一步后,我们开始修改后台代码,不管小伙伴们用什么方法打开文件,一定要记得备份,如果因为操作失误而导致重大损失的,本站不承担任何后果。

首先打开我们usr/themes/handsome/functions.php 文件。将下面都代码复制并且粘贴过去;

  //主题魔改选择
    $magic = new Radio('magic',
        array(
            '0' => _t('1. 原版样式'),
            '1' => _t('2. 兼容版样式</br>'),
            '2' => _t('3. 个性版样式')
        ),

        //Default choose
        '7',_t('主题魔改样式'),_t("</br>共三款:分别为原版的透明样式,兼容版样式与个性版样式,<b style='color: red'>注意:个性版只支持大头图模式。</b>")
    );
    $form->addInput($magic);

如下图:大概在227行左右处开始粘贴;

标题
1555315516.png

第二步:打开usr/themes/handsome/component/header.php 文件将下面都代码复制:

<?php
    $url =STATIC_PATH;
    $md =Handsome::$version.Handsome::$versionTag;
    if ($this->options->magic ==0){
        echo "<link rel=\"stylesheet\" href=\"$url/css/handsome.min.css?v=$md type=\"text/css\" />";
    }
    if($this->options->magic ==1){
        echo "<link rel=\"stylesheet\" href=\"$url/compatible/handsome.min.css?v=$md type=\"text/css\" />";
        echo "<link rel=\"stylesheet\" href=\"$url/compatible/party.css?v=$md type=\"text/css\" />";
   } 
    if($this->options->magic ==2){
        echo "<link rel=\"stylesheet\" href=\"$url/personality/handsome.min.css?v=$md type=\"text/css\" />";
        echo "<link rel=\"stylesheet\" href=\"$url/personality/party.css?v=$md type=\"text/css\" />";
   }
    ?>

如下图大概在59行处开始粘贴:

请注意:请删除第57行的handsome.min.css文件。否则容易产生代码冲突,css样式文件重复调用的情况,现在在此声明作为强调。

标题
1555315516.png

接着我在这个文件处还有一处需要修改,请复制如下代码:

<?php if ($this->options->magic ==0){

}else{
    echo "<canvas id=\"canvas\" class=\"wybj\"></canvas>";
}
?>

如下图在本文件都末尾处粘贴此代码:

标题
1555315951.png

之后我们保存文件,准备下一步操作:

第三步:我们打开usr/themes/handsome/component/footer.php 文件将下面都代码复制:

<?php
    $url =STATIC_PATH;
    $md =Handsome::$version.Handsome::$versionTag;
    if ($this->options->magic ==0){

    }else{
        echo "<script src=\"$url/personality/special.js?v=$md\"></script>";
    }
?>

如下图:大概在340行左右处粘贴代码,如下图:

ps(本人340行处有个字体的js,所以在342行左右,如果小伙伴们没有这个js则是在340行左右处)

标题
1555379375.png

如果浏览器没有显示出样式,请尝试清理浏览器缓存,快捷键为Ctrl+F5,或者刷新cdn缓存,谢谢

至此,我们保存并且刷新我们的后台,选择透明模式,并且在魔改样式里选择兼容或者个性或者原版都是可以的,如果不想使用透明模式了,就关闭透明模式,前端就不会输出这个js了,好了写了这么多!


原文地址:https://www.lovexint.com/archives/145/
最后修改:2019 年 04 月 29 日 09 : 43 PM
南来北往的大爷们,可怜可怜我吧,赏几两碎银子吧!

32 条评论

  1. xumtak

    我想用一下

  2. d

    点个赞

  3. 谢谢

    1. pengyuyan
      @丫

      66

  4. 极点

    站长镇帅!(真心话)

  5. pq8o3q

    食用试一试ha

发表评论