livedoor2006年08月08日
Q. 日付と時刻を消したい 日付と時刻を表示しないようにしたい
ブログの特徴の一つに、投稿に日付や時刻が付くということがあります。
そのため、ブログは「インターネット上の日記のようなもの」と説明されることも少なくありません。
しかし、ブログは日記のような使い方だけをするものではありません。
用途によっては、日付や時刻の表示が邪魔に感じる人も少なくないようです。
比較的簡単なカスタマイズです。
日付と時刻の表示を消す、表示しなくする方法を、各々について説明します。
どちらか片方を消したい場合は、そちらの方法だけを利用してください。
これから説明する方法では、個々の投稿記事別に表示を切り替えることはできません。
○ 日付の表示の消し方
全てのページの日付が消えると思いますが、それで構わなければ、スタイルシートをいじって消します。
日付欄に画像や枠線が使われている場合、それも消えると思います。
月別カテゴリで見た場合は、カテゴリーの名前としての年月は上に出ます。
記事の並び順は、投稿時、編集時に設定した日付順のままです。
管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあります。
そこの［デザインを変更する］をクリックすると、「デザインの設定」ページが開きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
表示されているスタイルシートの上から1/4くらいのとこにある
.date{ }
の{ }中（{ }の中に他にどういう記述があるかは、デザインによって変わります）に
display:none;
という行を追加すれば、日付が消えます。
単に、中身を削除するだけでは、表示は消えないでしょう。
［この内容で保存する］をクリックして設定してください。
日付を消すだけでよければ、「ブログに設定を反映（再構築）」のページで「デザイン（CSS）」に合わせて［ブログを再構築する］をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して（更新して）確認してください。
○ 時刻の表示の消し方
次は、時間を表示を消します。
今度は、HTMLテンプレートを変更します。
デザインの「カスタマイズ」ページで、上の
スタイルシート（CSS） | トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
の内、トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブが各々のHTMLテンプレートです。
時刻表示のHTMLソースを削除しますが、デザインによって場所が違います。
一般的な、記事の下に時刻やコメントが並ぶものの場合は、
<div class="posted"><$ArticleAuthor$> at <$ArticleTime$>｜ <a href="<$ArticlePermalink$>">この記事のURL
の中の
at <$ArticleTime$>
を削除します。
記事の横に縦に並ぶタイプのものは、
<div class="articletimes">(<$ArticleTime$>)<br clear="all"></div>
という行を削除します。
削除したら［この内容で保存する］をクリックして保存してください。
各HTMLテンプレート毎に、削除と保存をしなければなりません。
とりあえず、トップページのHTMLテンプレートで変更して保存したら、左上のほうにある「ブログに設定を反映（再構築）」をクリックして再構築のページへ進み、下のほうのプルダウンフォームは［インデックス（トップの記事）］のままで、［ブログを再構築する］をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、ブログを開き直して（更新して）確認してください。
うまくいっていたら、他の全てのHTMLテンプレートも同様に変更します。
全ての保存が終わったら、再構築のページで、プルダウンフォームを［全てのページ］に合わせて、再構築してください。
「サイトの再構築が完了しました。」のメッセージが出たら、ブログを開き直して（更新して）確認してください。
時刻のほうはHTMLテンプレートを変更していますが、デザインによって、場所やHTMLソースが異なります。ここで取り上げた2パターン以外のものもあるかも知れません。
そのため、ブログは「インターネット上の日記のようなもの」と説明されることも少なくありません。
しかし、ブログは日記のような使い方だけをするものではありません。
用途によっては、日付や時刻の表示が邪魔に感じる人も少なくないようです。
比較的簡単なカスタマイズです。
日付と時刻の表示を消す、表示しなくする方法を、各々について説明します。
どちらか片方を消したい場合は、そちらの方法だけを利用してください。
これから説明する方法では、個々の投稿記事別に表示を切り替えることはできません。
○ 日付の表示の消し方
全てのページの日付が消えると思いますが、それで構わなければ、スタイルシートをいじって消します。
日付欄に画像や枠線が使われている場合、それも消えると思います。
月別カテゴリで見た場合は、カテゴリーの名前としての年月は上に出ます。
記事の並び順は、投稿時、編集時に設定した日付順のままです。
管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあります。
そこの［デザインを変更する］をクリックすると、「デザインの設定」ページが開きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
表示されているスタイルシートの上から1/4くらいのとこにある
.date{ }
の{ }中（{ }の中に他にどういう記述があるかは、デザインによって変わります）に
display:none;
という行を追加すれば、日付が消えます。
単に、中身を削除するだけでは、表示は消えないでしょう。
［この内容で保存する］をクリックして設定してください。
日付を消すだけでよければ、「ブログに設定を反映（再構築）」のページで「デザイン（CSS）」に合わせて［ブログを再構築する］をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して（更新して）確認してください。
○ 時刻の表示の消し方
次は、時間を表示を消します。
今度は、HTMLテンプレートを変更します。
デザインの「カスタマイズ」ページで、上の
スタイルシート（CSS） | トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
の内、トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブが各々のHTMLテンプレートです。
時刻表示のHTMLソースを削除しますが、デザインによって場所が違います。
一般的な、記事の下に時刻やコメントが並ぶものの場合は、
<div class="posted"><$ArticleAuthor$> at <$ArticleTime$>｜ <a href="<$ArticlePermalink$>">この記事のURL
の中の
at <$ArticleTime$>
を削除します。
記事の横に縦に並ぶタイプのものは、
<div class="articletimes">(<$ArticleTime$>)<br clear="all"></div>
という行を削除します。
削除したら［この内容で保存する］をクリックして保存してください。
各HTMLテンプレート毎に、削除と保存をしなければなりません。
とりあえず、トップページのHTMLテンプレートで変更して保存したら、左上のほうにある「ブログに設定を反映（再構築）」をクリックして再構築のページへ進み、下のほうのプルダウンフォームは［インデックス（トップの記事）］のままで、［ブログを再構築する］をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、ブログを開き直して（更新して）確認してください。
うまくいっていたら、他の全てのHTMLテンプレートも同様に変更します。
全ての保存が終わったら、再構築のページで、プルダウンフォームを［全てのページ］に合わせて、再構築してください。
「サイトの再構築が完了しました。」のメッセージが出たら、ブログを開き直して（更新して）確認してください。
時刻のほうはHTMLテンプレートを変更していますが、デザインによって、場所やHTMLソースが異なります。ここで取り上げた2パターン以外のものもあるかも知れません。
- 共通テーマ：
- livedoorBlog全般 テーマに参加中！
