記事の日付を消したい

記事は日付順に表示されるので、未来の日付を指定すれば、いつも先頭に表示されます。
その時、日付を表示させなくする方法です。

下のが「その日になるまでヒミツのモジュール」のソースコードです。

ソースコード

<br /> <script type=”text/javascript”>(function(){var entries=document.getElementById(‘entries’);if(!entries){return;}var div=entries.getElementsByTagName(‘div’);if(!div){return;}for(var i=0;i<div.length;i++){if(div[i].className==’entry’){var child=div[i].getElementsByTagName(‘div’);if(child){for(var n=0;n<child.length;n++){if(child[n].className==’entryDate’){var date=child[n].innerHTML.replace(/^\s+|日\s*$/g,”).replace(/年|月/g,’/’).split(‘/’);var entrydate=new Date(date[0],date[1]-1,date[2]);var today=new Date();if(today.getTime()<entrydate.getTime()){child[n].style.display=’none’;div[i].className=’entry future’;break;}return;}}}}}})();</script><br />

ソースの使い方は、いつものとおりモジュールの設置方法を見てください。

日付を消したついでに日付の消えたエントリーの部分に「future」というクラス名をつけています。

日付を消した後

<div class="entry future">
	<div class="entryDate" style="display: none;">2016年01月01日 </div>
		<h2 class="entryTitle">
			<a href="http://fanblogs.jp/datenohokori/archive/50/0">タイトル</a>
		</h2>
		<div class="entryBody clr">
			ここに書いた記事が入っている
		</div>
		<div class="entryInfo">
			投稿者：
			<a target="_blank" href="http://fanblogs.jp/datenohokori/profile">datenohokori</a>
			｜19:53 ｜
			<a href="/datenohokori/category_34/">カテゴリー</a>
			｜
			<a href="http://fanblogs.jp/datenohokori/archive/50/0#comments">コメント(8)</a>
			｜
			<a href="http://fanblogs.jp/datenohokori/archive/50/0#Trackback">トラックバック(0)</a>
		</div>
	</div>
</div>

だから、もし一番下の投稿者とか時間とかのある行を消したければ、スタイルシートに
div.future div.entryInfo{display:none;}
と書けば消えます。（でももらっているコメントへのリンクも消えるので、そのリンクをどこか別のところに書かないとコメントへ行けなくなります）

div.futureを目印にして、スタイルシートを直せば、文字の色や背景も自由に変えられます。