FC2ブログの記事の日付を非表示にする方法

投稿日時の表示

FC2ブログの初期設定状態のテンプレート(basic_white)では記事のタイトルの下に投稿した日時が表示されます。

FC2ブログの記事の日付を非表示にする方法3 (1)

テンプレートによって、日時表示の場所が記事の下に配置されていたり、もともと無かったりします。

投稿日時が表示されることを嫌がる場合もあるので、この投稿日時の表示をカスタマイズしてみましょう。

テンプレートを編集する

FC2ブログにログインしたら管理画面より「テンプレート」を押します。

FC2ブログの記事の日付を非表示にする方法3 (17)

テンプレートを複製

テンプレートを編集するときには、必ず「複製」を行い、元テンプレートの状態を保持したうえで編集するようにしましょう。

編集したいテンプレートの「複製」を押します。

FC2ブログの記事の日付を非表示にする方法3 (2)

複製元テンプレートと区別がつくようにテンプレート名を変更しておくと良いでしょう。名称を変更したら「更新」を押します。

FC2ブログの記事の日付を非表示にする方法3 (3)

複製し名前を変更したテンプレートを編集していきます。「編集」を押しましょう。

FC2ブログの記事の日付を非表示にする方法3 (4)

編集する箇所

日時表示を変更するには「HTML」を編集して行きます。

テンプレート管理画面の下に「HTML編集」という箇所があります。

FC2ブログの記事の日付を非表示にする方法3 (5)

日時表示を編集する

キーボードの「Ctrlキー」「Fキー」を同時に押すと、検索窓が左下に表示されます。

検索窓で<%topentry_year> を検索してください。このテンプレート(basic_white)だと、2ヶ所見つかります。

記事のタイトルの下の日時表示部分は、次のようにコードが書かれています。

<ul class="entry_date">
	<li><%topentry_year>/<%topentry_month>/<%topentry_day></li><li><%topentry_hour>:<%topentry_minute></li>
</ul>

簡単に説明すると、リスト形式を指定するタグ「<ul>と<li>」と、以下の日時を表すタグ、表示上の日時を区切る「/」「:」で作られています。

  • <%topentry_year>: 年(西暦)
  • <%topentry_month>: 月
  • <%topentry_day>: 日にち
  • <%topentry_hour>: 時
  • <%topentry_minute>:分

完全に非表示にするには、日時を表示するための部分である「<li>」で囲まれた範囲を削除します。

<ul class="entry_date">

</ul>

プレビューしてみます。

FC2ブログの記事の日付を非表示にする方法3 (8)

これで投稿日時が消えました。

このテンプレート(basic_white)には、もう1つ日時表示のコードがありました。

<ul class="list_body">
	<!--topentry--><li><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_hour>:<%topentry_minute>) : <a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a> : <a href="<%topentry_link>" title="<%topentry_description>"><%topentry_title></a></li><!--/topentry-->
</ul>

この部分は何に使われているかというと、検索フォームで内部検索したときの表示です。

FC2ブログの記事の日付を非表示にする方法3 (9)

この検索結果に付いてくる表示を消すには、先ほどと同じように日時表示部分を消すのですが、「<li>」で囲まれた範囲には、日時表示だけではなく、検索結果の他の情報も書かれているので日時表示のみ削除します。

<ul class="list_body">
	<!--topentry--><li><a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a> : <a href="<%topentry_link>" title="<%topentry_description>"><%topentry_title></a></li><!--/topentry-->
</ul>

FC2ブログの記事の日付を非表示にする方法3 (10)

内部検索の結果からも日時が削除できました。

サイドバー「最新記事」の日付情報の編集

サイドバーで「最新記事」というプラグインには、記事タイトルの横に日付表示が付いています。

FC2ブログの記事の日付を非表示にする方法3 (11)

これも削除することができます。

管理画面より「プラグイン」を押します。

FC2ブログの記事の日付を非表示にする方法3 (12)

プラグイン設定の中から、「最新記事」の「詳細」を押します。

FC2ブログの記事の日付を非表示にする方法3 (13)

「プラグインの改造」の「HTMLの編集」を押します。

FC2ブログの記事の日付を非表示にする方法3 (14)

FC2ブログの記事の日付を非表示にする方法3 (15)

<li &align>
	<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>

「<%recent_month>、<%recent_day>」を削除します。

<li &align>
	<a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
</li>

これで最新記事の日付が消えました。

FC2ブログの記事の日付を非表示にする方法3 (16)

まとめ

今回は完全に削除しましたが、「日付は欲しい。時間だけ削除したい」というのであれば、「<%topentry_hour>、<%topentry_minute>」の部分だけ削除するということもできます。

必要な部分だけを使って投稿日時の情報をデザインできます。

テンプレートによって編集箇所が異なりますが、変更点となるタグは同じです。

慣れるまでは大変かもしれませんが、デザインの幅が広がりますので、ぜひチャレンジしてみて下さい。

おすすめ参考記事

Twitterでフォローしよう

おすすめの記事
アフィBに無料会員登録する方法
アフィリエイト
afbについて ブログアフィリエイターに必須であるASP。今回は「アフィB(afb)」(アフィビー)の登録の方法を紹介します。 afb は振...