テンプレート修正
現在公開中のMovable Type 3.2 テンプレート・Serene Bach テンプレート・FC2ブログテンプレートについて、下記の部分を修正致しました(sbテンプレートは対象外にしました)。
- スタイルシートの全称セレクタから font-weight プロパティを削除
- 見出し用のタイプセレクタを追加
- エントリー日付・コメントタイトル・トラックバックタイトルの配色用セレクタを集約
1 と 2 については、「太字が反映されません」というコメントを何回か頂いたものの修正です。反映されない原因は全称セレクタに font-weight プロパティを設定していたためで、これを 見出し(h1?h6)の font-weight プロパティに変更しました。
具体的には下記の変更を行っています(赤色を削除して青色を追加)。
変更前
/* すべて */
* {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
}
変更後
/* すべて */
* {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
}
/* 見出し */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
3 についても「コメント・トラックバックタイトルの配色はどこで変更すればよいでしょうか?」という質問を何回か頂いていたものの修正です。エントリー日付の配色を変更された際、コメント・トラックバックタイトルの配色も変更されると思いますが、どこを変更して良いか分かりにい状態になっておりました。
これについては1ヶ所の変更でエントリー日付・コメントタイトル・トラックバックタイトルに反映されるよう、配色に関するセレクタをまとめました。
具体的には下記の変更を行っています(赤色を削除して青色を追加)。
変更前
/* エントリー日付 */
.date {
margin: 6px 5px 0;
padding: 2px 0 2px 5px;
color: #ffffff;
background: #8fabbe;
font-size: 11px;
font-weight: bold;
}
.trackbacks-header,
.comments-header,
.comments-open-header {
margin: 15px 0;
padding: 2px 0 2px 5px;
color: #ffffff;
background: #8fabbe;
font-size: 11px;
}
変更後
/* エントリー日付 */
.date {
margin: 6px 5px 0;
padding: 2px 0 2px 5px;
font-size: 11px;
font-weight: bold;
}
/* エントリー日付・コメントタイトル・トラックバックタイトルの配色 */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header {
color: #ffffff;
background: #8fabbe;
}
.trackbacks-header,
.comments-header,
.comments-open-header {
margin: 15px 0;
padding: 2px 0 2px 5px;
font-size: 11px;
}
その他、軽微な誤りも併せて修正しています。Movable Type で動作確認したものを他のテンプレートに反映させておりますので、不具合等ございましたらご連絡ください。
- Movable Typeのコンテンツデータで公開日を比較する方法
- MT7テンプレート作成画面に表示される「コンテンツタイプ」「コンテンツフィールド」の意味
- Movable Typeでテンプレートの動作を簡単に確認する方法
- Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
- Movable TypeでCSSファイルやJavaScriptファイルなどを管理するためのTips
- Movable Type 4.2 テンプレートセット(コミュニティ用)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)
- Movable Type 4.2 配布テンプレートセット修正(カテゴリーアーカイブ・コメント完了)
- Movable Type 4.2 テンプレートセット修正(アーカイブインデックス追加等)
- Movable Type 4.2 テンプレートセット修正
- Movable Type 4.1 テンプレートセット修正
- 「iPhoneテンプレートfor MT」 by cremadesign
- Movable Type 4.1 テンプレートセット(スタイル対応版)
- 小粋空間テンプレートセットのカラムレイアウト変更方法
≫ スタイルシート一部修正 from てぃあら
エントリ中で 太字にしたい文字列を <b></b> で囲んでも 文字が太字にならなかったんだけどなんでかな??と思いつつ ずっとそ... [続きを読む]
おはようございます。遅ればせながら 1000000カウント突破、おめでとうございますぅ
すばらしいですね!うちは 一番アクセスの多い やむやむですら
yujiroさんのところの10分の1にも満たないノロノロペースですが
のんびりボチボチやっていこうと思ってます。
SereneBach で 以前 太字にしたつもりなのになってないことがあって
どうしてなのかな?・・・・と思ってたことが解決しました。ありがとうございました。
>さえらさん
こんにちは。
コメントありがとうございます。
さえらさんのサイトの記念アクセスも楽しみにしています。
CSSはおおざっぱに設定し過ぎていました。すいません。