彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

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




*    *    *

Information

□ 修正報告 □

for_novel シリーズ 記事本文へのジャンプボタン

 記事本文に簡単にジャンプ出来るアンカーを、「for_novel」シリーズの全てのテンプレートに追加しました。
 2009/7/4 16:00以前にテンプレートをダウンロードしてくださった方は、新しいテンプレートをダウンロードし直していただくか、以下のようにHTMLに追加をお願いします。


 まず、個別記事画面の部分です。
「for_novel_w」の165~169行目、「for_novel_olive」の169~173行目、「for_novel_sky」の149~153行目を見てください。

<!-- ▽ 固定リンク画面 -->
<!--permanent_area-->

<!--topentry-->
    <h2 class="headline">□ <a href="<%topentry_category_link>" title="<%topentry_category> 目次へ"><%topentry_category></a> □</h2>

に、以下の赤字の部分を追加してください。

<!-- ▽ 固定リンク画面 -->
<!--permanent_area-->
    <div class="jump rev"><a href="#jump<%pno>" title="記事本文へジャンプ">▼</a></div>

<!--topentry-->
    <a id="jump<%topentry_no>" name="jump<%topentry_no>"></a>
    <h2 class="headline">□ <a href="<%topentry_category_link>" title="<%topentry_category> 目次へ"><%topentry_category></a> □</h2>



 それから、各テンプレートの300行付近、「▽ タグ検索表示画面」「▽ 日付表示画面」「▽ 検索結果表示画面」のそれぞれから、

      <div class="more"><a href="<%topentry_link>">この話を読む ≫</a></div>

という部分を探してください。全部で三つあります。
 ここにも以下の赤字部分を追加してください。

      <div class="more"><a href="<%topentry_link>#jump<%topentry_no>">この話を読む ≫</a></div>



 最後に、「▼ メインカラム」の「エントリ画面」です。それぞれのテンプレート450行付近にあると思います。

        <div class="more"><a href="<%topentry_link>">続きを読む ≫</a></div>


 ここにも同じように追加をお願いします。

        <div class="more"><a href="<%topentry_link>#jump<%topentry_no>">続きを読む ≫</a></div>




 それから、CSSです。
 二行目以降のどこでも良いので、

/* 記事本文へ */
.jump { font-size:80%; font-weight:bold; text-align:right; margin:5px 3px 0px 0px; }

との記述を追加してください。
 これで、本文へのジャンプボタンが、上部メニューバーのすぐ下に表示される事になります。


 更に、これに合わせて、連載ごとに付けた

<a href="http://******.blog***.fc2.com/blog-entry-x.html">→&nbsp;BACK</a>
<a href="http://******.blog***.fc2.com/blog-entry-y.html">→&nbsp;NEXT</a>

x:連載一つ前の記事番号
y:連載一つ次の記事番号

も、

<a href="http://******.blog***.fc2.com/blog-entry-x.html#jumpx">→&nbsp;BACK</a>
<a href="http://******.blog***.fc2.com/blog-entry-y.html#jumpy">→&nbsp;NEXT</a>

とすると、連載を読む閲覧者をスムーズに誘導する事が出来ると思います。



*    *    *

Information

Date:2009/07/05
Trackback:0
Comment:1

Comment

[182] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2010/02/11 【】  

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/46-68b8aa16
この記事にトラックバックする(FC2ブログユーザー)

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