1. タイトル表示←→日付表示 交換

2007年09月01日

変更前
変更前
=> 変更後のイメージ
変更後のイメージ

登録したテンプレートでは、ブログのタイトルより投稿日の方が目立っているような感じがしました。
タイトルの位置と投稿日の位置とを、交換できればいいなと思いました。


テンプレートの編集は、

　1)　左メニューの「テンプレート」
　2)　「カスタマイズ」

から、行います。

スタイルシート
変更前
行 内容
182 .date{
注意：date の前に . （ドット）があります
変更後
行 内容
182 .title{
注意：title の前に . （ドット）があります
変更前
行 内容
204 .title{
注意：title の前に . （ドット）があります
変更後
行 内容
204 .date{
注意：date の前に . （ドット）があります

トップページ
変更前
行 内容
31 <IfDateChanged><h2 class="date"><%EntryDate%></h2></IfDateChanged>
変更後
行 内容
31 <h3 class="title"><%EntryTitle%></h3>
<IfDateChanged> と </IfDateChanged> とを取っちゃいましたが。
大丈夫でありますように…。　(ー人ー)
変更前
行 内容
35 <h3 class="title"><%EntryTitle%></h3>
変更後
行 内容
35 <h2 class="date"><%EntryDate%></h2>

個別記事
変更前
行 内容
27 <h2 class="date"><%EntryDate%></h2>
変更後
行 内容
27 <h3 class="title"><%EntryTitle%></h3>
変更前
行 内容
30 <h3 class="title"><%EntryTitle%></h3>
変更後
行 内容
30 <h2 class="date"><%EntryDate%></h2>

アーカイブ
変更前
行 内容
29 <IfDateChanged><h2 class="date"><%EntryDate%></h2><a name="<%EntryDateTag%>"></a></IfDateChanged>
変更後
行 内容
29 <IfDateChanged><h3 class="title"><%EntryTitle%></h3><a name="<%EntryDateTag%>"></a></IfDateChanged>
変更前
行 内容
32 <h3 class="title"><%EntryTitle%></h3>
変更後
行 内容
32 <h2 class="date"><%EntryDate%></h2>

自信は… 全然ありません。　r(へへ；。。。

テンプレート編集の前には、バックアップを取っておかれることをお勧めします。



同じカテゴリー（デザイン）の記事画像
14. 個別記事のレイアウト崩れを直す
12. サイドバーのメニューを中央寄せにする
11. 投稿日を右端に表示する
10. サイドバー内の記事へのリンクなどを見やすくする
9. ブログのタイトル部分の背景画像を取る
同じカテゴリー（デザイン）の記事
 14. 個別記事のレイアウト崩れを直す (2007-09-24 00:00)
 12. サイドバーのメニューを中央寄せにする (2007-09-21 00:00)
 11. 投稿日を右端に表示する (2007-09-17 00:18)
 10. サイドバー内の記事へのリンクなどを見やすくする (2007-09-16 00:00)
 9. ブログのタイトル部分の背景画像を取る (2007-09-13 00:00)

Posted by お京 at 00:00 │デザイン
このBlogのトップへ
このページの上へ▲