Home > 第4章 > 4-8（P197～200）：WordPressでjQueryを使う

4-8（P197～200）：WordPressでjQueryを使う

ソースコード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="wp-admin/js/jquery.curvycorners.packed.js" type="text/javascript"></script>

<style type="text/css">
blockquote.inyou {
margin: 6em;
padding: 1em;
border:2px solid #000;
}
</style>

<script type="text/javascript">
$(document).ready(
function() {
$('.inyou').corner({
tl: { radius: 24 },　// 左上角の半径
tr: { radius: 48 },　// 右上角の半径
bl:  false,　 // 左下角の半径
br: { radius: 12 },　// 右下角の半径
antiAlias: true,　// アンチエイリアスの有無。trueは有り、falseは無し
autoPad: true,　//　パディング処理の有無。trueは有り、falseは無し
validTags: ["blockquote"] });　//　対象となる要素を指定
});
</script>

参考リンク

P198 jQuery Curvy Corners （jQuery Plugins）
P200 AJAX Libraries API （Google Code）

Comments:3

たろー 10-03-16 (火) 21:50

p197で「…最新のjQueryが同梱されているので、新たにjQuery本体をアップロードする必要はありません。」と書かれているにもかかわらず、サンプルではGoogleからjQueryを別途読み込んでいるように見えます。なぜ同梱されているjQueryを使用しないのでしょうか？

admin 10-03-17 (水) 22:12

たろー様

同梱されているjQueryではなく、Googleから読み込ませるメリットは、やはり常に新しいバージョンのjQueryを使うことができる、ということに尽きるかと思います。
もちろんWordPressをバージョンアップした際に、同梱されているjQueryも最新版に置き換わりますので、きちんとWordPressをバージョンアップしていけば問題はありません。
しかし放置されたまま古いバージョンで稼働しているWordPressサイトは存外に多く（あえて古いバージョンのWordPressを使ってるケースもあります）、もちろんそれらのサイトではjQueryも古いバージョンのまま、ということになります。もし同梱されているｊQueryに何らかの不具合があっても、それがずっと使われてしまうのです。
しかしjQueryをGoogleから読み込ませるようにしておけば、WordPress自体は古くても、jQueryは最新版を使用できるという訳です。
他にも、GoogleからjQueryを読み込ませるメリット・デメリットはP200でも触れていますので、ご確認ください。

たろー 10-03-19 (金) 0:31

丁寧な解説をありがとうございました。
「同梱のjQueryと外部から読み込んだものが競合しないのかな？」とも思ったのですが、そのようなこともないようですね
ネットを見ていたら「WordPress に付属のjQueryにはjQuery.noConflict()が含まれているので記述を一部変えなければいけない場合がある」という情報が目に止まり「ちょっと面倒そう…」と感じていました。
本に書かれているようにGoogleからjQueryを呼べばこのような心配もせずに済みそうなので早速試してみます。
順番が前後してしまいましたが、この本はamazonで評判が良かったので最近購入しました。本編以上にコラムが興味深く参考になっています。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://wp.writing-office.jp/book/4-8/trackback/
Listed below are links to weblogs that reference
4-8（P197～200）：WordPressでjQueryを使う from 「WordPress 2.7対応「導入&カスタマイズ」実践ガイド」サポートサイト

Home > 第4章 > 4-8（P197～200）：WordPressでjQueryを使う

カテゴリー
  • カテゴリーなし
  • [プラグイン][使い方]　Twitterからのリンクを拾い集めてブログコメントにまとめてしまうWordPressプラグイン「Topsy Widgets」、短縮URLもOK。 　http://bit.ly/5bGNRd 　3日前
  • [カスタマイズ]　「はてな」などソーシャルブックマークのボタンの設置方法　　http://boozywoozy.net/wordpress/2009/11/30/011510.html 　2週間前
  • [まとめ][テーマ]　The Best Free WordPress Themes of 2009　http://webdesignledger.com/freebies/the-best-free-wordpress-themes-of-2009 　2週間前
  • [プラグイン][使い方]　WordPressに『WordPress Related Post for Japanese』を導入する方法　　http://bit.ly/5anQ9k 　2週間前
  • [まとめ][プラグイン]　30 Most Popular Wordpress Plugins　http://www.blog.exxcorpio.com/2009/11/26/30-most-popular-wordpress-plugins/ 　2週間前
  • [カスタマイズ]WordPressの条件分岐　http://digital-nb.com/wp/archives/1137 　3週間前
  • [まとめ][プラグイン]　20+ Brand New and Incredibly Useful WordPress Plugins　http://bit.ly/5EGCWr/ 　3週間前
  • [カスタマイズ][まとめ]　10 Must Have Hacks For WordPress Development　http://spyrestudios.com/10-wordpress-hacks/ 　16時間前
  • [まとめ][テーマ][国内]　国内のWordPress無料厳選テーマ７　http://bit.ly/AxytQ 　4日前
  • [お知らせ][セキュリティ]　WordPress 2.8.6がリリースされました。日本語版も近々リリースされると思います。セキュリティ対策を施したバージョンですので、速やかにアップグレードしましょう。 　1週間前
  • 過去の独り言...

Posting tweet...

Powered by Twitter Tools.

記事一覧
Tag Cloud

Return to page top