修改 Chevereto 图床程序 给登录页面添加公共头部和尾部

教程分享评论1,3618字数 1663阅读模式

默认情况下,Chevereto 图床程序注册和登录页面不显示公共头部和尾部,如果我们要显示公共的头部和尾部的话,可以通过修改源码实现。本文简单整理了一下修改的方法,如果你也想在登录页面显示公共头和尾的话,可以根据下面的说明来修改。

修改 Chevereto 图床程序 给登录页面添加公共头部和尾部-图片1

源码修改

1、修改 login.php 文件

需要修改三处,一处为头部引用代码,另一处为背景调用代码,还有一处是尾部调用代码。

a. 修改头部引用代码

找到下面这段代码:

<?php G\Render\include_theme_file('head'); ?>

替换为:

<?php G\Render\include_theme_header(); ?>

b. 修改背景调用代码

找到下面这段代码:

<?php G\Render\include_theme_file('snippets/quickty/background_cover'); ?>

替换为:

<?php G\Render\include_theme_file('snippets/homepage_cover_slideshow'); ?>

c. 修改尾部代码

找到下面这段代码:

<?php G\Render\include_theme_file('snippets/quickty/top_left'); ?>

替换为:

<div id="home-cover-footer">
    <?php _se('Powered by Chevereto')?>
</div>

2、修改 header.php 文件

需要修改两处,一处修改 class 内容,另一处为修改 logo 地址。

a. 修改 class 内容

找到下面这段代码:

if (G\get_route_name() == 'index') {
    $body_class = CHV\getSetting('homepage_style');
    if (function_exists('get_list')) {
        $list = get_list();
        $hasPrev = $list->has_page_prev;
        if ($hasPrev) {
            $body_class = '';
        } else {
            $top_bar_class = in_array(CHV\getSetting('homepage_style'), ['landing', 'split']) ? 'black' : get_theme_top_bar_color();
        }
    } else {
        $top_bar_class = 'black';
    }
}

在后面追加:

// 给 body 和 header 指定样式名称,跟首页保持一致,从而达到首页的头部效果
else if (G\get_route_name() == 'login' or G\get_route_name() == 'signup') {
    $body_class = 'full--wh landing'; 
    $top_bar_class = 'transparent black'; 
}

b. 修改 logo 地址

找到下面这段代码:

if ($body_class && G\get_route_name() == 'index' and in_array(CHV\getSetting('homepage_style'), ['landing', 'split'])) {
    $logo_header .= '_homepage';
}

在后面追加:

// 给 LOGO 指定样式名称,跟首页保持一致,从而达到首页的 LOGO 效果
else  if ($body_class && (G\get_route_name() == 'login' or G\get_route_name() == 'signup') and in_array(CHV\getSetting('homepage_style'), ['landing', 'split'])) {
    $logo_header .= '_homepage';
}

效果对比

修改前:

修改 Chevereto 图床程序 给登录页面添加公共头部和尾部-图片2

修改后:

修改 Chevereto 图床程序 给登录页面添加公共头部和尾部-图片3

结束语

通过修改上述代码(共五处),就可以让登录页面拥有和首页一样的公共头部和尾部,还可以拥有动态背景。本文是以登录页面为例来说明的,注册页面的修改方法跟登录页面是一样的。如果有任何意见或建议,欢迎在下方评论处留言。

本文已通过「原本」原创作品认证,转载请注明文章出处及链接。

夏日阳光
  • 本文由 夏日阳光 发表于 2021年12月27日
  • 本文为夏日阳光原创文章,转载请务必保留本文链接:https://www.pieruo.com/198.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证