解決済

投稿記事の追記内容の設定について

追記内容(「続きを読む」)をいじるにはCSSのどの部分をいじればいいでしょうか?
教えていただければ光栄です。
よろしくお願いします。
ちなみに文字色と大きさを変えたいと思っています。

2006-05-16 01:48の質問
投稿記事    追記  続きを読む            
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2006-05-16 03:19:42ベスト
" 続きを読む " の文字そのものを変更するのですね?

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の、CSS ( スタイルシート ) の記述を書き換えます。
CSS を上から順に見ていくと ・・・

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

こういう部分があります。そのれぞれのこの中に、色コードを指定します。例えば、

a.continues{color:#○○○;}
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:none;}

最後の部分 △△△ の色コードを変える事により、マウスカーソルを載せた時に文字色が変化します。リンクされている " 続きを読む " に下線を入れる時は、text-decoration:underline;を、入れない時は、text-decoration:none; と表記します。これが文字色を変える方法です。

次にフォントサイズの変更ですが、.continues{ } にフォントサイズを指定すれば良いのですが、あなたのブログの CSS に .continues{ } が初めから無ければ、新たに追記します。追記する場所はどこでも良いのですが、先ほど記述変更した、a.continues{ } の下あたりが良いのじゃないでしょうか?

.continues{font-size:○○px;}

と記述すれば OK です。○○は任意の数字をお入れください。
CSS を保存。再構築をかけて下さい。
回答レベル : 回答

前回に続きありがとうございますっ!
AQさんにはいつもお助けいただいてもらってすみません。
でもナレッジでは許されるんですよね?ww
また近々ブログのほうに出没させてもらいます♪
適切な回答ありがとうございました。

2.

2006-05-16 11:54:49ベター
ご質問が、
>追記内容(「続きを読む」)をいじるには
となっているので、「続きを読む」という文字のことではなく、
追記の文章のことに思えます。

追記の部分の宣言は、スタイルシートの
.main,.mainmore{}
の中にあります。
もし、追記の部分の指定を別にしたいのなら、これを分けます。
現在のスタイルシートが
	.main,.mainmore{
		padding:10px 0 15px;
		font-size:12px;
		text-align:left;
		line-height:150%;
	}
という状態なら、これの追記部分のみの文字を
色を青、太字、サイズを14pxと変えた時は、こんな具合になります。
	.main{
		padding:10px 0 15px;
		font-size:12px;
	  	text-align:left;
		line-height:150%;
	}
	.mainmore{
		color:#0000ff;
		padding:10px 0 15px;
		font-size:14px;
	  	font-weight: bold;
	  	text-align:left;
		line-height:150%;
	}
こんな感じです。

スタイルシートの変更は慣れていますね。

この場合、個別記事を開いた場合、記事の途中の追記の部分から、文字が変化します。
ご希望通りの結果でしょうか?
回答レベル : 回答

ご回答ありがとうございます!
やっぱり自分って表現の仕方が貧相みたいで;
色が変更できればいいかなっと思っていたのですが、もっと詳しいところまで説明いただいて。
参考にして自分でいじってみますね。
ありがとうございましたっ!

Ads By Google

コメント(4)

#1.  Yuji
2006-05-16 04:45:08

ちなみに「.」から始まる記述と「a」から始まる記述って何が違うのかわかりますか?

#2.  AQ♪
2006-05-16 05:02:22

HTML 内の class 属性に対して CSS から指示するのが、[ .クラス名 ] です。ID 属性に対しては、[ #ID名 ]、アンカー( リンクが貼ってある部分 ) がクラス属性より前にある場合は、[ a.クラス名 ]、アンカーがクラス属性より後ろにある場合は、[ .クラス名 a ] となります。

#3.  horsefly
2006-05-16 07:58:50

ついでに、「a」は、リンクを書く時(<a href=)の「a」です。
リンクを付けたところに関する指定だということですね。

リンクが付いたところの文字は、リンクが付いていることを示すための色が付いているので、文字そのものに色指定をしても反映されません。
それで、「a」の付いているところで、色指定をする必要があるわけです。

#4.  AQ♪
2006-05-16 19:32:46

>> Yuji さん
迷った挙句、初めの直感で回答して良かったです。^^;
また違う何かの質問をされているみたいですね。
だんだんと好みのブログに仕上げてください。(^^)

トラックバック

トラックバックURL: