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

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

タグ: , ,

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

最新情報をお届けします

Xperia XZsはauから発売決定済み? 公式サイトのギャラリーにauのロゴが・・・

MWC 2017で発表されたXperia4機種のうち、どうやらXperia XZsはauから発売されるのが決定しているのかもしれません。 なぜなら、公式サイトのギャラリーに表示されている端末にauのロ

投影した画像にタッチできるプロジェクタ、Xperia Touchが面白い!

スマートフォンはイマイチな今回の発表の中で、往年のSonyらしさを放っていたのがXperia Touchです。 昨年のMWCでXperia Projectorとして発表されていたコンセプト製品ですね。

Sony、ハイエンドなXperia XZ Premiumなど4機種を発表 6インチのXperia XA1 Ultraは今回も防水非対応

SonyがMWC 2017でフラッグシップとなるXperia XZ Premium、XZs、ミドルクラスのXA1、XA1 Ultraを発表しました。 XZ Premiumのハイスペックさも気になるとこ

プリッツを食べながらU-NEXTで映画を観よう! プリッツ映画見放題」キャンペーンが2月28日からスタート

グリコとU-NEXTがコラボし、プリッツを購入するとU-NEXTの動画が24時間見放題になるという「プリッツ映画見放題」キャンペーンを2月28日から開始します。 キャンペーン期間は7月3日まで。 対象

Motorola、Amazon Alexaが利用できるMoto Modsやゲームコントローラ一体型のMoto Modsなどを発表

MotorolaはMWCでMoto G5、Moto G5 Plusを発表しましたが、これに合わせて、Moto Zシリーズで使用するMoto Modsの新モデルも発表しています。 その中で目玉となるのが

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

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

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

「Withings」が消滅 Nokiaブランドに統一へ

「Withings」が消滅 Nokiaブランドに統一へ

2016年6月にNokiaに買収されたWithingsですが、そのブランド名が今夏なくなります。 NokiaとWitingsが、Withingsブランドを廃止し、Nokiaブランドに統一することを...

「WEBメディアびっくりセール」が名前の通りびっくりするほど熱かった!

「WEBメディアびっくりセール」が名前の通りびっくりするほど熱かった!

ディリーポータルZが主催した「第1回 WEBメディアびっくりセール」に参加してきました。 関連:2月26日のWEBメディアびっくりセールに出展します – Dream Seed 初めての開催とい...

Xperia XZsはauから発売決定済み? 公式サイトのギャラリーにauのロゴが・・・

Xperia XZsはauから発売決定済み? 公式サイトのギャラリーにauのロゴが・・・

MWC 2017で発表されたXperia4機種のうち、どうやらXperia XZsはauから発売されるのが決定しているのかもしれません。 なぜなら、公式サイトのギャラリーに表示されている端末にau...

Sony、ハイエンドなXperia XZ Premiumなど4機種を発表 6インチのXperia XA1 Ultraは今回も防水非対応

Sony、ハイエンドなXperia XZ Premiumなど4機種を発表 6インチのXperia XA1 Ultraは今回も防水非対応

SonyがMWC 2017でフラッグシップとなるXperia XZ Premium、XZs、ミドルクラスのXA1、XA1 Ultraを発表しました。 XZ Premiumのハイスペックさも気になる...

MENU

back to top