コメント欄のカスタマイズ①/無料ブログ作成マニュアル

無料ブログ作成マニュアル

Google
 

◆スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

◆コメント欄のカスタマイズ①

コメント欄をカスタマイズしたい…
凝ったカスタマイズを考えると、ここがまず頭に出てくるのではないでしょうか。
しかしコメント欄のカスタマイズはとても難しいです。
勉強したり覚えるのがめんどくさいなら、手をつけないほうが無難なのであしからず…
まずはカスタマイズの項を始めからここまでを全て読んで、それ等を理解する力を身に着けてください。

◆まずは簡単な小手調べ

コメント欄は2箇所表記があります。
HTML編集画面の<!--comment_area-->~<!--/comment_area-->、<!--edit_area-->~<!--/edit_area--> で囲まれている部分です。
テンプレートによっては「コメント」、「コメント編集」と区切られている場合もあります。
前者がいつも表示されているコメント欄部分で、後者はコメントを編集する際に出てくるコメント欄です。
変更するなら、ちゃんと両方とも同じ様に変えておきましょう。

とりあえず指定した部分を編集するだけの、簡単なものから解説。

■コメント表示欄の編集

投稿されたコメント表示部分の一部を編集をします。
何月何日とか、タイトル等を表示させたく無い場合や位置を引っくり返したい場合などで使えます。

コメントの表示はFC2のブロック変数によって表記されています。
コメント欄の中に、<!--comment-->~<!--/comment-->で囲まれた部分があり、ここに日付の変更で解説したのと同じ様に、ブロック変数によってコメントが表示される箇所があります。

<%comment_no> - Noを表示
<%comment_name> - コメント投稿者の名前を表示
<%comment_url> - コメント投稿者のURLを表示
<%comment_mail> - コメント投稿者のメールアドレスを表示
<%comment_title> - タイトルを表示
<%comment_body> - 本文を表示
<%comment_year> - 年を表示
<%comment_month> - 月を表示
<%comment_day> - 日を表示
<%comment_hour> - 時を表示
<%comment_minute> - 分を表示
<%comment_second> - 秒を表示
<%comment_youbi> - 曜日(洋風)を表示
<%comment_wayoubi> - 曜日(和風)を表示
<%comment_edit_link> - コメント編集へのURLを表示
<%comment_url+str> - URLリンク付き文字を表示
<%comment_mail+name> - メールアドレス付き名前を表示
<%comment_trip> - トリップを表示

このブロック変数を使った、こんな感じの表記があるところがあります。

<%comment_month>/<%comment_day>(<%comment_wayoubi>)  | <%comment_title>

上のものでは 4/10() | タイトル と表記されます)
これの消したい部分、入れ替えたい部分を編集したり、間の記号を変更すれば表示は変わります。
なお、他のタグ< ~ > で囲まれた部分は消さない様に。

■コメント投稿欄の編集

投稿フォームは、<form>~</form>で囲まれている部分です。
コメント欄、コメント編集欄の中に、<form ○○……>~</form>で囲まれた部分があります。
タグは、< ~ > の間にタグ内の設定が表記されているので見逃さないでください。

とりあえず共通する簡単なものから。

コメントの文字飾り

↑これ、コメント表記欄の上に表示されてますね。
コメント表記の文字を飾るツールですが、いらないと思う人いるんじゃないでしょうか。
これは共通してほとんど同じ表記によって表示されています。

<script type="text/javascript"
src="http://blog○○.fc2.com/load.js"></script><br />

これです。最後は<br>の場合もあり、blog○○は、テンプレートによって違います。
消したいのならば、これを消してしまえばいいです。
※前後の他のタグは消さない様に!

コメント欄だけでなく、コメント編集欄の方も忘れずに。
なお、プレビューではトップの確認しか出来ずコメント欄はチェックできないので、

編集用を保存>テンプレートを適用>コメント欄のチェック>テストコメントを表記して編集し、コメント編集欄のチェック

という流れで確認してください。
自分で表記したテストコメントは、編集やコメント管理で削除しておきましょう。
※まれにコメントを「コメント管理」で削除するとインデックスエリアの表示が消えてしまう場合があるようです。
無くなったわけではないので、テンプレートの適用ボタンを押すと直ります。

コメント欄に問題が無かったら編集用を本テンプレートとして、もう1つ複製してそれを編集用…と、少しずつ変更していきましょう。
大元となるテンプレートはその時気付かなくても、しばらくして不具合が見付かる事もあるので消さない様にしましょう。

役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

トラックバック
この記事のトラックバックURL
http://hpmanual.blog81.fc2.com/tb.php/56-1eb4e2ba
この記事へのトラックバック

Copyright 無料ブログ作成マニュアル 簡単FC2入門 All rights reserved.
Template by 無料ホームページ作成講座ブログ
アクセスアップは相互リンクで 相互リンクドクター!アクセスアップ ホームページ登録(サーチエンジン登録) ホームページ作成 ランキング ページビューランキング 幸福の羅針盤ランキングに参加してね
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。