Question

我正在WordPress页面上实现HTML5地图。

创建者告诉我，我必须在我的WordPress网站的head部分添加一些自定义脚本。

但是我不希望脚本在每个页面上运行，而只是在一页上运行。

jQuery的：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js" type="text/javascript"></script>

脚本：

<link href="lg-map/map.css" rel="stylesheet" type="text/css" />
<script src="lg-map/raphael.js" type="text/javascript"></script>
<script src="lg-map/scale.raphael.js" type="text/javascript"></script>
<script src="lg-map/lg-map.js" type="text/javascript"></script>

仅针对一个页面调用此内容的最简单方法是什么？我曾尝试创建自定义页面模板和自定义标头调用，但由于我对PHP的了解以及WordPress调用内容的方式而失败。

另外，我不确定是否必须加载jQuery行，因为我读到大多数WordPress加载了它？

Answer 1

您应该使用以下代码将您的functions.php文件排入队列。如果您购买了主题，则应将其放在子主题文件夹functions.php。

中

function my_scripts_method() {
    //Replace 222 with the ID of the page where you want to have this added.
    if( is_post( '222' ){
        wp_enqueue_script( 'maps-jquery', "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js" );
    }
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

据说这似乎是jQuery的一个非常新版本。 Wordpress已预加载jQuery但不是该版本。您可能会发现加载此版本时存在冲突，而另一个版本已经存在。

自定义wordpress头为一页

1 个答案: