首页 视频课程 主题开发课程第17章、AJAX异步 WordPress中加载JavaScript与CSS

WordPress中加载JavaScript与CSS

2023-06-11 / 237阅

在WordPress中加载JavaScript与CSS,我们可以通过以下步骤进行:

  1. 在主题文件夹中创建一个新的文件夹,命名为“assets”。这个文件夹将用于存储所有的JavaScript和CSS文件。

  2. 在“functions.php”文件中添加以下代码:

function add_theme_scripts() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );
  wp_enqueue_script( 'script', get_template_directory_uri() . '/assets/js/script.js', array (), 1.1, true);
}

add_action( 'wp_enqueue_scripts', 'add_theme_scripts' ); 

这段代码将添加并注册我们的CSS和JavaScript文件。

  1. 将需要引入的CSS文件和JavaScript文件存放在“assets”文件夹中。

  2. 最终代码如下:

function add_theme_scripts() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );
  wp_enqueue_script( 'script', get_template_directory_uri() . '/assets/js/script.js', array (), 1.1, true);
}

add_action( 'wp_enqueue_scripts', 'add_theme_scripts' ); 

这样,我们就成功地在WordPress中加载了JavaScript与CSS文件。

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录