确保更新后脚本仍然安装

时间:2013-11-01 14:39:42

标签: javascript php wordpress mathjax

我有一些脚本要添加到我的wordpress页面(其中包含Latex数学,我使用MathJax),所以我以前做的是在我的主题中编辑header.php,这是好的,除了每一个时间我做了更新,我必须一次又一次地编辑......这很烦人,有时候我忘了这样做。

无论如何我是否可以在更新后永久设置该脚本?

2 个答案:

答案 0 :(得分: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更多地涉及到这一点。

答案 1 :(得分:1)

解决方案是创建自己的插件,这使我们变得比任何人想象的都简单。

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-你完成了!给我一个大拇指,玩得开心:)