首页 问答 正文

如何引入外部js或css文件到wordpress中?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 138 次

要在WordPress中引入外部JS或CSS文件,可以使用以下方法:

  1. 使用functions.php文件

可以在主题的functions.php文件中添加以下代码来添加外部JS或CSS文件:

function add_my_scripts_and_styles() {
     wp_enqueue_style( 'my-styles', get_template_directory_uri() . '/style.css' );
     wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/script.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_my_scripts_and_styles' ); 

此代码将在WordPress前端中加载style.css和script.js文件。

  1. 使用插件

也可以使用插件来添加外部JS或CSS文件。例如,可以使用插件“Scripts and Styles”或“Header and Footer Scripts”。

在其中一个插件中添加JS或CSS文件的方法如下:

选择“添加新的脚本”或“添加新的样式”,然后输入URL和其他说明信息即可。

Markdown格式返回:

要在WordPress中引入外部JS或CSS文件,可以使用以下方法:

  1. 使用functions.php文件

    function add_my_scripts_and_styles() {
      wp_enqueue_style( 'my-styles', get_template_directory_uri() . '/style.css' );
      wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/script.js', array(), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'add_my_scripts_and_styles' ); 

    此代码将在WordPress前端中加载style.css和script.js文件。

  2. 使用插件

也可以使用插件来添加外部JS或CSS文件。例如,可以使用插件“Scripts and Styles”或“Header and Footer Scripts”。

大家谈论
    我的见解