log1x / modern-login

一个白标化和现代化的 wp-login.php

资助包维护!
Log1x

安装量: 13,558

依赖项: 1

建议者: 0

安全性: 0

星标: 77

关注者: 5

分支: 6

开放性问题: 3

语言:CSS

类型:wordpress-muplugin

v1.0.7 2020-09-15 15:28 UTC

This package is auto-updated.

Last update: 2024-08-27 15:18:54 UTC


README

Latest Stable Version Total Downloads

这里有一个简单的 mu-plugin,用于白标化和现代化 wp-login.php。没有管理面板,没有冗余——只是一个简单的过滤器,可以任意定制 CSS 属性,使用您自己的调色板。

Screenshot

要求

安装

Bedrock

通过 Composer 安装

$ composer require log1x/modern-login

手动安装

下载发布版本 .zip 并安装到 wp-content/plugins 中。

定制

要定制调色板,只需传递一个包含您想更改的一个或多个颜色的数组到 login_color_palette 过滤器

add_filter('login_color_palette', function () {
    return [
        'brand' => '#0073aa',
        'trim' => '#181818',
        'trim-alt' => '#282828',
    ];
});

文本颜色将自动反转到 #fff#111,这取决于元素背景色的相对亮度。

更改徽标

徽标使用 WordPress 设置的登录页标题文本的首字母。您可以使用 login_headertext 过滤器来自定义它

/**
 * Change the WordPress login header to the blog name.
 *
 * @return string
 */
add_filter('login_headertext', function () {
    return get_bloginfo('name');
});

开发

Modern Login 使用 TailwindCSS 构建,并使用 Laravel Mix 编译。

$ yarn

为了简化开发,Modern Login 使用 wp-env 快速设置一个包含所需一切功能的 WordPress 实例(这需要 Docker)。

$ npx wp-env start

在另一个终端标签页/窗口中,您可以启动浏览器同步和 webpack 来监视更改

$ yarn start

您可以在 tests/mu-plugins/mu.php 中测试颜色值和其他设置。

错误报告

如果您在 Modern Login 中发现错误,请 创建一个问题

贡献

无论是通过 PR、报告问题还是提出想法,贡献都是鼓励和赞赏的。

许可证

Modern Login 在 MIT 许可证 下提供。