Question

我有一个页面，它将样式和jquery添加到页面，但它是一个普通的页面，我需要将它添加到wordpress网站。

我发现这个代码用于添加本地样式表和JS

 <?php
    function wpb_adding_scripts() {
        wp_register_script('my_amazing_script', get_template_directory_uri() . '/js/amazing_script.js', array('jquery'),'1.1', true);

        wp_enqueue_script('my_amazing_script');
    }

    add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

我可以使用同样的方法转换这一行吗？

 <link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

为什么href以//开头？我用jQuery引用看到了很多，我不知道它的意思。

我还发现这个用于添加jQuery：

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}
?>

为什么if !is-admin？我相信这一点是为了确保jQuery只加载一次，即使大量的插件使用它。

这是对的吗？

Answer 1

//允许脚本加载http或https，具体取决于页面的协议。这有助于避免那些“不安全”的项目警告或脚本根本没有加载。

if !is-admin确保脚本仅加载到站点的前端而不是管理部分。

正如@adeneo所说，还有一些脚本：http://codex.wordpress.org/Function_Reference/wp_enqueue_script。

您可能只需要该CSS文件：Function Reference/wp enqueue style

如何正确添加JavaScript

1 个答案: