Hatena::ブログ(Diary)

はてなダイアリー日記 このページをアンテナに追加 RSSフィード

使い方に関するご質問、不具合報告やご要望は、お問い合わせ窓口で承ります。
使い方のコツなどを知りたい時は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※コメント欄へのご質問には対応できない場合がございますのでご了承ください。

2007/11/15

コメント欄を新しいレイアウト、HTML構造に刷新しました

18:18

本日はてなダイアリーコメント欄レイアウトHTML構造を刷新し、新しいコメント構造にいたしました。

f:id:hatenadiary:20071115180243g:image

主な変更点は以下の通りです。(先日の告知と同内容です。)

先日よりd2.hatena.ne.jp新しいコメント構造を実験しておりましたが、特に問題はないと判断し本番環境に反映いたしました。コメントトラックバックでご意見、ご感想をいただいたユーザー様、ありがとうございました。

また、今回の変更の影響で、お使いのデザインテーマによってはレイアウトが崩れていることがございます。かんたんデザインで提供しているテーマについては近日中にはてなで対応を行う予定ですが、ご自身でテーマ更新希望されるテーマ作者様は、お手数ですがはてなまでご連絡いただければと思います。

その他詳細な変更点については以下をご覧ください。

HTML構造の変更

<form id="comment-form" class="comment">
  <div class="comment">
    <div class="caption"><a name="c">コメントを書く</a></div>
    <div class="commentshort">
      <p>
        <span class="commentator"><a class="hatena-id-icon"><img class="hatena-id-icon">username</a></span>
        <span class="timestamp"><a href="permalink">2000/00/00 00:00</a></span> 
        <span class="commentbody">コメント本文</span>
      </p>
      <p class="commentform">
        <span class="commentator"><input id="comment-username" name="username" size="15" value=" "></span><br>
        <textarea></textarea>
        <input value="投稿" type="submit">
      </p>
    </div>
  </div>
</form>

base.cssの指定

.commentshort p img.hatena-id-icon {
  margin-left: 0;
}

.commentshort span.commentbody {
  display: block;
  padding: 0.2em 0 0.4em 0;
}

.commentshort span.timestamp a {
  color: #999;
  margin-left: 0.5em;
  text-decoration: none;
  font-weight: normal;
}

.commentshort span.timestamp {
  font-size: 90%;
}

ura4maura4ma 2007/11/15 15:18
■はてなカウンター(ユーザーアップロード画像)が表示されない件
本日、はてなカウンターのメンテナンスの方は予定通り完了とのことですが、
私の使っているユーザーアップロード画像(field)が表示されないのですが、
メンテナンスの関係で表示されなくなったのでしょうか?

※カウンター設定で確認したところ、他のユーザーアップロード画像も表示されないようです

_

hatenadiaryhatenadiary 2007/11/15 15:33 ご指摘ありがとうございます。調査いたします。

dosankotvdosankotv 2007/11/15 16:05 カウンターのメンテナンス以降、221.186.129.147(はてなのIPですよね?)というIPがやたらとログに残っているのですが、クロールしているBOTか何かでしょうか?今まで見たことがなかったのでちょっと驚いているのですが。

vowvow 2007/11/15 19:40 HTML構造の例示に下記が含まれていません。
<p class=”commentdetele”><input type=”submit” name=”deletecomment” value=”コメントを削除する”></p>
謎っぽい detele【でてれ】については実験環境の間にTBしておいたはずですが、それを読んだ上で変更なしにそのまま本環境に実装したということは、「でてれ」のままで仕様通りで正しいのですよね? ちゃんと「でてれ」と記事に書き足してください。

hatenadiaryhatenadiary 2007/11/15 20:27 ご指摘ありがとうございました。”commentdelete”に変更いたしました。

meiberumeiberu 2007/11/15 20:42 メンテ以降、おなじくカウンターのアクセス元のログが、
ほとんど、221.186.129.147と表示されるのですが、
正しい表示になるように直して欲しいのですが。

yu--nyanyu--nyan 2007/11/15 20:53 >meiberuさん
その件については下記ページに書いてあります。
http://hatena.g.hatena.ne.jp/hatenacounter/20071115/1195125769

waka_izwaka_iz 2007/11/15 21:22 “ユーザー名・書き込み日時の後が改行されて本文が始まるような指定にしました”とのことですが、私のデザインテーマははてなさんのサバンナを純正で使っておりますが改行が反映されていないようです。サンプル画面のように改行したほうが見やすいので改行方法があったら教えていただければと思います。あまりPCに詳しくなくてすみません。

hatenadiaryhatenadiary 2007/11/16 12:24 > waka_iz様
キャッシュと呼ばれる過去のデータが読み込まれている可能性がございます。Ctrl+F5キーを押してデータの強制再読込をお試し頂けますでしょうか。

anna_22anna_22 2007/11/16 15:08
ああ、そうですか

waka_izwaka_iz 2007/11/16 22:27 直りました。アドバイスありがとうございました。