ワードプレスにjquery-ui効果を正しく含める方法

私はワードプレスのテーマにjquery uiエフェクト（より具体的にはシェイクエフェクト）を含めようとしています。これまでのところ、jQueryスクリプトを含めることしかできませんでしたが、uiスクリプトを配置する場所とそれらをキューに入れる方法については、まったく手がかりがありません。

これは私が持っているコードです。それは明らかに機能しません：

    <?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function() {
        $j("#manita-imagen").mouseover(function(){
            //$j(this).animate({ opacity: "hide" })
            // alert('asd');
            $j(this).effect("shake", { times:3 }, 300);
        });
    });

 </script>

ご協力いただきありがとうございます！

WordPressにはjQuery UIライブラリが含まれていますが、UI / Effectsライブラリは含まれていません。そのライブラリは独立しており、スタンドアロンです。effects.core.jsファイルのコピーを含めて、個別にキューに入れる必要があります。

命名の一貫性のために、キューに入れるときはjquery-effects-coreと命名する必要があることに注意してください。

次のように含めることができます。

wp_enqueue_script("jquery-effects-core",'http://example.com/whatever/effects.core.js', array('jquery'), '1.8.8');

編集：この回答はWordPress 3.3より前に書かれました。これには、コアの一部としてさまざまなエフェクトライブラリが含まれています。使用する必要のあるエフェクトライブラリの断片を単純にキューに入れることができます。

これらのファイルのスラッグのリストはwp-includes / script-loader.phpにありますが、コアのスラッグはjquery-effects-coreです。

wp_enqueue_script("jquery-effects-core");

@dabito、

スクリプトを正しく読み込んでいない... wp_enqueue_script()テーマテンプレートファイル内で呼び出さないでください（これはのように見えますheader.php）。この関数を別のフックから呼び出す必要があります。

テーマのfunctions.phpファイルに、次のコードを配置します。

function my_add_frontend_scripts() {
        wp_enqueue_script('jquery');
        wp_enqueue_script('jquery-ui-core');
}
add_action('wp_enqueue_scripts', 'my_add_frontend_scripts');

両方のスクリプトが適切に登録されていれば、適切に読み込まれます（<script />ヘッダーに適切なタグを追加します。その後、他のJavaScriptコードが機能するはずです。

スクリプトを管理側に追加する場合は、admin_enqueue_scripts代わりにアクションを追加します。

また、jQuery UI全体をGoogleから直接エンキューすることもできます。これは私がそれを行う方法です：

wp_enqueue_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', array('jquery'), '1.8.6');

また、jQueryはjQuery UIの依存関係としてリストされているため、手動でキューに登録する必要はありません。WordPressが自動的に実行します。

このjQueryライブラリのデフォルトのロードはないようです（全リストはこちら）ので、キューに登録する前にスクリプトを登録する必要があります。

ちょっとしたヒント。スクリプトをキューに登録すると、管理パネルを含むサイト全体のキューに登録されます。管理パネルにスクリプトが必要ない場合は、フロントエンドのサイトにのみスクリプトを含めることができます。

function my_add_frontend_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');
}

add_action( 'wp_enqueue_scripts', 'my_add_frontend_scripts');

ここでのすべての答えは、機能している間は技術的に間違っています。

jquery-uiや他のライブラリを含める正しい方法は、独自のスクリプトの依存関係として含めることです。

これは重要です。パフォーマンスツールがこれらの依存関係をチェックして、スクリプトの読み込み順序を変更し、サイトを最適化する可能性があるためです。

したがって、jqueryとjquery-uiを使用する場合は、独自の.jsスクリプトファイルを作成し、依存関係をリストしてこのようにキューに登録します。使用しているライブラリごとに個別のenqueueコマンドは不要です。

wp_enqueue_script('your-script-handle', 
 plugins_url('your-script-file.js', __FILE__), 
 array('jquery', 'jquery-effects-core', 'jquery-ui-core')
);

依存関係として追加する利用可能なすべてのスクリプトのリストは、https：//developer.wordpress.org/reference/functions/wp_enqueue_script/にあります。