0

この特定のJSコードをWordpressを利用したWebサイトの領域に追加する必要があります。

    <script type="text/javascript">
    var myDate = new Date();
    var myStamp = ""+myDate.getDate()+myDate.getMonth()+myDate.getFullYear()+myDate.getHours()+myDate.getMinutes();
    document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/abeSVNInfo.js?' + myStamp + '"><\/script>');
    </script>
    <script type="text/javascript">
    document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/ct_abe.js?'+CARTRAWLER.SVNInfo.revision+'"><\/script>');
    </script>
    <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['form'];
    if (!theForm) {
        theForm = document.form;
    }
    function __doPostBack(eventTarget, eventArgument) {
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = eventTarget;
            theForm.__EVENTARGUMENT.value = eventArgument;
            theForm.submit();
        }
    }
    //]]>
    </script>

これを達成するための最良の方法は何でしょうか？

4

3 に答える 3

1

フロントエンドのことですか？

header.php使用されるテンプレートでは、通常、適切な場所です。

于 2012-08-02T07:25:32.100 に答える
1

この状況では、WordPressのwp_enqueue_script関数を使用するのが最適です。

JavaScriptを別のドキュメント（つまり、cartrawler.js）に配置することから始めます。このJavaScriptドキュメントをテーマ（できれば/ jsフォルダー）に配置します。その後、そのフォルダのJavaScriptを使用するようにテーマに指示します。この方法の利点は、JavaScriptをいつどこにロードするか（ホームページのヘッダーのみなど）を簡単に制御できることと、（より優れた）WPMinifyなどのプラグインとのキャッシュの互換性が向上することです。

仕組みは次のとおりです。

別のJavaScriptドキュメントを作成し、テーマフォルダー（つまり、theme / js / cartrawler.js）に保存します。

var myDate = new Date();
var myStamp = ""+myDate.getDate()+myDate.getMonth()+myDate.getFullYear()+myDate.getHours()+myDate.getMinutes();
document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/abeSVNInfo.js?' + myStamp + '"><\/script>');
document.write('<script type="text/javascript" src="https://ajaxgeo.cartrawler.com/cartrawlerabe/abe/js/ct_abe.js?'+CARTRAWLER.SVNInfo.revision+'"><\/script>');

var theForm = document.forms['form'];
if (!theForm) {
    theForm = document.form;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}

JavaScriptドキュメントを作成したら、これをfunction.phpドキュメントに追加できます。

// Enqueue JavaScripts
function theme_scripts() {
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/cartrawler.js', array(), '20120802', '1');
}
add_action('wp_enqueue_scripts', 'theme_scripts');

JavaScriptを呼び出すときに行うことは、次のとおりです。JavaScriptに名前（cartrawler）を付け、ソースが見つかる場所を関数に通知します。その後、依存関係を定義しますが、幸いなことに依存関係はありません。その後、バージョン番号（20120802）を追加し、JavaScriptをフッターにロードするように関数に指示します。結局、ヘッダーに含める必要はありません（thumbsup @Lixus）。

wp_enqueue_script関数の使用について詳しくは、http：//codex.wordpress.org/Function_Reference/wp_enqueue_scriptをご覧ください。

注：header.phpがwp_header（）関数を使用していること、およびfooter.phpがwp_footer（）関数を使用していることを確認してください。

于 2012-08-02T12:09:25.923 に答える
0

Wordpressバックエンドで、[外観]-> [エディター]に移動し、右側のメニュー（footer.php）でフッターテンプレートを選択します。

</body>次に、タグの直前にコードを追加します。

編集：ドキュメントが読み込まれるのを待たないので、このコードをフッターに追加する方が良いと思います。

于 2012-08-02T07:27:01.497 に答える