コメントするツイートレスポンシブ対応のサイトにあると嬉しいトグル型ナビゲーション。Twentyelevenに実装してみました。WordPressにはスマホ表示に対応する「WPTouch」などのプラグインがあるのですが、「プラグインは少ないほうがいい」という場合に、ピッタリな「Naver」。個人的な備忘録としてメモしますが、もしお役に立つようでしたらご参考まで。(※実装につきましては、自己責任にてお願いします。(今回編集するPHPファイル。GitHub「jquery.fs.naver.css」「jquery.fs.naver.js」をダウンロードします。ZIP」ボタンからは左に見えてるファイル全てがダウンロードできます。デモも含まれてるので、見たい場合はこのボタンから。「jquery.fs.naver.css」に追記ナビの色や文字などの見え方を調整します。Twentyelevenのデザインに寄せた内容になってます。ダウンロードした「jquery.fs.naver.css」ファイルに以下を追加します。--------------*/次にFTPソフトを使用して、子テーマのフォルダ内に「css」フォルダと「js」フォルダを作成。そこにそれぞれ「jquery.fs.naver.css」と「jquery.fs.naver.js」をに入れます。/>WordPress管理画面から「外観」-「テーマ編集」-「header.php」ファイルをクリック、上記のコードを<head>タグ内に追記してcssを読み込むようにします。a").off(".click");$(".naver").naver("destroy");});});</script>WordPress管理画面から「外観」-「テーマ編集」-「footer.php」をクリック、</body>タグの近くに上記コードを追記します。true});にするといいようです。<nav>タグの設定header.phpファイルの編集header.phpファイル(128行目)の<nav>タグの初期設定されているCSSを削除(または無効に)します。class="naver">以上でナビゲーションメニュー「Naver」の実装が終了です。ひとこと今回はWPのTwentyelevenをカスタマイズしたかたちになりましたが、簡単に組み込めるのはスムーズ好きの自分には嬉しい限り。駆け足で作業したこともあって、ゆっくり試してみたいし、CSSも変更して好みのデザインにするのが楽しみです。スマホの普及でレスポンシブ対応はかなりの需要なので、「Naver」のナビゲーションメニューは活躍してくれること間違いなしです。デザインもシンプルでかっこいいので、今後も重宝しそうな予感がしてます。カスタマイズフリーソフトpoeditを使って翻訳ファイル(poファイル)を編集しました。記事を読むPCのブラウザでスマホサイトをチェック!ソースコードも?!スマホサイト制作の際、実機でのチェックには限界があります。全文表示の投稿記事を抜粋表示に変更する。コメントをキャンセルメールアドレスが公開されることはありません。名前・コメント・画像認証が必須となっています。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:Profile管理人:モフェ音楽、パソコン、サイト好き。