将自定义CSS注入WP Admin登录弹出iframe

Injecting custom CSS into WP Admin login popup iframe

本文关键字：登录 iframe Admin WP 自定义 CSS 注入      更新时间：2023-11-15

因此，我正在运行一个桥接插件，该插件将Xenforo论坛连接到Wordpress中，只需一次登录（用户身份验证完全由Xenforo处理，所有WP登录/注册等都重定向到匹配的Xenforo链接）。

然而，在wp-admin中，cookie过期后，会出现一个带有登录表单的弹出iframe，尽管有了这个桥，它确实加载了整个Xenforo的登录页面。

因为我试图使用外部对Xenforo的更改来修改这个页面的显示，我想唯一的方法是将自定义CSS注入iframe弹出窗口，并在我不想要的所有Xenforo元素上使用display:none。基本上，我不想在弹出窗口中加载整个网页，而只是一个简单的登录表单，比如默认的WP表单。

我已经扫描了几十个文件，但找不到产生这个弹出窗口的WP文件，有什么帮助吗？

完成这样的事情可以包含在插件文件中吗？或者添加过滤器，不更改WP核心文件吗？

我相信它在灯箱中使用了默认的wp-login.php。您可以在主题函数.php文件中使用以下函数将自定义样式表添加到管理/登录页面，

// Custom Wordpress Dashboard CSS function myC_dashboard() { wp_enqueue_style('scg-dashboard-theme', '/assets/themes/THEME/_inc/css/dashboard.css'); } add_action('admin_enqueue_scripts', 'myC_dashboard'); add_action('login_enqueue_scripts', 'myC_dashboard');

在functions.php中，将样式表和脚本排入队列以添加自定义代码。

css示例：

function load_custom_wp_admin_style() {
        wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
        wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

如果使用jQuery，请不要将jQuery核心文件排入队列，因为WordPress已经有了它。

相关文章：