日々学んだことを残しておこう。きっと未来の自分が探しにくる。 (ただ忘れっぽいだけです…)

スポンサーサイト


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

-------- : スポンサー広告 :
Pagetop

FC2ブログ コメント欄カスタマイズ



2008-01-26 (Editing a paper) - 30 / Nic's events


ブログのコメント欄って、なんかコメントするのが面倒というか、躊躇するんだよね。
現に私も人のブログにコメントしたことが無い。

もし、自分は誰々だけど、この記事についてこんな意見だっていうのであれば、フェイスブックだったり、ツイッターで投稿すれば良いわけなので、そもそもコメント欄の必要性も少なくなってきているのかもしれないですね。

でも、あえて、自分の身を明かさずにコメントしたいって方が、コメント欄を使おうと思うわけだから、その人達にやさしいコメント欄にしようかなと。

デフォルトコメント欄


通常、FC2のデフォルトでは以下のようなコメント欄になる。
comment_before.jpg

入力項目が名前、タイトル、メールアドレス、URL、本文、パスワード。
実際には、必須項目でないので、メールアドレスとか入力しなくてもコメントできるんだけど、人間の本能的にメールアドレス入力しないとコメントできないような気がする。

パスワードは一度書いたコメントの修正する場合に必要なのでしょうが無いけど。

どう考えても、手軽にコメント書くにしては、入力情報が多すぎる。

それが、躊躇する原因かなと勝手に判断。もう少しコメント欄の使用頻度を上げたいなと思ったので、必要最小限に変更します。

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


タイトル、メールアドレス、URLを削除しました。実際には送信ボタンクリック後の確認画面で、メールアドレスも追加することはできるが、大分コメントしやすい雰囲気にはなった気がする。
comment_after.jpg

ひとまず、これによってどのくらいコメントが増えるか実験してみよっと。
ちなみに実験するのは、このブログじゃなくなくて、別ブログですけど。


コメント欄カスタマイズ 予習


(参考サイト)
コメント欄の編集②
テンプレート用 変数一覧

・上のサイトにも書いてあるけど最初にテンプレートのバックアップとっておくこと。
・コメント欄の構造を理解すること
・送信ボタン、パスワードの部分は削除したらダメ。
・投稿用と編集用の両方で修正すること。

それらに気をつけてカスタマイズしてみましょう。

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


<!--comment_area-->

<!--<%template_comment>:表示-->
<div class="cmt-box">
<div><a name="comment"><%template_comment>:</a></div>
<!--comment-->
<div>
<%comment_title><br />
<%comment_body>
</div>
<div>
by: <%comment_mail+name> * <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> * <%comment_url+str> [ <a href="<%comment_edit_link>"><%template_edit></a>] | <a href="#top">TOP↑</a>
</div>
<br />
<!--/comment-->
</div>
<!--/<%template_comment>:表示-->

<br />

<!--<%template_comment>:投稿-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_post_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name"><%template_name>:</label><br />
<input id="name" type="text" name="comment[name]" size="30"><br />
<label for="name"><%template_title>:</label><br />
<input id="subject" type="text" name="comment[title]" size="30"><br />
<label for="mail"><%template_address>:</label><br />
<input id="mail" type="text" name="comment[mail]" size="30"><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="30"><br />
<label for="comment"><%template_body>:</label><br />
<script type="text/javascript" src="/load.js"></script><br />
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br />
<label for="pass"><%template_password>:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20"><br />
<label for="himitu"><%template_private>:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]"><%template_private_check><br />
<p><input type="submit" value="<%template_send>"></p>
</form>
</div>
</div>
<!--/<%template_comment>:投稿-->

<!--/comment_area-->

<!--<%template_comment>:編集-->
<!--edit_area-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_edit_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name"><%template_name>:</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="mail"><%template_address>:</label><br>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br>
<label for="url">URL:</label><br>
<input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br>

<label for="comment"><%template_body>:</label><br>
<script type="text/javascript" src="/load.js"></script><br>
<textarea id="comment" cols="30" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass"><%template_password>:</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu"><%template_private>:</label><br>
<input id="himitu" type="checkbox" name="edit[himitu]"><%template_private><br>
<p>
<input type="submit" value="<%template_send>">
<input type="submit" name="edit[delete]" value="<%template_delete>">
</p>
</form>
</div>
</div>
<!--/edit_area-->
<!--/<%template_comment>:編集-->


水色の部分を削除したのがこちら。

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




<!--comment_area-->

<!--<%template_comment>:表示-->
<div class="cmt-box">
<div><a name="comment"><%template_comment>:</a></div>
<!--comment-->
<div>
<%comment_body>
</div>
<div>
by: <%comment_mail+name> * <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> [ <a href="<%comment_edit_link>"><%template_edit></a>] | <a href="#top">TOP↑</a>
</div>
<br />
<!--/comment-->
</div>
<!--/<%template_comment>:表示-->

<br />

<!--<%template_comment>:投稿-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_post_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name"><%template_name>:</label><br />
<input id="name" type="text" name="comment[name]" size="30"><br />
<label for="comment"><%template_body>:</label><br />
<script type="text/javascript" src="/load.js"></script><br />
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br />
<label for="pass"><%template_password>:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20"><br />
<label for="himitu"><%template_private>:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]"><%template_private_check><br />
<p><input type="submit" value="<%template_send>"></p>
</form>
</div>
</div>
<!--/<%template_comment>:投稿-->

