是否可以从 WordPress 模板 PHP 文件更改 script.js

Question

我有一个问题想解决，但不完全了解如何处理它，想知道这里是否有人知道办法。在我的 WordPress 主题中，我有一个位于 JS 文件夹中的 script.js 文件，该文件具有用于在页面加载时加载 Instagram 提要的脚本。$(window).on('load', function(){ $.instagramFeed({'username': 'usernamehere','container': "#instagram-feed-demo",'display_profile': false,'display_biography': false,'display_igtv': false,'items': 9,'items_per_row': 3,  'styling': false });}); 在我的 WordPress 单页模板中，我想通过使用自定义字段填充用户名字符串，但如果我将脚本移动到脚本标记中的模板中，它不起作用，但在 script.js 文件中工作正常。有谁知道从单个模板填充字符串的方法吗？

Answer 1

不确定我是否正确理解你需要什么，但你可以检查它加载 script.js 文件的模板（使用wp_enqueue_script函数）并使用相同的处理程序名称添加另一个wp_localize_script函数调用并将它传递给一个变量数组以供使用javascript。

例子：

wp_enqueue_script('script-handler', 'url to the script.js file', []);

wp_localize_script('script-handler', 'jsObjectName', [

  'username' => $usernamehere,

]);

jsObjectName使用该函数创建的 js 对象wp_localize_script将先于对 script.js 文件的调用，使其值可用于脚本。

现在将 Instegram 代码更改为如下所示：

$(window).on('load', function(){

  $.instagramFeed({

    'username': jsObjectName.username,

    'container': "#instagram-feed-demo",

    'display_profile': false,

    'display_biography': false,

    'display_igtv': false,

    'items': 9,

    'items_per_row': 3,

    'styling': false

  });

});