typecho美化版后台

个人觉得小白还是不要下载这个比较好

感觉还挺好看的,放着这里,做个记录方便下载

过程记录(只讲思路):
1.首先,要改的只有一个文件,那就是admin/header.php,我需要在它的头部添加js和css的引用,这样就会全局生效。



    <?php if($user->group != "administrator"): ?>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css";>
    <link rel="stylesheet" href="<?php $options->siteUrl(); ?>/user/user.css?v=1.0">
    <script>
    var UserLink="<?php $options->adminUrl('profile.php'); ?>";
    var UserPic="<?php echo Typecho_Common::gravatarUrl($user->mail, 100, 'X', 'mm', $request->isSecure()); ?>";
    var SiteLink="<?php $options->siteUrl(); ?>";
    var UserName="<?php $user->screenName(); ?>";
    var UserGroup="<?php $user->group(); ?>";
    var SiteName="<?php $options->title(); ?>";
    </script>
    <script src="<?php $options->siteUrl(); ?>/user/user.js?v=1.0"></script>
    <?php if($menu->title == "网站概要"): ?>
    <style>
    .typecho-page-main div:nth-child(4){display:none;}
    </style>
    <?php endif; ?>
    <?php endif; ?>


大概的含义是,对用户组进行判断,如果不是管理员则显示引用的外部代码,在此基础上判断是否为首页界面,想办法去掉typecho官方的更新公告,另外再设置常用字段,方便js进行判断。

2.在根目录创建member.php,加入以下代码。




        <!DOCTYPE HTML>
    <html class="no-js">
        <head>
            <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="renderer" content="webkit">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>会员中心</title>
              <style>
              *{margin:0;
                padding:0;}
              html,body{
                  height:100%;
                width:100%;
              }
            </style>
        </head>
        <body>
              
        </body>
    </html>


通过iframe 嵌套的方式,让用户访问member.php等同于访问后台,因为有了之前的判断,非管理员用户呈现的都是自己定义的样式。本来我是准备参考QQ爹博客实现前台登录功能,但是typecho方法里面的退出登录后跳转地址根本控制不了,所以干脆用嵌套来的实在。

3.通过js修改判断登录的用户并且修改typecho的导航区域,我没有使用jquery而是原生js,然后通过css对js新增加的区块进行样式定义,同时还修改了登录注册界面的样式,于是就有了以下的效果。


因为所有的功能都是几个小时做出来的,都很简陋,代码也不复杂

下载地址:(原版)https://www.dpaoz.com/usr/uploads/2019/12/2090057813.zip

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=16vz1t9zhmkm3

人已赞赏

相关文章

建站相关

VPS测评常用的脚本 命令

2021-2-13 8:58:21

Typecho-theme

Cupid 情侣主题模板

2020-5-5 22:51:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索