云策 WordPress 开发者社区

钩子文档

login_enqueue_scripts

查看官方原文 ↗
💡 云策文档标注

概述

login_enqueue_scripts 是一个 WordPress Hook，用于在登录页面和相关注册屏幕上正确加载脚本和样式。尽管名称中只提到脚本，但它同时支持脚本和样式的入队操作。

关键要点

  • login_enqueue_scripts 是专为登录页面设计的 Hook，适用于所有登录和注册相关屏幕。
  • 该 Hook 可用于入队脚本和样式，通过 wp_enqueue_script 和 wp_enqueue_style 函数实现。
  • 自 WordPress 3.1.0 版本引入，是标准开发实践的一部分。

代码示例

function themeslug_enqueue_style() {
    wp_enqueue_style( 'core', 'style.css', false );
}

function themeslug_enqueue_script() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}

add_action( 'login_enqueue_scripts', 'themeslug_enqueue_style', 10 );
add_action( 'login_enqueue_scripts', 'themeslug_enqueue_script', 1 );
📄 原文内容

Enqueues scripts and styles for the login page.

More Information

login_enqueue_scripts is the proper hook to use when enqueuing items that are meant to appear on the login page. Despite the name, it is used for enqueuing both scripts and styles, on all login and registration related screens.

Source

do_action( 'login_enqueue_scripts' );

View all references View on Trac View on GitHub

Used by Description
login_header()wp-login.php

Outputs the login page header.

Changelog

Version Description
3.1.0 Introduced.

User Contributed Notes

  1. Skip to note 3 content


    Collins Mbaka


    You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

    function themeslug_enqueue_style() {
	wp_enqueue_style( 'core', 'style.css', false ); 
}

function themeslug_enqueue_script() {
	wp_enqueue_script( 'my-js', 'filename.js', false );
}

add_action( 'login_enqueue_scripts', 'themeslug_enqueue_style', 10 );
add_action( 'login_enqueue_scripts', 'themeslug_enqueue_script', 1 );

  2. Skip to note 4 content


    Akira Tachibana


    You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

    From Codex

    function themeslug_enqueue_style() {
	wp_enqueue_style( 'core', 'style.css', false ); 
}

function themeslug_enqueue_script() {
	wp_enqueue_script( 'my-js', 'filename.js', false );
}

add_action( 'login_enqueue_scripts', 'themeslug_enqueue_style', 10 );
add_action( 'login_enqueue_scripts', 'themeslug_enqueue_script', 1 );