
自作のjQueryスクリプトをプラグイン化しよう
自作したjQueryコードは作成した本人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。
そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。
- 投稿日
- 更新日

自作したjQueryコードは作成した本人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。
そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。

Wordpressにはメンテナンス中の場合に「メンテナンス中です」などと表示させるプラグインがありますが、ここではfunctions.phpにコードを記述してお手軽にメンテナンス画面を表示する方法をご紹介します。

jQueryMobileはiPhoneなどのスマートフォン用のWebアプリやサイトをお手軽に開発するためのjQuery用のフレームワークです。
すでに多くの情報のであれですが、使ってみたので導入的なメモです。

マウスの動きに追従して奥行きのある背景移動をするjQueryプラグイン「jquery.parallax.js」のご紹介です。
最新のはわかりませんがIEだと動かないかもです。

長いページの場合、アンカー名をつけてページ内リンクをする場合があると思います。
でも、やっぱりページ別けしたいかな、でも同じ内容だし別けちゃうのもな、、、そんなときのためにjQueryを使用してわりとそのままのマークアップでページを分割してボタンで切り替える方法をご紹介します。

最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。
ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。

Wordpressをブログで使用する場合、記事の最後に関連記事を表示させることが多いと思います。
しかし、コーポレートサイトのお知らせページなどに使用する場合、関連していてもあんまり昔のお知らせが表示されるのはな、、というケースがあります。
ここでは、現在のページを除いた、所属しているカテゴリーの最新記事一覧を表示する方法をご紹介します。
やらなくては、やらなくてはと思ってはいてもなかなか手を出せないhtml5ですが。
そろそろ本当にやらなくてはいけない状況になってきているようです。
で、html5とひとことで言ってもいろいろあるわけですが、とりあえずcanvasからはじめてみようかなと。

普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。
この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。

Wordpressでイベント情報ページを作るには、専用のプラグインが色々ありますので、それらを使用した方が簡単だしちゃんとしたものが作れると思いますが、ここではカスタム投稿タイプや、カスタム分類などを使用して作成します。
(結果的に微妙な感じになってますが、、、)