如果你在WordPress中遇到了登錄頁CSS無法調(diào)用的問題,在進行DIY美化登錄頁時會非常不便。下面我們來分析一下這個問題產(chǎn)生的原因以及可能的解決方法。
?在WordPress中,登錄界面使用的是wp-login.php,而不是主題中的page-login.php,所以登錄頁的樣式應(yīng)該先被引入到WordPress的啟動文件functions.php中。如果你采用了外部CSS文件,需要在functions.php中增加以下代碼進行引入:
function my_login_stylesheet() { wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/custom-login.css' ); } add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );
這個代碼可以將你的自定義CSS樣式表引用到登錄界面中,從而實現(xiàn)登錄頁的美化。
?但是,如果你在嘗試引入css樣式表時遇到如下錯誤:
Uncaught TypeError: Cannot read property '0' of undefined;
那么就需要檢查是否存在特定的函數(shù)。在登錄頁添加CSS的操作中,必須使用一個合法的CSS選擇器,并將其添加到wp_head(是WordPress主題中的一個特殊的Hook)Hook中。
?具體的解決方案請看下面的代碼示例:
function add_my_stylesheet() { wp_register_style('my_login_stylesheet', get_stylesheet_directory_uri() . '/my_login_stylesheet.css', false ); wp_enqueue_style( 'my_login_stylesheet' ); } add_action('login_head', 'add_my_stylesheet');
在登錄頁添加這個代碼之后,即可實現(xiàn)自定義的登錄頁面樣式,也就不會出現(xiàn) “wp登錄頁css無法調(diào)用”的問題了。