开发

为 WordPress 主题引入样式表文件与脚本文件

在 function.php 文件中添加以下代码,可为 WordPress 主题引入 Style 文件与 JavaScript 文件。

function puji_scripts() {
  wp_enqueue_style(
    'puji-style',
    get_template_directory_uri() . '/style.css',
    array(),
    wp_get_theme()->get( 'Version' )
  );

  wp_deregister_script( 'jquery' );
  wp_enqueue_script(
    'jquery',
    get_template_directory_uri() . '/assets/js/jquery.min.js',
    array(),
    '3.6.0'
  );
  wp_enqueue_script(
    'puji-script',
    get_template_directory_uri() . '/assets/js/main.js',
    array(),
    '1.0.1'
  );

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

同样,可以使用 wp_register_style() 和 wp_register_script() 方式写入样式表,在需要调用的时候再进行引入,如:

function puji_scripts() {
  wp_register_style(
    'post-style',
    get_template_directory_uri() . '/single.css',
    array(),
    wp_get_theme()->get( 'Version' )
  );

  if ( is_single() ) {
    wp_enqueue_style( 'post-style' )
  }

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

wp_enqueue_scripts

wp_enqueue_style

wp_enqueue_script

wp_deregister_script

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号