注目タグ

質問・疑問

トピック詳細

コメントタイトルのカスタマイズで

コメントをして下さった方のタイトルは

From:○○さん

とし、
返信コメントタイトルは

Re: ○○ さん

と、
したい場合はどのようなカスタマイズをすれば
良いでしょうか?

現在は

<div class="comment_title">
<%comment_title>
</div>

とし、CSSで

.pen .comment_title {

と、
分けているのですが、コメントを頂いてる多くの方は
コメントタイトルを入れない場合が多いので
カスタマイズが出来たらと思っています。

2014年01月14日 05:39  by Pen

コメント一覧 6件中、1~6件表示

  • 標野様

    またまた、回答ありがとうございます。

    テンプレは、知識もないのにやりたい事をあれやこれやと
    検索しては貼り付けて作った物なんです。
    記事のタイトルの「 携帯 」まで取り残されるとは・・・。(T_T)
    記事タイトルと左のワンコアイコンには確かに
    positionを指定してあるんです。

    .entry_title {
    position: relative;
    }
    img.logo {
    position:absolute;
    }

    この値を変えると、entry title のグレー背景が消えてしまうんですよね。

    コメント欄に使ってる吹き出しも
    値を変えると吹き出しの三角部分が消えます。

    これだと、当初の質問と変わってしまうので
    改めて質問しないとダメですね。^^;

    何度も何度もありがとうございました。

    2014年01月16日 07:45 by Pen

  • 管理人さんの返信に
    親コメント主さんのお名前を含めるというのは
    今のFC2ブログのコメント投稿システムでは難しそうですね。

    管理人コメントやエントリ別コメントを区別はできても
    コメントの親子関係がFC2ブログのソース上には反映されないみたいですもんね^^;
    あまりお役に立てなくてごめんなさい。


    表示の不具合の方
    きちんとCSSの勉強をしたわけではないので、アレですが
    やはりpositionの値が食い違っているのが気になりますよね。
    スクロールさせたいわけだからrelativeに揃えてみられては?

    ちなみにエントリ内の
    ワンちゃんのアイコンと「携帯」という文字も
    正しくスクロールせずに取り残されちゃいます^^;
    そちらにもposition値の食い違いがあるようなら、これが真犯人かも。

    2014年01月15日 13:57 by 標野ゆき

  • 標野様

    度々、回答ありがとうございます。

    おっしゃる通りにすれば、コメントを頂いた方のタイトル表示は
    上手くいくのですが、返信コメント用のタイトルが非表示になってしまい
    「 Re: ○○ さん 」といかないのが悩みの種です。
    FC2の場合、返信コメントの変数がないので出来ないのかも知れませんね・・・。

    一方、ブログの表示不具合の件ですが
    コメント部分の本文がスクロールについて来ないのですね。
    コメントの本文をCSSで吹き出し風にしてあるのですが。

    .comment_text {
    color: #e5e4e6;
    margin: 2px 20px 5px 30px;
    padding: 8px 10px 8px 20px;
    background-color: #474a4d;
    border-radius: 10px;
    position: relative;
    }
    .comment_text:after {
    content: "";
    border: 10px solid transparent;
    border-top-color: #474a4d;
    bottom: -9px;
    position: absolute;
    right: 150px;
    border-bottom-width: 0px;
    display: block;
    width: 0px;
    }

    このCSSの position が悪さをしているのでしょうか?
    特にXYZ値は使っていないので。
    お恥ずかしいですが、知識がないものですから。
    何度もアドバイス、感謝です。

    2014年01月15日 12:07 by Pen

  • 「さん」の部分だけを
    <span class="<%comment_name>">さん</ span>
    このようなタグでサンドイッチして
    管理人さんのときだけ非表示にしたらうまくいくんじゃないでしょうか。

    スタイルシートに
    .管理人さんのお名前 { display: none; }
    こんな感じのスタイル指定を追加するのが一般的なように思います。

    それと
    シメノがpenさんのブログを閲覧する時の不具合は
    スクロールした時にコメント欄内の本文部分がグレーの背景ごと置いていかれる
    ・・・というものがメインです。

    表示にXYZインデックス値などを使っておられるのでしたら
    そうした部分が原因かも・・・くらいのことしか思いつかなくてごめんなさい。
    ちなみにシメノのOSはWIN8で、ブラウザはIE11です。
    IEは普通のユーザが多そうなので、ほかのものに替えずに使っています。

    2014年01月15日 09:27 by 標野ゆき

  • 標野様

    回答、ありがとうございます。
    ご指摘の通り「 From:<%comment_name>さん 」とした場合
    管理人の返信部分も同じ表示になってしまい
    スタイルシートであれこれやってみたのですが、
    どうにも上手くいかない状態です。

    それより、ブログ自体が正常に表示されない方が問題ですね。
    テンプレートは、色々なサイトを見ながら作った物です。
    Mac使用なので、Winでの表示を確認出来ない為
    Winでの表示がおかしいのだと思うのですが
    これまたどう修正すべきなのやら・・・。

    2014年01月14日 22:59 by Pen

  • テンプレートの編集で
    コメントタイトルを表示する
    <%comment_title> の部分を
    「From:<%comment_name>さん」に変更して
    表示を確かめてみられてはいかがでしょうか。

    ただ、これだけだと
    管理人さんのご返信にも「さん」がついてしまうので
    スタイルシートで表示に工夫をする必要があると思います。

    表示するためのタグを変更して
    コメントタイトルを入力・編集するための書き込み欄は
    まるっと削除してしまった方がいいかも。

    おつかいのテンプレートは
    シメノのブラウザでは正常に表示されないので
    試して確認することができず、不確実なアドバイスでごめんなさい。

    2014年01月14日 16:27 by 標野ゆき