コピー2013.05.08スマートフォン用サイトってページがどうしても長くなってしまって、デザインするのが難しいですね。僕が特に悩んだのがヘッダー部分。ロゴは小さくしたとしてもメニューとか色々な物を表示しているので、どうしても頭でっかちな印象になってしまいました。「これはいかんぞ・・・見辛い!」と思い、いい方法無いかな?とネットを探していたらPageSlideというjqueryを発見!ボタンをタッチすると、左or右から「ガラッ!」とメニュー画面が出てくるのです。Facebookで使われているあれの様なものですね。イメージ出来ない方はDEMOサイトがあるのでそちらで確認してください。やり方を書きます!まずは公式からPageSlideをダウンロード。ダウンロードした物からjquery.pageslide.cssjquery.pageslide.jsjquery.pageslide.min.jsをWordpressの使用しているテーマの「CSS」と「JS」フォルダに入れてあげる。CSSをちょっとだけいじりました。#modalをdisplay:none;で非表示にしています。ヘッダー部分でCSSとjquery本体だけ!読み込んで上げて下さい。