javascript - 确保脚本在更新后保持安装

Question

我有一些脚本要添加到我的wordpress页面（其中包含Latex数学，我使用MathJax），所以我以前做的是在我的主题中编辑header.php，这没关系，除了每次我这样做更新，我必须一次又一次地编辑它......这很烦人，有时我忘记这样做。

无论如何我可以在更新后永久设置该脚本吗？

Answer 1

是的，您应该使用该wp_enqueue_script()功能。这将允许您将脚本添加到wp_head()函数的输出中。您可以将它放在您的函数文件中，即使您更新 header.php 文件或插件，它也会保留脚本。您也可以使用样式表来做到这一点。您还应该应用一个动作挂钩，以便脚本在适当的时间加载。这是代码：

function add_my_scripts() {
    wp_enqueue_style ('style-name', get_stylesheet_uri() );
    wp_enqueue_script('script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'add_my_scripts' );

注意：函数的第一个参数是资产的唯一标识符。因此，您应该为添加的每个脚本和样式设置一个唯一的名称。您可能需要稍后将这些用于依赖关系或取消排队。wordpress codex对此进行了更多说明。

Answer 2

解决方案是创建自己的插件，这让我们变得比任何人想象的要简单得多。

1- 为您的插件选择一个名称，我将其命名为 MyPlugin

2- 在 /wp-content/plugins/MyPlugin 中打开一个文件夹

3-在后一个文件夹中打开一个文件并将其命名为 MyPlugin.php

4- 在该文件中输入以下内容：

<?php
/*
Plugin Name: MyPlugin
*/
function add_my_header() {
    echo '<script type="text/x-mathjax-config">';
    echo 'MathJax.Hub.Config({';
    echo 'tex2jax: {inlineMath: [[\'$\',\'$\']]}';
    echo '});';
    echo '</script>';
    echo '<script type="text/javascript"';
    echo '  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG">';
    echo '</script>';
}
add_action( 'get_header', 'add_my_header' );
?>

您可以根据需要更改脚本。

5-启用插件。

6-你完成了！给我竖起大拇指，玩得开心:)