ColorFullWeb

カラーがフルな情報配信ブログ。Web関係多め。

【wordpress】WordPressのjQueryテスト用コード【jQuery】

time 2013/04/22

なんかもうWebデザイナーはjQuery必須みたいになってますよね。
すごくいい流れだと思います。触って楽しいサイトが増えるといいですよね。

こんにちわ。好きなプラグインは『jRumble』の@i_saku39です。

WordPressでjQueryを入れるときにテストするときのシンプルソースが欲しかったので
自分用に作りました。

結局ほしかったのは。。。

jQuery.noConflict();なしのjQueryが欲しかっただけです。

詳しくは、
WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例

 
 

手順

プレーンなjQueryをよみこみたいのです。

まず、wordpress本体のjQueryを読み込ませないようにします。

<?php wp_deregister_script('jquery'); ?>

そのあとプレーンなjQueryを読みます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

 
 

以下が設定済みのテンプレートファイルです。

 
 

header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('name'); ?>" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>
<?php bloginfo('name'); ?>
</title>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/reset.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url');?>" />

	
<?php wp_deregister_script('jquery'); ?>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

	
<?php wp_head(); ?>
  
  
  
</head>
<body>

 
 

index.php

<?php get_header(); ?>
<?php get_footer(); ?>

 
 

footer.php

<?php wp_footer(); ?>
</body>
</html>

 
 

down

コメントする