WordPressの月別アーカイブをモーダルウィンドウ風の表示に変えてみた

2012.12.27
simplemodal

このブログも来年には8年目に突入するのですが、長いこと続けていて困るのが過去のアーカイブへのリンクメニュー。最近はプルダウンで選択するようにしていたのですがイマイチ使い勝手が悪かったのでずっと気になってました。かといってずらずらと書き出してしまうのも邪魔くさい。そんなわけで、jQueryでLightbox風というかモーダルウィンドウ風に月別アーカイブのリストが表示されるようにしてみました。

もちろん自分で一から作れるわけもなく、すでに公開されているスクリプトを使用します。今回使わせてもらったのは、こちらのSimpleModalWindows

設置方法はリンク先にある通りで難しいことはありません。
[html]
<div id="hogehoge">
表示したい内容
</div>
[/html]
という内容を”display:none”で用意しておき、
[html]
<a class="modal" href="#hogehoge">~</a>
[/html]
という感じでclass名に”modal”、リンク先に用意しておいた表示したい内容のIDを書いておくと、その内容がモーダルウィンドウで表示されます。

私の場合上記のhogehogeの中身に月別アーカイブを登録しているだけです(そのままwp_get_archives()で取得すると「2012年12月」という感じでずらずらと並んでしまうのでこちらを参考に年別に分けて表示しています)。

これで少しは使いやすくなったかな?まぁ、一番使っているのは私の気がしますけども。

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

コストコのディナーロールで揚げパンを作ってみた

コストコには1袋36個入りで460円という、私のようにお金はないけどカロリーを確保したいという人には大変ありがたい食材も売っているのですが、賞味期限が2日~3日しかなくさすがに期限内に全部食べ切るのは

LINEモバイル、1月18日から端末保証オプションをスタート 2月17日までは既存ユーザも申し込みOK

LINEモバイルが1月18日(水)から端末保証オプションを開始すると発表しました。 この手の端末保証オプションは通常、新規契約の時にしか申し込めませんが、2月17日まで既存ユーザも追加で申し込みが可能

小型PC「GPD WIN」のゲームパッドをPS4のリモートプレイで使う方法

キーボードとゲームパッドが付いた小型PC「GPD WIN」。 小さくてもWindows PCなので、PlayStation 4のリモートプレイをインストールして、PS4のゲームをプレイすることが可能で

Microsoft、Surface Pro 4を価格改定 最大78,000円の値下げ

日本Microsoftが本日(1月16日)からSurface Pro 4の価格を値下げすることを発表しました。 Surface Pro 4が最大78,000円の値下げ Surface Pro 4はオー

IIJmio、「0円でもう1枚キャンペーン」を2月15日まで延長

IIJmioが11月から行っていた「0円でもう1枚キャンペーン」が2月15日まで延長されました。 キャンペーン概要 IIJmioでは、すべてのプランで複数枚のSIMを持つことができますが、通常は200

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

Microsoft、Surface Pro 4を価格改定 最大78,000円の値下げ

Microsoft、Surface Pro 4を価格改定 最大78,000円の値下げ

日本Microsoftが本日(1月16日)からSurface Pro 4の価格を値下げすることを発表しました。 Surface Pro 4が最大78,000円の値下げ Surface Pro ...

液体ラバースプレーは塗って剥がせる優れもの。 気に入った色のスマホケースがないなら塗ってみるのはいかが?

液体ラバースプレーは塗って剥がせる優れもの。 気に入った色のスマホケースがないなら塗ってみるのはいかが?

久しぶりにヨドバシカメラAKIBAの模型売り場を覗いてみたら、「液体ラバースプレー」という面白そうなものがあったので購入してみました。 何者かというと、ようするにゴム状のラバーコーティングができ...

Android 7.0の標準機能、画面分割モードの使いかた

Android 7.0の標準機能、画面分割モードの使いかた

honor 8へのアップデートが開始されたAndroid 7.0 Nougatはデフォルトで画面分割モード(2画面モード)に対応しています。 画面分割モードはその名の通り画面を2分割して別々のアプ...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

MENU

back to top