Serene Bach / sb 公開テンプレートの不具合修正箇所について

Serene Bach / sb 公開テンプレートの不具合修正箇所について

Posted at December 26,2005 11:57 PM
Tag:[Information, sb, SereneBach, Template]

昨日のエントリーでお伝えしたとおり、当サイトで公開している Serene Bach テンプレートおよび sb テンプレートで、個別エントリーHTMLに複数のトラックバックがある場合、ページの表示が崩れるという不具合がありました。ご利用の方には大変ご迷惑をおかけして申し訳ございません。

現在公開中のテンプレートは不具合を修正済ですが、2005年12月25日以前に Serene Bach または sb テンプレートをダウンロードされて表示が崩れている場合は、テンプレートを再度ダウンロードされるか、以下に示す修正をお願い致します(正常に表示されていれば修正の必要はありません)。
ベースHTMLテンプレート+スタイルシートでお使いの場合(=個別エントリー用HTMLテンプレートをお使いでない場合)は1項、個別エントリー用HTMLテンプレートをお使いの場合は2項の作業を行ってください。

1.ベースHTMLテンプレート+スタイルシートでご利用の場合

1.1 div タグの削除

ベースHTMLテンプレートにあるトラックバック表示用タグから、下記のように div 閉じタグ(赤色)をひとつ削除してください。

      :
<!-- BEGIN trackback -->
<h3 class="trackbacks-header">Trackbacks</h3>
<div class="trackbacks-content">
<div class="trackback">
<div class="trackback-content">{trackback_excerpt}</div>
<p class="trackback-footer">
{trackback_title} | {trackback_blog_name} | {trackback_time}
</p>
</div>
</div>
</div>
<!-- END trackback -->
      :

1.2 スクリプトの追加

ベースHTMLテンプレートの最後にあるスクリプトに、青色部分を追加してください。

      :
<script type="text/javascript">
<!--
var elements = document.getElementsByTagName('h2');
var work;
var work_old = '';
for (i=0; i<elements.length; i++) {
    work = elements[i].innerHTML;
    if(work == work_old){
        elements[i].style.display = 'none';
    }
    work_old = work;
}
elements = document.getElementsByTagName('h3');
work_old = '';
for (i=0; i<elements.length; i++) {
    work = elements[i].innerHTML;
    if(work == work_old){
        elements[i].style.display = 'none';
    }
    work_old = work;
}
//-->
</script>
      :

2.ベースHTMLテンプレート+個別エントリー用HTMLテンプレート+スタイルシートでご利用の場合

2.1 div タグの削除

個別エントリー用HTMLテンプレートにあるトラックバック表示用タグから、下記のように div 閉じタグ(赤色)をひとつ削除してください。

      :
<!-- BEGIN trackback -->
<h3 class="trackbacks-header">Trackbacks</h3>
<div class="trackbacks-content">
<div class="trackback">
<div class="trackback-content">{trackback_excerpt}</div>
<p class="trackback-footer">
{trackback_title} | {trackback_blog_name} | {trackback_time}
</p>
</div>
</div>
</div>
<!-- END trackback -->
      :

2.2 スクリプトの追加

個別エントリー用HTMLテンプレートの最後の方に、スクリプト(青色部分)を追加してください。

      :
</div><!-- /box -->
 
<script type="text/javascript">
<!--
var elements = document.getElementsByTagName('h3');
var work;
var work_old = '';
for (i=0; i<elements.length; i++) {
    work = elements[i].innerHTML;
    if(work == work_old){
        elements[i].style.display = 'none';
    }
    work_old = work;
}
//-->
</script>
 
</body>
関連記事
zenback
人気エントリー
トラックバックURL


コメント

こんにちはぁ。えっと・・・
2005年12月25日以前に Serene Bach または sb テンプレートをダウンロードされた場合は、テンプレートを再度ダウンロードされるか、以下に示す修正をお願い致します。」 とのことですが、12月1日に ダウンロードさせていただいたものは もしかして すでに修正済みなんですよね?
<!-- END trackback --> の直前には </div> は 二つしかないし、
スクリプトにも 青い字の部分が ちゃんと 追加されてます。

<!-- BEGIN trackback -->
<h3 class="trackbacks-header">Trackbacks</h3>
<div class="trackbacks-content">
<div class="trackback">
<div class="trackback-content">{trackback_excerpt}</div>
<p class="trackback-footer">
{trackback_title} | {trackback_blog_name} | {trackback_time}
</p>
</div>
</div>
<!-- END trackback -->
</div>
<!-- END trackback_area -->
こんなふうになってますが、太字の </div> を 3つ目と数えて 消すっていう意味ではないですよね?

あと、エントリには直接関係ないことなんですけど、コメントをしようと思ったら
なぜか毎回 名前のところが文字化けしています。

[1] Posted by さえら : December 27, 2005 9:30 AM

yujiroさん、素早い対応ありがとうございます。
修正箇所を直してみました。
綺麗に直りました。
これからもよろしくお願いいたします。

[2] Posted by kiyop : December 27, 2005 12:34 PM

>さえらさん
こんにちは。
表示に異常がなければ修正の必要がありません。
本文は一部修正しておきました。
誤解を招く文章ですいません。

なお文字化けの件についてはテンプレート作成で制約がないか調べておきます。
ご連絡ありがとうございました。

>kiyopさん
こんにちは。
ご連絡ありがとうございました。
お手数かけて申し訳ありません。
こちらこそ今後ともどうぞよろしくお願い致します。

[3] Posted by yujiro : December 27, 2005 1:04 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)