从激活的WordPress插件中应用CSS文件

Question

我是wordpress的新手，想知道从已安装和激活的插件中添加css的最佳方法。我有一个名为“social-media”的激活插件，在该插件中我创建了一个名为“social-login-style.css”的css文件

我想include这个css文件和apply style到我的内容。我应该如何在任何页面中添加css文件，以便我可以看到效果。

简而言之，我想在social-login-style.css文件中添加wp-login.php。

Answer 1

不说你想要实现什么是不可能的，它肯定违背了WordPress的设计方式。插件应该是添加或修改WordPress工作方式的模块。插件的文件夹应该只保存与插件有关的文件，如果是公共插件，则其内容由版本控制（SVN）系统控制。

简而言之，无论插件是否处于活动状态，向现有插件添加文件都不会产生任何影响。并且您不应该将文件添加到您自己没有开发的插件中。

要在登录页面上加载CSS文件，应该按照codex的login_enqueue_scripts页面中的说明向Customizing Login Form添加一个动作挂钩。样式表本身应该放在自定义插件（您可以为您的用例创建）或当前主题文件夹中。

Answer 2

无论是主题还是插件，css或js，任何自定义添加，wp_enqueue_scripts都是您需要的唯一的acton。

https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts

function additional_custom_styles() {

    /* Enqueue The Styles */
    wp_enqueue_style( 'custom-login-style', plugins_url( 'social-login-style.css', __FILE__ ) );

}
add_action( 'wp_enqueue_scripts', 'additional_custom_styles' );

如果您只在登录屏幕上添加它，请使用以下条件，

if ( $GLOBALS['pagenow'] === 'wp-login.php' ) {
    // We're on the login page!
}

希望这一个帮助:)

UPDATE

请检查login_enqueue_scripts。它旨在仅将自定义脚本添加到登录页面中。无需登录条件即可正常运行。

https://codex.wordpress.org/Plugin_API/Action_Reference/login_enqueue_scripts