ワードプレステーマTwentyTenのサイトタイトル(ヘッダータイトル)は、デフォルトでは真っ黒です(笑 まぁ、それは良いのですが、TOPページへのリンクになっているのにも関わらず、マウスオーバーした時に色すら変わりません…。
ってことで、サイトタイトル文字の色変更及びマウスオーバー時に色が変わる様にカスタマイズしようと思います。それでは、スタイルシートの以下の部分を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを変更して下さい)
/* =Header
-------------------------------------------------------------- */
#header {
padding: 30px 0 0 0;
}
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 15px 0 18px 0;
width: 220px;
}
/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;
}
↓コレを以下の様に追加・変更します。
/* =Header ヘッダー部の設定
-------------------------------------------------------------- */
#header {
padding: 10px 0 0 0;
}
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 650px;
}
#site-title a { /* サイトタイトルのリンク文字設定 */
color: #555;
font-weight: bold;
text-decoration: none;
}
#site-title a:active,
#site-title a:hover {
color: #ff4b33;
} /* 追加部分 */
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 20px 0 5px 0;
width: 220px;
}
※追加・変更するのは、赤い文字のところです。
コレで真っ黒から灰色へ、マウスオーバー時には赤い色になったと思います。チョッとはサイトタイトルっぽくそして、リンクだと言うことが分かる様になったと思います。
なお、サイトタイトルの文字の大きさを変えたい場合は、上記のコノ部分
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 650px;
}
赤色の数字を変えてみて下さい。字の大きさを大きくした場合は、30よりも大きな数字にすればOK!!
それから、右側のサイトディスクリプション(紹介文)の字の大きさや色を変更したい場合は、
#site-description {
clear: right;
float: right;
font-style: italic;
font-size: xxpx; /* 追加 */
color: #xxxxxx; /* 追加 */
margin: 20px 0 5px 0;
width: 220px;
}
この様に追加して下さい。字の大きさはpx(ピクセル)、字の色はカラーコードを追加入力すればOKです。
初めまして。こちらの “サイトタイトルの文字の大きさの変更” を参考にさせていただきました。おかげさまで、大きいと感じていたサイトタイトルの文字は、少し小さくなって満足しています。
ただ、記事のサブタイトルをクリックすると、サイトタイトルが極端にサイズが小さくなってしまいます。 僕が見るに、右にあるサイトコメントと同じぐらいの大きさでしょうか。
何か心当たりがあれば、ご指導願えないでしょうか?よろしくお願い致します。
すみません。さらに酷くなって手を付けられなくなったので、別のテーマにします。お騒がせしました。