入口 > スポンサー広告 > スポンサーサイト テンプレ - 携帯用 > (携帯用/共有)月別アーカイブリンクをプルダウン式にする

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--------

(携帯用/共有)月別アーカイブリンクをプルダウン式にする

(2013年9月10日以降はこれがデフォルトになってます)

うちで作って共有に登録している携帯用テンプレート「site_gitai_m」(ver.4-2まで)についての説明です。
入口ページにある「total XX entries » archive」から入ったページでは、月別記事一覧ページへのリンクがずらっと表示されますが、古くからされているブログだとここが延々続いてしまって煩雑になってくると思います。これをプルダウンで選択する方式にしてすっきりさせましょう、というカスタマイズです。
こんな感じになります。

携帯用共有テンプレHTMLの真ん中あたり、

<!--▽月別アーカイブページ--><!--archive-->
<span class="date_<%archive_year><%archive_month>" style="padding-left:1px;">
<a href="<%url>?m&date=<%archive_year><%archive_month><%tail_url>" style="color:#999999;"><%archive_year>.<%archive_month>,</a>
</span><!--/archive-->
<br><br>
<font color="#999999">‥‥‥‥‥‥‥‥‥</font><br><br><br>

灰字部分を

<!--▽月別アーカイブページ-->
<form method="get" action="<%url>">
<!--private_mode--><input type="hidden" name="spass" value="<%spass>"><!--/private_mode-->
<select name="date">
<option value="<%now_year><%now_month>" selected>▽select</option>
<!--archive-->
<option value="<%archive_year><%archive_month>" class="date_<%archive_year><%archive_month>"><%archive_year>/<%archive_month></option>
<!--/archive-->
</select>
<input type="submit" value="jump">
</form>
<br>
<font color="#999999">‥‥‥‥‥‥‥‥‥</font><br><br><br>

赤字部分で置き換える。

以上です。

未来記事があって、こちらの設定を既に済まされている場合は、このままで未来の日付は選択肢から消えていると思います。その他にも隠したい月がある場合は、同様にHTML冒頭のスタイルシート部分で「.date_yyyymm」を増やしてください。
ピンク背景部分が初期状態で表示される文言になります。お好みで変えてください。
2013-07-08
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。