小粋空間  -  a cheap joke and a play on words site

Seesaaブログテンプレート更新

当サイトで現在公開中のSeesaaブログテンプレートを更新しました。
Seesaaブログは最近ご無沙汰してまして、「機能追加されています」というコメントを頂いての反映です。ご連絡ありがとうございました。

今回の更新はSeesaa ブログ、新機能追加によるスパム対策強化のお知らせに対応しています。具体的には、コメント入力時に

• 名前
• メールアドレス
• ホームページアドレス
• 本文

の必須入力を指定することができます。

また、コメント送信時に認証コード（CAPTCHA™）を要求することも可能になりました。認証コードは管理画面で手入力する形式で、動的に認証コードが変化するものではありません。

最新のデフォルトテンプレートと比較して差分を追加しましたが、上記以外の機能については未確認ですので、不具合がございましたらご連絡ください。
変更内容の動作については私のSeesaaブログをご覧ください。コメントエラーも Movable Type 風にしています。

今回の変更部分を以下に掲載しておきます。青色が追加部分ですので丸ごと入れ替えられない方は、現在設定しているテンプレートを見比べて追加してください。
スタイルシートについては任意の位置に追加してください。

HTML

　　　　　：
　　　　（略）
　　　　　：
<div class="comments-preview">
 
<% if error_code %>
<blockquote class="error_message">
エラー：
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
</blockquote>
<% /if %>
 
<p>
お名前: <% article_child__writer | html %>
　　　　　：
　　　　（略）
　　　　　：
コメント: <br /><% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
</p>
　　　　　：
　　　　（略）
　　　　　：
<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-preview">
<p>
<label for="article_child__writer">お名前: <% if:blog.ignore_setting.fill_writer %>[必須]<% /if %></label>
<input id="article_child__writer" type="text" name="article_child__writer" size="50" value="" /><br />
</p>
<p>
<label for="article_child__email">メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須]<% /if %></label>
<input id="article_child__email" type="text" name="article_child__email" size="50" value="" /><br />
</p>
<p>
<label for="article_child__homepage">URL: <% if:blog.ignore_setting.fill_homepage %>[必須]<% /if %></label>
<input id="article_child__homepage" type="text" name="article_child__homepage" size="50" value="" /><br />
</p>
<p>
<label for="article_child__body">コメント: <% if:blog.ignore_setting.fill_body %>[必須]<% /if %></label>
<textarea id="article_child__body" name="article_child__body" rows="10" cols="50"></textarea><br />
</p>
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
 
<% if:blog.ignore_setting.captcha_comment -%>
<p>
<label for="captcha_comment">認証コード: [必須]</label>
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /> <input id="captcha_comment" type="text" name="captcha_comment" size="27" value="" style="vertical-align:top"/><br />
※画像の中の文字を半角で入力してください。
</p>
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
<p>
※ブログオーナーが承認したコメントのみ表示されます。
</p>
<% /if -%>
<p class="button">
<input id="need_confirm" name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む" />
</p>
</div>
</form>
　　　　　：
　　　　（略）
　　　　　：

スタイルシート

blockquote.error_message {
    width: auto;
    margin: 15px 20px 10px 20px;
    padding: 10px;
    border: 1px solid #dd4444;
    background: #ffeeee;
    font-size: 10px;
    line-height: 150%;
}
 
.red {
    color: #e50003;
}