コメント欄の編集②/無料ブログ作成マニュアル

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

Google
 

◆スポンサーサイト

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

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

◆コメント欄の編集②

投稿欄の編集をする場合は、多分最初は失敗します。
必ず編集用のテンプレートを複製して、それを編集用にしてお使いください。

◆ちょっと難しいコメント欄編集

コメント欄で、件名とかはいらないな…と感じる場合も、編集で消す事が出来ます。
以下は、公式テンプレートから適当に選んだコメント投稿フォームのタグです。

<form method="post" action="./" name="comment_form">
  <dl>
    <dt><input type ="hidden" name="mode" value="regist"><input type ="hidden" name="comment[no]" value="<%pno>"><label for="name">Name</label></dt>
    <dd><input id="name" type="text" name="comment[name]" size ="30" value="<%cookie_name>"></dd>
    <dt><label for="name">Subject</label></dt>
    <dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
    <dt><label for="mail">Mail</label></dt>
    <dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></dd>
    <dt><label for="url">URL</label></dt>
    <dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></dd>
    <dt><label for="comment">Comment</label></dt>
    <dd><script type="text/javascript" src="http://blog81.fc2.com/load.js"></script><br />
    <textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>
    <dt><label for="pass">Pass</label></dt>
    <dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
    <dt><label for="himitu">Secret</label></dt>
    <dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
  </dl>
    <p class="form-btn"><input type="submit" value="送信"></p>
</form>

これでもかなり簡単な表記のコメント投稿フォームです。
テンプレートによっては(特に共有テンプレート)これは色々と形が違ってくる場合が多いです。
コメント欄のデザインで違ってくるので、ここをこうすればいいと例を示して説明できるものではなく、また山ほどあるテンプレートを一つ一つ解説なんて出来ませんので、ご自分の力でチェックしてください。
質問されてもクロには答えられまえんのでご了承ください。
やめとくなら今の内ですよ。

■コメント欄の構造

編集をする場合は、さらにその中のタグをチェックし、コメント欄の構造を把握します。
上のフォームを簡単に書くとこうなっています。

<form>
 <dl>
 
<dt>タイトル</dt><dd>表記欄</dd>
  <dt>
タイトル</dt><dd>表記欄</dd>
  <dt>
タイトル</dt><dd>表記欄</dd>
  ……

 </dl>
 
<p>送信ボタン</p>

</form>

上から「Name」、「Subject」、「Mail」……と、<dt>~</dt><dd>~</dd>で区切られている事が判ります。
これは<dt><dd>のみではなく、<tr>だったり<td>だったり、その4つがあったり他のものが含まれていたりしますが、一定の法則で並んでいる(微妙に違う場合もあり)ので法則性をしっかりとここで把握。
タグは半角の/の無い<○○>から始まり</○○> ではさまれていて、○○が同じ表記のものが1つのグループになっていると考えてください。

いらないグループ、例えばSubject(件名)はいらない、と思うのならば、Subjectの部分を囲んでいるタイトルと表記欄を、タグを含めたグループごと消せば完了。
上で言うなら

<dt><label for="name">Subject</label></dt>
<dd><input id="subject" type="text" name="comment[title]" size="30"></dd>

これを消せばOK。あくまで、上の表記のテンプレートであったのであれば、です。
なお当たり前ですが、コメント表記欄と送信ボタンは消さない様に。
またコメントの編集(カスタマイズでなく投稿したコメントの編集)が出来なくなるので、パスワードの表記も同様です。
言うのは簡単なんですよね…上の様に綺麗に区切られていれば判りやすいんですが、下の様な表記のものもありました。(かなりはしょってます)

さて、件名(Subject)のグループははどこでしょう?(答えはすぐ下にあるので注意)

<form method="post" action="./" name="comment_form">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td width="50"><label for="name">Name:</label></td>
<td width="250"><input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
</td></tr><tr><td>
<label for="subject">Subject:</label>
</td><td>
<input id="subject" type="text" name="comment[title]" size="30" class="mainFormText" />
</td></tr><tr><td>
<label for="mail">Mail:</label>
</td><td>
<input id="mail" type="text" name="comment[mail]" size="30" class="mainFormText" value="<%cookie_mail>" />
</td></tr></table>
</form>

答えは

<form method="post" action="./" name="comment_form">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td width="50"><label for="name">Name:</label></td>
<td width="250"><input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
</td></tr><tr><td>
<label for="subject">Subject:</label>
</td><td>
<input id="subject" type="text" name="comment[title]" size="30" class="mainFormText" />
</td></tr>
<tr><td>
<label for="mail">Mail:</label>
</td><td>
<input id="mail" type="text" name="comment[mail]" size="30" class="mainFormText" value="<%cookie_mail>" />
</td></tr></table>
</form>

上の赤の部分です。
判りやすく表示するとこうなっています。

<form>
 <table>
  <tr><td>タイトル</td><td>表記欄</td></tr>
  <tr><td>タイトル</td><td>表記欄</td></tr>
  <tr><td>タイトル</td><td>表記欄</td></tr>
  ……
 </table>
</form>

これが見分けられるくらいでなければ、コメント欄の編集はしない方が無難です。
慣れない時は<○○>と</○○>のグループを改行で自分で判りやすくしていくのも大事な作業です。
編集作業はコメント欄だけでなく、コメント編集欄の方も忘れずに。
また、消した部分はコメント表示欄のブロック変数も消しておく事を忘れずに。

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

トラックバック
この記事のトラックバックURL
http://hpmanual.blog81.fc2.com/tb.php/57-11502cb1
この記事へのトラックバック

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