私は現在 wordpress 3.4.1 を使用しています。自分の wordpress テーマに jquery を埋め込みたいのですが、できません。ネットで利用可能な最大限のソリューションを試してみましたが、それでも納得のいく実装はできませんでした。簡単な例で助けてください!!
2 に答える
以下のコードを試してください。
以下のコードは、テーマに function.php を追加しました
add_action('wp_head', 'add_myJquery');
function add_myJquery()
{
?>
<script src="<?php bloginfo( 'template_url' ); ?>/js/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
//write your jquery code Here.
});
</script>
<?
}
または
以下のコードは、テーマの header.php ファイルの html head タグの間に追加されます
<script src="<?php bloginfo( 'template_url' ); ?>/js/jquery-latest.js" type="text/javascript"></script>
最適な互換性を得るには、WordPress に付属しているバージョンの jQuery を使用してください (特定のバージョンの jQuery を読み込むと、将来的にプラグインが壊れる可能性があります)。
function.php に追加します。
function insert_jquery(){
wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');
または、Google CDN からロードする場合:
function my_scripts_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script( 'jquery' );
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
詳細はこちら: http://codex.wordpress.org/Function_Reference/wp_enqueue_script
次のリンクも使用できます。
http://code.jquery.com/jquery-latest.min.js - 最新バージョン
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js - バージョン 1.x ファミリ内の最新
http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js - バージョン 1.7.x ファミリ内の最新
http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js - バージョン 1.8.x ファミリ内の最新