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

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと 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.

>追記内容(「続きを読む」)をいじるには
となっているので、「続きを読む」という文字のことではなく、
追記の文章のことに思えます。
追記の部分の宣言は、スタイルシートの
.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%;
}
こんな感じです。スタイルシートの変更は慣れていますね。
この場合、個別記事を開いた場合、記事の途中の追記の部分から、文字が変化します。
ご希望通りの結果でしょうか?
ご回答ありがとうございます!
やっぱり自分って表現の仕方が貧相みたいで;
色が変更できればいいかなっと思っていたのですが、もっと詳しいところまで説明いただいて。
参考にして自分でいじってみますね。
ありがとうございましたっ!
コメント(4)
ちなみに「.」から始まる記述と「a」から始まる記述って何が違うのかわかりますか?
HTML 内の class 属性に対して CSS から指示するのが、[ .クラス名 ] です。ID 属性に対しては、[ #ID名 ]、アンカー( リンクが貼ってある部分 ) がクラス属性より前にある場合は、[ a.クラス名 ]、アンカーがクラス属性より後ろにある場合は、[ .クラス名 a ] となります。
ついでに、「a」は、リンクを書く時(<a href=)の「a」です。
リンクを付けたところに関する指定だということですね。
リンクが付いたところの文字は、リンクが付いていることを示すための色が付いているので、文字そのものに色指定をしても反映されません。
それで、「a」の付いているところで、色指定をする必要があるわけです。
>> Yuji さん
迷った挙句、初めの直感で回答して良かったです。^^;
また違う何かの質問をされているみたいですね。
だんだんと好みのブログに仕上げてください。(^^)

