jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ
jQueryを使えば、Wordpressがブログとは思えないほどに見違えます。
特に海外のブログなどを見ていると、jQueryなどを上手く使いこなして、クールに仕上がっているブログがたくさんありますね。
今回は、jQueryを使ってワンランク上のブログに仕上げるプラグインとチュートリアルをいくつかまとめてみました。
Snazzy Archives
アーカイブページをクールにカスタマイズ。カレンダーっぽく配置すると、とっても見やすくなりますね。
Implement a Nice & Clean jQuery Sliding Panel in Wordpress 2.7+
ページの上部から、タブをクリックするとコンテンツがスライドする、スライディングパネル。
Sliding Panel: WordPress Plugin
プラグインで簡単に実装できるスライディングパネル。
Infinite scroll
ページの下部までユーザーがスクロールすると、次のコンテンツを先読みしてくれるプラグインです。ページングする必要が無いので便利ですね。
Insights
管理画面から、FlickrやYoutube、WikipediaにGoogleMapsなどを検索して、そのまま貼り付けることが出来る便利なツール。
WordPress Multi-Level Drop Down menu using jQuery
多段階のドロップダウンメニューをWordpressに実装することが出来ます。
Wordpress Sidebar Turned Apple-Flashy Using jQuery UI
サイドバーがスライドして、コンテンツを切り替えます。
Tabbed Content using jQuery and WP_Query
タブ切り替えでコンテンツをスライドさせることが出来ます。
HOW TO: Create a jQuery Carousel with WordPress Posts
jQuery CarouselをWordpressに実装すれば、コンテンツ自体をスライドさせるクールなブログに仕上がります。
Wordpress jQuery Lightbox Plugin
画像をたくさん掲載するブログには便利なLightboxのプラグイン
WP-Slimbox2
こちらもシンプルなLightboxです。
J Post Slider wordpress plugin – jQuery post animation show
スライドショーを簡単に
SimpleModal Contact Form (SMCF)
とってもシンプルなモーダルでお問い合せフォームをつけることが出来るプラグイン。
WordPress & jQuery Contact Form without a Plugin
プラグインなしでjQueryを使ったコンタクトフォームの実装方法が紹介されています。
Adding Form Validation to WordPress Comments using jQuery
必須入力項目の抜けなどのアラートを表示する事ができるようになります。
jQuery Comment Preview WordPress Plugin
コメントにプレビュー機能を加えることが出来るプラグインです。
|
|
|
9月 20th, 2009 at 8:02 AM
[...] 【参考記事】 jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ DesignWalker http://www.designwalker.com/2009/08/wp-jquery.html [...]
10月 2nd, 2009 at 4:20 AM
[...] [...]