WordPressの記事の日付やタイトルの大きさ・色を変更する
WordPressは、defaultの記事の日付やタイトルの文字が少し大きすぎます。もう一回り小さい方が全体のバランスがよくなるのでさっそく修正しました。
WordPressは、XOOPSのthemeのCSSではなく、モジュール内のCSSを使用していますから、修正するのは、
〜/modules/wordpress/modules/wordpress/themes/default/wp-layout.css
になります。修正箇所は11行目付近からです。
記事日付は h2タグでfont-size:18px、記事タイトルは h3タグでfont-size:16px で表示されていますので、それらをそれぞれ 16px、14px に変更します。
[変更前]
#wpMainContent h2 {
font-size : 18px;
font-family: “ヒラギノ角ゴ Pro W3″, Osaka, Verdana, “MS Pゴシック”, sans-serif;;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 5px;
}#wpMainContent h3 {
font-size : 16px;
font-family: “ヒラギノ角ゴ Pro W3″, Osaka, Verdana, “MS Pゴシック”, sans-serif;
margin-bottom: 5px;
}
[変更後]
#wpMainContent h2 {
font-size : 16px;
font-family: “ヒラギノ角ゴ Pro W3″, Osaka, Verdana, “MS Pゴシック”, sans-serif;;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 5px;
}#wpMainContent h3 {
font-size : 14px;
font-family: “ヒラギノ角ゴ Pro W3″, Osaka, Verdana, “MS Pゴシック”, sans-serif;
margin-bottom: 5px;
}
タイトルの色もネズミ色からブルー系統に変更。こちらは44行目付近です。a:visited の定義もしないと、閲覧済みの記事のタイトルがネズミ色になってしまいます。
[変更前]
#wpMainContent .storytitle a {
text-decoration: none;
}
[変更後]
#wpMainContent .storytitle a {
text-decoration: none;
color: #639ACE;
}
#wpMainContent .storytitle a:visited {
color: #639ACE;
}
← 役に立ったなあと思ったら、ポチっとお願いします。TrackBacks
TrackBack URL : http://takeiteasy.squares.net/modules/wordpress/wp-trackback.php/19
この投稿には、まだコメントが付いていません
