WEBOPIXEL

jQueryで背景画像を全画面表示する

Posted: 2010.11.30 / Category: javascript / Tag: 

最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。
ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。

READ MORE

jQueryで現在のページの所属しているサブメニューを開いた状態にする。

Posted: 2010.11.27 / Category: javascript / Tag: ,

タイトルすごくわかりにくいですね。
よく現在のページのaタグにクラスを適用させて、背景画像を変えたりすることがあると思いますが、似たような感じでサブメニューバージョンで開いた状態にしてしまおうというコーナーです。
かなり効率悪いことしている気がしますが、、、

READ MORE

WordPressでカテゴリー別記事一覧を表示する方法

Posted: 2010.11.18 / Category: WordPress / Tag: 

Wordpressですべての記事一覧やカテゴリーページでの一覧表示などは、わりと標準で機能でできますが、一つのページでカテゴリー毎の一覧を表示したい場合は、ちょっとだけ手を加える必要があります。 この記事ではすべてのカテゴリー一覧を表示する方法と、カテゴリーIDを指定して表示する方法をご紹介します。

READ MORE

DreamweaverでHTMLファイルをPHPとして編集する

Posted: 2010.11.15 / Category: Dreamweaver 

phpをhtmlという拡張子で作成する場面があると思います。
なんでも拡張子は「php」より「html」の方がSEO的にいいんだとか。(現状では変わらないという結論になっているようですが)
しかし、Dreamweaverでhtmlに普通にphpのコードを書くとコードのカラーリングとかしてくれないんですよね。
ということで、Dreamweaverの設定を少しいじって「html」ファイルを「php」として編集できるようにしてみます。

READ MORE

jQueryで正規表現を学んでみる。【基礎編】

Posted: 2010.11.14 / Category: javascript / Tag: ,

正規表現といえばフォームチェックがぱっと思いつきますが、最近ではjQueryで外部APIで様々な情報を取得する機会が増え、それによって文字列の置き換えなどもできるようにならんとな、と思ったりしている人も増加しているはず!
ということでお手軽に使えるjQueryを使用して正規表現をちょこっと勉強してみようと思います。

READ MORE

WordPressのカスタム投稿タイプで作るよくある質問(Q&A)ページ

Posted: 2010.11.07 / Category: WordPress / Tag: 

Wordpress3.0に追加された目玉機能(?)としてカスタム投稿タイプというものがあります。
こちらの機能は通常のブログなら特に必要ない機能ですが、CMSとして使用する場合はかなり便利らしいです。
いまさらという感じはしますが、カスタム投稿タイプを使用してコーポレートサイトでありがちな「よくある質問(Q&A)ページ」の作成を行います。

READ MORE

jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種

Posted: 2010.10.24 / Category: javascript / Tag: 

ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。
ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。

READ MORE