記事下のコメントへのリンク文字を英語からカタカナにしたいです。
各記事の下に表示されているコメントへのリンク文字のサイズを大きくしたいのと、「Commments」を「コメント」と、日本語表記に変えたいのですが、CSSを見ても、どこをいじっていいのか分かりません。また、記事中のリンクの文字の色を変更したくてCSSをいじったら、記事下のリンク文字(Permalink,Comments)なども同じ色になってしまいました。
別々の色に変えることは可能でしょうか?
(使っているテンプレートは「花の写真03」です。大幅な変更などはしていません。分からないので…)
初心者です。よろしくお願いします。
回答(1)
1.

<a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>の部分を
<a class="comment_link" href="<$ArticlePermalink$>#comments">コメント(<$ArticleCommentCount$>)</a></IfArticleAllowComment>のように変更・保存します。
CSSで、
a.comment_link {
font-size:larger;
color:Blue;
}
というフォントのサイズと色の指定(書いているものは仮のものです)を追加します。コメントの部分が見辛くて、とても困っていたので、大変助かりました。本当にありがとうございました!
コメント(5)
>>1.BLUEPIXYさま
早速、ご丁寧にご回答をいただき、ありがとうございました☆
教えていただいた通りにやってみたら、すぐに出来ました!
初心者で、何も分からなかったので、本当に助かりました!!
それから、もう一つ…度重なる質問で恐縮なのですが、その後、コメント以外の記事下のリンク文字(Permalink、拍手、カテゴリーリンク、Blogトップへ、前の記事・次の記事)も、コメントへのリンク文字と同じように色などを変えようと思ったのですが、やり方が(見方が)分かりませんでした…。
(どの部分が何を表しているのか分からなくて…)
もし、教えていただけたら、大変、ありがたいです。m(_ _)m
>>#1
同じように、リンクに class="Permalink" などのようにクラスづけを追加してやって、
それに対応するCSSを記述すればいいと思います。
どの部分がどれに対応するかは、
例えば、
<a … >Permalink</a>の様に画面に表示されている文字が囲まれているのでわかると思います。
拍手については、疑似タグがスクリプトで展開されるので、テンプレートには直接そのような作業ができません。
多分、
.clap a:link { color:green;}
のような書き方で、色の変更等ができると思います。>>#2.BLUEPIXYさま
2度もお答えいただき、ありがとうございます。
コメントの部分は、CSSに、
/* トラックバック・コメント表示 */
と分かり易く書いてある部分があったので、教えていただいた通り、指定の文字列をすぐ下に追加したら、うまくいったのですが、他の部分については、CSSのどの部分がどれに対応しているのか、何を書き込めばいいのかが分からなくて…。
(CSSが読めないというか)
CSSって何?っていう段階なので、ちんぷんかんぷんで。。
トップページや個別ページなどの、画面に表示されている文字が囲まれている部分は分かるのですが…。
せっかく教えていただいたのに、できないかもです。。(すみません)
教えていただいたこと、保存しておいて、時間ができたらもう少し勉強してみます。
コメントの部分が直せたので、何とか見やすくなり、大変、助かりました!
本当にありがとうございましたm(_ _)m
>>#3
既にある場合は、修正すればいいのですが、
今回の場合、新たにclass 付けを増やしたのですから、
(まとまりとして近い場所に書いておくにこしたことはないのですが)
CSSに書き込む場所はどこでもいいのです。
あ!そうだったんですね。
新たに付け加える場合も、書き込む場所が決まっているのかと思っていました。(ルールが分からなくて。。)
そして、コメントについては、コメントの場所に書き込んだから(書き込む場所が合っていたから)、うまく反映されたのだと思ってしまっていましたが、どこでもよかったんですね。
それなら、出来そうです。
3度に渡り、教えていただき、ありがとうございました☆


