jQueryでワンランクアップするWordPressのプラグイン・チュートリアルいろいろ

jQueryを使えば、Wordpressがブログとは思えないほどに見違えます。

特に海外のブログなどを見ていると、jQueryなどを上手く使いこなして、クールに仕上がっているブログがたくさんありますね。

今回は、jQueryを使ってワンランク上のブログに仕上げるプラグインとチュートリアルをいくつかまとめてみました。

Snazzy Archives

アーカイブページをクールにカスタマイズ。カレンダーっぽく配置すると、とっても見やすくなりますね。

Snazzy Archives

Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+

ページの上部から、タブをクリックするとコンテンツがスライドする、スライディングパネル。

Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+

Sliding Panel: WordPress Plugin

プラグインで簡単に実装できるスライディングパネル。

Sliding Panel: WordPress Plugin

Infinite scroll

ページの下部までユーザーがスクロールすると、次のコンテンツを先読みしてくれるプラグインです。ページングする必要が無いので便利ですね。

Infinite scroll

Insights

管理画面から、FlickrやYoutube、WikipediaにGoogleMapsなどを検索して、そのまま貼り付けることが出来る便利なツール。

Insights

WordPress Multi-Level Drop Down menu using jQuery

多段階のドロップダウンメニューをWordpressに実装することが出来ます。

WordPress Multi-Level Drop Down menu using jQuery

WordPress Sidebar Turned Apple-Flashy Using jQuery UI

サイドバーがスライドして、コンテンツを切り替えます。

Wordpress Sidebar Turned Apple-Flashy Using jQuery UI

Tabbed Content using jQuery and WP_Query

タブ切り替えでコンテンツをスライドさせることが出来ます。

Tabbed Content using jQuery and WP_Query

HOW TO: Create a jQuery Carousel with WordPress Posts

jQuery CarouselをWordpressに実装すれば、コンテンツ自体をスライドさせるクールなブログに仕上がります。

HOW TO: Create a jQuery Carousel with WordPress Posts

WordPress jQuery Lightbox Plugin

画像をたくさん掲載するブログには便利なLightboxのプラグイン

Wordpress jQuery Lightbox Plugin

WP-Slimbox2

こちらもシンプルなLightboxです。

WP-Slimbox2

J Post Slider wordpress plugin – jQuery post animation show

スライドショーを簡単に

J Post Slider wordpress plugin - jQuery post animation show

SimpleModal Contact Form (SMCF)

とってもシンプルなモーダルでお問い合せフォームをつけることが出来るプラグイン。

SimpleModal Contact Form (SMCF)

WordPress & jQuery Contact Form without a Plugin

プラグインなしでjQueryを使ったコンタクトフォームの実装方法が紹介されています。

WordPress & jQuery Contact Form without a Plugin

Adding Form Validation to WordPress Comments using jQuery

必須入力項目の抜けなどのアラートを表示する事ができるようになります。

Adding Form Validation to WordPress Comments using jQuery

jQuery Comment Preview WordPress Plugin

コメントにプレビュー機能を加えることが出来るプラグインです。

jQuery Comment Preview WordPress Plugin

デザインblogランキング

コメント 2 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



2 Responses to “jQueryでワンランクアップするWordPressのプラグイン・チュートリアルいろいろ”

  1. 面白いサイトを作るためのワードプレス・プラグイン | 在宅で月5万円収入UP♪上海のむてつの『趣味ネット副業法』 Says:

    […] 【参考記事】 jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ DesignWalker http://www.designwalker.com/2009/08/wp-jquery.html […]

  2. jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ | WEB制作.Hack Says:

    […] […]

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