<!--/comment_area-->

<!--<%template_comment>:編集-->
<!--edit_area-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_edit_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name"><%template_name>:</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="comment"><%template_body>:</label><br>
<script type="text/javascript" src="/load.js"></script><br>
<textarea id="comment" cols="30" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass"><%template_password>:</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu"><%template_private>:</label><br>
<input id="himitu" type="checkbox" name="edit[himitu]"><%template_private><br>
<p>
<input type="submit" value="<%template_send>">
<input type="submit" name="edit[delete]" value="<%template_delete>">
</p>
</form>
</div>
</div>
<!--/edit_area-->
<!--/<%template_comment>:編集-->
関連記事

2012-04-18 : ブログカスタマイズ : コメント : 5 : トラックバック : 0
Pagetop
コメントの投稿
非公開コメント

No title
コメント欄のURLだけを非表示にするには、どうしたらいいのでしょうか?
もし教えてもらえたら、とってもうれしいです♪
2012-05-15 19:06 : yumi URL : 編集
Re: No title
カスタマイズ前のコメント欄の部分で水色の箇所が3箇所あると思います。
URLだけ消す場合は、各箇所の消す部分が以下のとおりになります。
■1つ目
* <%comment_url+str>

■2つ目
<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="30"><br />

■3つ目
<label for="url">URL:</label><br>
<input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br>

要はlabel for や input idがurlのところの部分がけ消せば良いですよ。
こんな説明で良かったでしょうか?

> コメント欄のURLだけを非表示にするには、どうしたらいいのでしょうか?
> もし教えてもらえたら、とってもうれしいです♪
2012-05-15 19:44 : 管理人です。 URL : 編集
Re: No title
コメント欄からurlだけとったバージョンはこちら。
先ほど、部分部分の説明したけど、やっぱり一式欲しいよねって。
(実際に試していないので、ちょっと不安だけど。バックアップとって試してみてください。ダメだったら教えて下さい。再チャレンジするから)


<!--comment_area-->

<!--<%template_comment>:表示-->
<div class="cmt-box">
<div><a name="comment"><%template_comment>:</a></div>
<!--comment-->
<div>
<%comment_title><br />
<%comment_body>
</div>
<div>
by: <%comment_mail+name> * <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> [ <a href="<%comment_edit_link>"><%template_edit></a>] | <a href="#top">TOP↑</a>
</div>
<br />
<!--/comment-->
</div>
<!--/<%template_comment>:表示-->

<br />

<!--<%template_comment>:投稿-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_post_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name"><%template_name>:</label><br />
<input id="name" type="text" name="comment[name]" size="30"><br />
<label for="name"><%template_title>:</label><br />
<input id="subject" type="text" name="comment[title]" size="30"><br />
<label for="mail"><%template_address>:</label><br />
<input id="mail" type="text" name="comment[mail]" size="30"><br />
<label for="comment"><%template_body>:</label><br />
<script type="text/javascript" src="/load.js"></script><br />
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br />
<label for="pass"><%template_password>:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20"><br />
<label for="himitu"><%template_private>:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]"><%template_private_check><br />
<p><input type="submit" value="<%template_send>"></p>
</form>
</div>
</div>
<!--/<%template_comment>:投稿-->

<!--/comment_area-->

<!--<%template_comment>:編集-->
<!--edit_area-->
<div class="cmt-box">
<div>
<a name="comment_post"><%template_edit_comment></a>
</div>
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name"><%template_name>:</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="mail"><%template_address>:</label><br>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br>
<label for="comment"><%template_body>:</label><br>
<script type="text/javascript" src="/load.js"></script><br>
<textarea id="comment" cols="30" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass"><%template_password>:</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu"><%template_private>:</label><br>
<input id="himitu" type="checkbox" name="edit[himitu]"><%template_private><br>
<p>
<input type="submit" value="<%template_send>">
<input type="submit" name="edit[delete]" value="<%template_delete>">
</p>
</form>
</div>
</div>
<!--/edit_area-->
<!--/<%template_comment>:編集-->
2012-05-15 22:54 : 管理人です。part2 URL : 編集
No title
細かく教えて頂いて、とってもわかりやすかったですe-454
共有テンプレートを使っているので、
細かい所が違う記号になっているけどバックアップがあるからと
思い切って消してみたら、上手くいきましたe-420
2012-05-17 08:17 : yumi URL : 編集
Re: No title
うまくいって良かったです。
記事に載っていないことでも、自分の分かる範囲で答えていきます。

> 細かく教えて頂いて、とってもわかりやすかったですe-454
> 共有テンプレートを使っているので、
> 細かい所が違う記号になっているけどバックアップがあるからと
> 思い切って消してみたら、上手くいきましたe-420
2012-05-17 09:33 : 管理人 URL : 編集
Pagetop
« next  ホーム  prev »

広告

読みたいと思っている書籍

Amazon Web Services クラウドネイティブ・アプリケーション開発技法 一番大切な知識と技術が身につく Amazon Web Services 定番業務システム12パターン 設計ガイド イラストで学ぶ 機械学習 最小二乗法による識別モデル学習を中心に (KS情報科学専門書) イラストで学ぶ ディープラーニング (KS情報科学専門書)

カウンタ

メールフォーム

名前:
メール:
件名:
本文:

GoogleTranslate

管理人のつぶやき

人気記事ランキング

カテゴリ

openclose

ブログ内検索

全記事表示リンク

全ての記事を表示する

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