--.--.-- スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
夕@rk.さんから「コメントでもタグを使えるようにしたい」という質問にお答えしたと思いまーす。(o´ω`o)。いろいろ調べた結果、タグを直接打ち込むことはできませんが、FC2の投稿でも使っている、絵文字・装飾機能がついているバーを「コメント投稿」部分と「コメント編集」部分に追加することで、それを解決できます。以下に説明します。

<[holiday]コメントにタグリストをつける(205行目~)HTMLを触ります>
--------------------------------------------------------
【1】「コメント投稿」部分にjavaを追加する。(205行目)
--------------------------------------------------------

<!--コメント投稿-->
<div class="main_body">
<form method="post" action="./" name="comment_form">

(中略)

<td><label for="comment">Comment:</label></td><td>
<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></td>
</tr><tr>
<td><label for="pass">Pass:</label></td><td><input id="pass" type="password" name="comment[pass]" size="20"></td>
</tr><tr>
<td><label for="himitu"></label></td>
</tr>
</table>
<input id="himitu" type="checkbox" name="comment[himitu]"> Secret
<p><input type="submit" value="Send"></p>
</form>
</div>
<div class="main_state"><a href="#pagetop">Top↑</a></div>
</div>
<!--/comment_area-->
<!--/コメント投稿-->


というところに以下のように1行加えます。


<!--コメント投稿-->
<div class="main_body">
<form method="post" action="./" name="comment_form">

(中略)

<td><label for="comment">Comment:</label></td><td>
<script type="text/javascript" src="http://blog44.fc2.com/load.js"></script><br>
<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></td>
</tr><tr>
<td><label for="pass">Pass:</label></td><td><input id="pass" type="password" name="comment[pass]" size="20"></td>
</tr><tr>
<td><label for="himitu"></label></td>
</tr>
</table>
<input id="himitu" type="checkbox" name="comment[himitu]"> Secret
<p><input type="submit" value="Send"></p>
</form>
</div>
<div class="main_state"><a href="#pagetop">Top↑</a></div>
</div>
<!--/comment_area-->
<!--/コメント投稿--> 

というふうにします。続いて、「コメント編集」部分にも追加します。


--------------------------------------------------------
【2】「コメント編集」部分にjavaを追加する。(245行目)
--------------------------------------------------------

<!--コメント編集-->
<!--edit_area-->
<div class="main_block">
<div class="main_title"><a name="comment_post">CommentEdit</a></div>
<div class="main_body">
<form method="post" action="./" name="comment_form">

(中略)

<td><label for="comment">Comment:</label></td><td>
<textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></td>
</tr><tr>
<td><label for="pass">Pass:</label></td><td><input id="pass" type="password" name="edit[pass]" size="20"></td>
</tr>
</table>
<label for="himitu"></label><input id="himitu" type="checkbox" name="edit[himitu]"> Secret<p>
<input type="submit" value="Send">
<input type="submit" name="edit[delete]" value="Delete">
</p>
</div>
<div class="main_state"><a href="#pagetop">Top↑</a></div>
</div>
<!--/edit_area-->
<!--/コメント編集-->

というところに、上と同じタグを以下のように同じ位置に挿入します。


<!--コメント編集-->
<!--edit_area-->
<div class="main_block">
<div class="main_title"><a name="comment_post">CommentEdit</a></div>
<div class="main_body">
<form method="post" action="./" name="comment_form">

(中略)

<td><label for="comment">Comment:</label></td><td>
<script type="text/javascript" src="http://blog44.fc2.com/load.js"></script><br>
<textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></td>
</tr><tr>
<td><label for="pass">Pass:</label></td><td><input id="pass" type="password" name="edit[pass]" size="20"></td>
</tr>
</table>
<label for="himitu"></label><input id="himitu" type="checkbox" name="edit[himitu]"> Secret<p>
<input type="submit" value="Send">
<input type="submit" name="edit[delete]" value="Delete">
</p>
</div>
<div class="main_state"><a href="#pagetop">Top↑</a></div>
</div>
<!--/edit_area-->
<!--/コメント編集-->


以上、このように変更して「更新」してみよう。
コメントフォームにこれ↓
icon-hiyo.jpg
追加されていれば出来上がりです。ちゃんとコメントの「投稿」「編集」両方変更するのを忘れないでね!できたかな??(o´ω`o)
ちなみに、[march]テンプレでも同じように変更するとコメント欄に絵文字バーが出るようにできますよっ。ヾ(o・ω・o)ノ

■参考サイト「ブログ管理者用お知らせブログ(コメント欄での絵文字・デコレーション機能のカスタマイズについて)

スポンサーサイト

Secret

TrackBackURL
→http://morinohana.blog44.fc2.com/tb.php/99-72115ece

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