解決済

「続きを読む」の文字を小さく

 お久しぶりです。またまた質問を。

 ブログのデザインを変更した際に記事の文字が大きくなってしまったので、カスタマイズを使って文字を元のサイズに戻したのですが、「続きを読む」の文字だけが鬱陶しいぐらいの大きさであらせられます。

 どこをどのように変更すれば、この「続きを読む」の文字を小さくできるのでしょうか?
 回答、よろしくおねがいします。

2006-07-08 21:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

1.

2006-07-08 21:21:57ベスト
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。その内、CSS に新たな " 続きを読む " に対する指示を記述します。

通常続きを読むは、記事本文の文章に対して指示されている命令に則します。この " 続きを読む " に単独で命令を出す為にはこの記述を CSS に新たに書き込みます。↓

/* 続きを読むのフォントサイズ */
.continues{font-size:○○px;}

場所はどこでも良いですよ。自分でわかりやすい位置に書き込んで下さい。○○の中に数字を入れて、自分の好みのサイズに調整して下さい。

書き込んだら、CSS を保存。CSS の再構築をかけます。ブラウザーを再読み込みすれば表示反映されています。
回答レベル : 回答

 改めて、ありがとうございました。
 また何かあればよろしく御願いします。

Ads By Google

コメント(5)

#1.  AQ♪
2006-07-08 21:30:29

ついでに書いておきますね。" 続きを読む " のリンクテキストのカラー変更の方法です。もうすでに、あなたの CSS にはその指示が空 ( カラ=何も指示がされていない状態 ) で現存していると思います。それの記述を変更します。現在こんな感じで見つけられるはずです。↓

a.continues{}
a.continues:link{}
a.continues:visited{}
a.continues:active{}
a.continues:hover{}

これをこうします。↓

a.continues{}
a.continues{color:#○○○; text-decoration:none;}
a.continues:link{color:#○○○; text-decoration:none;}
a.continues:visited{color:#○○○; text-decoration:none;}
a.continues:active{color:#○○○; text-decoration:none;}
a.continues:hover{color:#□□□; text-decoration:underline;}

最後の□だけ色を変える事で、マウスをあてた時にテキストのカラーが変化します。

#2.  AQ♪
2006-07-08 21:31:12

text-decoration:none;
下線なし
text-decoration:underline;
下線あり

となります。変更したら同じように CSS の保存、再構築を忘れないで下さい。

#3.  空気
2006-07-09 01:30:16

 回答ありがとうございました! 
 おかげさまで何とかなりそうです。

 それとすいませんがもう一つ質問を。
 新しくスレッド(?)を立てようと思ったのですが、最初の質問に関連しているのでここで。
 
 今気付いたのですが、実はコメント欄も文字が大きくなっていました。これも小さくできますか?

#4.  AQ♪
2006-07-09 01:52:51

>>#3
CSS の中の、

.trackbacktext,.commenttext{ }

です。現在の CSS の中に font-size:○○px; があれば、その数字を変更して下さい。なければ新たに追加して下さい。それで変更できます。

解決したならば、どうぞ解決済みにしておいて下さい。
宜しくお願い致します。(^^)

#5.  AQ♪
2006-07-11 22:40:43

>空気さん
こちらこそ。
ベストありがとうございました (^^)

トラックバック

トラックバックURL: