[wordpress]jQueryプラグイン「PageSlide」を使用してモバイルサイトにスライドメニューを実装してみたよ。
こんちくわ。 日々ロンドン五輪に興奮しまくりの@conchikuwaです。4年に1度、毎回毎回感動を与えてくれますね。日本選手に楽しんでガンバってもらいたいです！！ 先週末にブログ合宿の時にモバイルサイトのカスタマイズにチャレンジしたんですが、レイアウトが崩れる箇所があったので実装はしておりませんでした。その後いろいろ調べたり試したりした結果、上手く実装できたので、そのカスタマイズのご紹介させていただきます！！ 今回実装したカスタマイズはjQueryプラグイン「PageSlide」を利用してモバイルサイトをFacebookやGmail等のスマホアプリのように横スライドさせてメニューを表示させるというもの。モバイルサイトではPCサイトに比べて画面が小さく表示できる情報も少ないので、1アクション入れてメニューを表示させるのは有効なカスタマイズだと思います。 また実装する際に参考に（基本コピペで
![[wordpress]jQueryプラグイン「PageSlide」を使用してモバイルサイトにスライドメニューを実装してみたよ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/259818a86edee7bc374cd8c4c67b9dd89a658b0a/height=288;version=1;width=512/https%3A%2F%2Fwww.conchikuwa.com%2Fwordpress%2Fwp-content%2Fuploads%2Fpageslide1-0.png)
WordPress JavaScriptライブラリをテンプレートで使う作法
WordPress テンプレートで prototype.js, jQuery…etc などの JavaScriptライブラリを使いたい時にテンプレートにハードコードしてはいけない。 プラグインを作成し JavaScriptライブラリを使いたい時も同じ。 コンフリクトを起こすかもしれないし、同じライブラリを何度も呼び出してしまうかもしれない。 ちゃんと関数が用意されている。 // wp_head の前で使う！ wp_enqueue_script( 'handle', 'src', 'deps', 'ver'); // wp_head を次に - wp_head でライブラリの<script>コードが書出される wp_head(); Function Reference/wp enqueue script handle(string) ライブラリ名（小文字） src(string) ライブラリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
https://quarter4.info/create/anythingslider-in-wordpress-with-jquery.html
