![http://handywebdesign.net/2013/03/layout-and-design-about-menu/](https://cdn-ak-scissors.b.st-hatena.com/image/square/d02c2f65c3965e52da9f1e57c8a2c09740d509b7/height=288;version=1;width=512/https%3A%2F%2Fhandywebdesign.net%2Fwp-content%2Fuploads%2F2013%2F03%2F2013_0322_tmb.jpg)
WordPressのカスタムメニューのカスタマイズ方法について解説します。 カスタムメニューを利用すれば、サイドメニューだけでなく、ナビゲーションを任意の場所に設置することもできるようになります。本エントリーでは、フッタに次のようなナビゲーションを追加してみます。 WordPressのバージョンは3.3.1を使っています。カスタマイズにはTwentyElevenテーマを使います。また、フッタナビゲーションはヘッダナビゲーションのスタイルをそのまま流用しているので、id属性値が重複しています。予めご了承ください。 管理画面上でカスタムメニューを利用する方法は割愛していますので、「WordPress カスタムメニューの使い方(その1:基本)」を参照してください。 1.wp_nav_menuを使ってカスタムメニューを表示する フッタにナビゲーションを表示するための準備として、footer.php
素晴らしく気持ちのいい動きをするタブメニューに出会ったので光の速さで実装してみました。 これは個人的にかなりオススメです!!2008年産みたいなのでもしかして知っている方も多いかも。 前々からサイドバーで記事をランダムピックアップする事に憧れを抱いていたのですが、これ以上サイドバーが長ったらしくなるのが嫌でなかなか実装せずにおりました。 ですが今回WEBクリエイターボックスさんのリニューアル で使われていたタブメニューを触って惚れ込んでしまいまして、当サイトにも実装してみました :) 配布サイト様 yensdesign 海外サイトなので英語ですが、わりと読みやすいと感じました。 記事の上の方に「Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.」との表記があるので、なんと近々死ぬであろうIE6,7(※)で
40 Javascript Menu Plugins and Scripts | AJAX | TutsList メニューに困ったら参考にできる40個のプラグインやスクリプト。 便利そうなナビゲーション用のUIがジャンルごとにまとまっていて、それぞれ使えそうです。 自分で作ると超大変そうなものもあり、気になるものはブックマークしておいてもよさそう。 ツリービュー アイコン付きツリービュー ドロップダウン 階層付きドロップダウン アイコン付き階層ドロップダウン RSSメニュー タブ 縦横にタブ iPodスタイルメニュー Dock風メニュー 素晴らしいですね。こういうのを10年前のWEBで出来るなんて誰が想像したか?というところなんでしょうが、次の10年どうなっているか楽しみです。 関連エントリ カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigatio
日本を代表する牛丼といえば『吉野家』だ。今では海外にも進出しており、特に中国では上海万博会場に出店するなど、意欲的にチェーン展開を広めつつある。なによりも魅力的なのは、牛丼の味だ。他店には負けない濃厚でジューシーなその味は、食べる人を感動の渦に巻き込む。 そんな『吉野家』に隠しメニューがあるのをご存知だろうか? 実はメニューに掲載されていない驚きのメニューが存在し、『吉野家』ツウのなかで密かに使われている専門用語によって、注文が可能なのである。それでは、『吉野家』の隠しメニューの一部をここで紹介していきたいと思う。 <吉野家の隠しメニュー・隠し注文方法> ・つゆだく (Tsuyu-daku) 牛丼や豚丼の汁をやや多めに入れてもらうことができる。ジューシーな丼を食べたいときにオススメだ。「牛丼並をつゆだくで!」と注文する。 ・つゆだくだく (Tsuyu-dakudaku) 牛丼や豚丼の汁をか
ちょっと嵌ったので個人的なメモ。WP-dTree という便利なプラグインがあって、カテゴリー やアーカイブのリンクリストをツリー状にしてく れるプラグインで、開閉時の動きも滑らかです し、cookieに開閉の状態を記録してくれるの で良かったんですが、問題もあったのでその 代替法を備忘録的に。 問題と言うのは端的に言えばコンフリクトなんですが、jQueryを別の用途で使用していると、このWP-dTreeはprototypeを使用するので、コンフリクトの回避をしなくてはならない。で、一応は回避していたのですが、IE8だけエラーが出てしまい、他のjQueryプラグインが動かないという状況に。 最近はどのWPサイトでもjQueryが使われているので、jQueryでツリーを作ったほうが多分問題おきにくいかもと思って、その代替法をシェアします。 まず、WP-dTreeを一応ご紹介。しようと思ったんで
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く