TopWordPressプラグイン > 2011年10月
2011年10月11日

WordPressでGoogle Libraries APIを自動的に読み込む「Use Google Librariesプラグイン」

October 11,2011 1:55 AM
Tag:[, , ]
Permalink

WordPressでjQueryなどのGoogle Libraries APIライブラリを自動的に読み込むことができる「Use Google Librariesプラグイン」を紹介します。

Use Google Libraries
Use Google Librariesプラグイン

1.機能

jQueryなどの外部ライブラリを読み込むには、wp_deregister_script()とwp_register_script()を組み合わせることで実現できます。

例えばjQueryを読み込む場合は次のように記述します。

wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', ( 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' ) );
wp_enqueue_script( 'jquery' );

wp_deregister_script()はWordPressに登録されているスクリプトの読み込みを解除する関数、wp_register_script()はスクリプトの登録を行う関数です。wp_enqueue_script()はパラメータに指定したスクリプトを重複させずにページに出力する関数です。

が、このプラグインを利用すれば、次の1行を記述するだけで、サーバーにインストールしたWordPressにあるJavaScriptライブラリではなく、Google Libraries APIからJavaScriptライブラリを読み込んでくれます。

wp_enqueue_script( 'jquery' );

プラグイン適用前(クリックで拡大します)
プラグイン適用前

プラグイン適用後(クリックで拡大します)
プラグイン適用後

Google Libraries APIにあるライブラリを読み込めば、サーバーの負荷を軽減する効果や、同じライブラリがユーザーのブラウザにキャッシュされている可能性が高くなります。

マニュアルによると、このプラグインでサポートされているライブラリは以下の通りです。

  • Dojo(http://dojotoolkit.org/)
  • jQuery(http://jquery.com/)
  • jQuery UI(http://ui.jquery.com/)
  • MooTools(http://mootools.net/)
  • Prototype(http://www.prototypejs.org/)
  • script.aculo.us(http://script.aculo.us/)
  • swfobject(http://code.google.com/p/swfobject/)

また、jQueryとprototypeを同時に定義すると、jQuery.noConflict()も自動的に設定されます。

jQueryとprototypeを同時に定義(クリックで拡大します)
プラグイン適用前

2.プラグインのダウンロード・インストール

管理画面の「プラグイン」→「新規追加」をクリック。

管理画面

キーワードに「Use Google Libraries」を入力して「プラグインの検索」をクリック。

プラグインの検索

「いますぐインストール」をクリック。

インストール

インストールが完了したら「プラグインを有効化」をクリック。

プラグインを有効化

3.設定

冒頭に記したとおり、例えばjQueryライブラリを読み込む場合は、次の内容をテーマなどに設定します。

wp_enqueue_script( 'jquery' );

wp_enqueue_script()の詳細については「WordPressのTwenty Elevenテーマ解説:ヘッダー (header.php):その2」の4項を参照してください。

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3