simplemodal

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月」という感じでずらずらと並んでしまうのでこちらを参考に年別に分けて表示しています)。

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

タグ: , ,

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

最新情報をお届けします

GooglePlay

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布されるわ

HUAWEI P9

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEIが募集していたP9へのAndroid 7.0先行アップデートのテスターに当選したようで、Android 7.0、EMUI 5.0のアップデートが降ってきました。 関連:HUAWEI Jap

THERMOS

ドルチェグストのコーヒーをおいしく飲むために、THERMOSの保温マグカップを購入

先日かったドルチェグスト ピッコロ用にサーモスの保温マグカップ JDC-241を購入しました。 これまでは普通の陶器のマグカップを使っていたのですが、ドルチェグストの温度がそもそも80℃程度と低めにな

BenQ HT2150ST

短焦点でも大迫力!BenQのHT2150STなら狭い部屋でもホームシアターの夢が叶う【AD】

自分の部屋でプロジェクターを使い、大画面で映画を観たりゲームをしたりというのは誰しも憧れたことがあるのではないかと思います。 しかし、「部屋が狭いと距離が足らずに大画面で写せない」「そもそもスクリーン

ASUS ZenWatch 3

ASUS、金環日食をイメージした円形ディスプレイになったZenWatch 3を12月10日(土)に発売

ASUSが円形ディスプレイになった新型スマートウォッチ「ZenWatch 3」を12月10日(土)に日本で発売すると発表しました。 これまでのZenWatch、ZeWatch 2は四角いディスプレイで

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

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

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

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

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

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

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

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEIが募集していたP9へのAndroid 7.0先行アップデートのテスターに当選したようで、Android 7.0、EMUI 5.0のアップデートが降ってきました。 関連:HUAWEI ...

SonyのSmartWatch 3が公式ストアで9,880円に値下がり コストコでは8,980円

SonyのSmartWatch 3が公式ストアで9,880円に値下がり コストコでは8,980円

SonyのAndroid Wearスマートウォッチ、SmartWatch 3 SWR50がコストコで8,980円(税込)で販売されていました。 売っていたのはコストコの幕張店。 もともと2...

MENU

back to top