livedoorブログのコメント欄は、どうやって直すのか？
うちのブログはファンブログなんですが、今回は特別にそれを見ていきたいと思います。
ライブドアブログの良いところ
livedoorブログの良いところはカテゴリーを２個選べるところだと、思います。
ファンブログをはじめ、多くのブログではカテゴリーは１つしか選べません。
でも、２個選べると助かる事があります。たとえば、みそラーメンの記事を書いたときにカテゴリーを「みそ」にするか「ラーメン」にするか悩んだことはありませんか？ライブドアなら、その心配はいりません。
もうひとつは、コメント欄の表示順を、古いものからにするか、新しいものからにするかを選べるという特徴があります。
まあ、これも好みの問題と言ってしまえば、それまでです。しかし、コメントは新しいものが上であるのにもかかわらず、コメント入力フォームが下というのはいただけません。
コメントを書かれた順番に読むためには、画面の下から上にあがっていかねばならず、読み終わってから、自分が何かをコメントしたくなったら、画面のいちばん下に行かなくてはならない。さらに、自分の送信したコメントを確認するためには、ふたたび画面の上に戻る必要がある。
では、コメント表示欄と、コメント入力フォームを入れ替えるにはどうしたらよいのか。
「ライブドアブログのコメント表示欄と、コメント入力フォームを入れ替えたい」
「ブログの設定」画面の、「デザイン / ブログパーツ設定」から「PC」をクリック。
「デザインカスタマイズ」タブを選択。さらに「個別記事ページ」を選択します。
編集画面の最後のほうに次の場所があります。
<!-- ..... Options ..... --> <div id="article-options"> <$TrackBackForm$> <$TrackBacksList$> <$CommentsList$> <$CommentForm$> </div><!-- articleOption End -->
この中の、
<$CommentsList$>
<$CommentForm$>
この２つの順番を入れ替えればOKです。
追記
上記テンプレートと違う仕様のものがあるようです。もし、下のように</IfArticleCommentCount>（２文字目スラッシュあり）の下に<$CommentForm$>がある構成なら次のようにしてください。
（略）と書いてある行は長いので、その行の途中までしか書いていないという意味です。
修正前
<a name="comments"></a> <IfArticleCommentCount> <div id="commenttop"></div> <div id="comment"> <h3 class="commenthead">この記事へのコメント</h3> <div id="commentbody"> <CommentsLoop> <div class="commentttl"><$CommentNumber$> （略） <div class="commenttext"><IfCommentRating>（略） </CommentsLoop> </div> </div> <div id="commentbottom"></div> </IfArticleCommentCount> <$CommentForm$> </div> <div id="articlebottom"></div>
</IfArticleCommentCount>（２文字目スラッシュあり）の下にある<$CommentForm$>を<IfArticleCommentCount>（スラッシュなし）の上に移動させる。
修正後
<a name="comments"></a> <$CommentForm$> <IfArticleCommentCount> <div id="commenttop"></div> <div id="comment"> <h3 class="commenthead">この記事へのコメント</h3> <div id="commentbody"> <CommentsLoop> <div class="commentttl"><$CommentNumber$> （略） <div class="commenttext"><IfCommentRating>（略） </CommentsLoop> </div> </div> <div id="commentbottom"></div> </IfArticleCommentCount> </div> <div id="articlebottom"></div>