解決済
Ads By Google
ページのトップに戻るためのパンくずリストの作り方(リンク)
トップページの一番下に、<このページの上へ>といったようなパンくずリストを作りたいです(>_<)しかもできれば、本文の右下に表示されるようにしたいと思ってます。。。よろしくおねがいします。
2006-03-13 11:58の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(4)
4.
2006-03-17 07:00:16
すみません。
各記事に「ページの一番上へ」と記述したいと思ったので・・・
さて、一番最後になると
</IndexArticlesLoop>
<!-- Loop End -->
</div>
</div>
という部分を探して
１つめの</div>と２つ目の</div>の間に
<div id=to_top><a href="#top">ページの一番上へ</a></div>
と記述して保存してください。
さらにCSSに
#to_top{float:right}
を記述して保存してください。
最後に、再構築はもちろんしてくださいね。
私のページは２カラムなので
３カラムだとちょっと違うかもしれませんが、
記事の繰り返しの最後に<!-- Loop End -->
という部分があると思うので
その後にリンクを作成すればいいと思います。
各記事に「ページの一番上へ」と記述したいと思ったので・・・
さて、一番最後になると
</IndexArticlesLoop>
<!-- Loop End -->
</div>
</div>
という部分を探して
１つめの</div>と２つ目の</div>の間に
<div id=to_top><a href="#top">ページの一番上へ</a></div>
と記述して保存してください。
さらにCSSに
#to_top{float:right}
を記述して保存してください。
最後に、再構築はもちろんしてくださいね。
私のページは２カラムなので
３カラムだとちょっと違うかもしれませんが、
記事の繰り返しの最後に<!-- Loop End -->
という部分があると思うので
その後にリンクを作成すればいいと思います。
1.
2006-03-13 12:39:24
パンくずリストというのは，
トップ＞カテゴリー＞サブカテゴリー＞項目
という風に階層が深くなるときに，迷子にならないために作るナビゲーションだと思います．
ご質問のだと普通のリンクになると思います．
ページの一番上のどこかに，
<a name="top">一番上</a>
と書いておいて，リンクを作る場所で，
<a href="#top">ページの一番上へ</a>
と書くと実現できます．
トップ＞カテゴリー＞サブカテゴリー＞項目
という風に階層が深くなるときに，迷子にならないために作るナビゲーションだと思います．
ご質問のだと普通のリンクになると思います．
ページの一番上のどこかに，
<a name="top">一番上</a>
と書いておいて，リンクを作る場所で，
<a href="#top">ページの一番上へ</a>
と書くと実現できます．
回答レベル : 回答
2.
2006-03-13 12:51:15
1の方の説明どおり、それはパンくずリストとはいいません。
さて本題、
トップページをカスタマイズする画面で
<div class="blogbodybottom">○</div>という部分を探してください。（○はありません）
○の部分に<a href="#top">ページの一番上へ</a>と記述してください。
<a name="top"></a>はすでにデフォルトで存在すると思うので、これでいけると思います。
必ず保存してください。
なお、右下に配置するには、CSSのカズタマイズ画面で、
.blogbodybottom{float:right}で可能だと思います。
CSSも保存したら、再構築してください。
さて本題、
トップページをカスタマイズする画面で
<div class="blogbodybottom">○</div>という部分を探してください。（○はありません）
○の部分に<a href="#top">ページの一番上へ</a>と記述してください。
<a name="top"></a>はすでにデフォルトで存在すると思うので、これでいけると思います。
必ず保存してください。
なお、右下に配置するには、CSSのカズタマイズ画面で、
.blogbodybottom{float:right}で可能だと思います。
CSSも保存したら、再構築してください。
3.
2006-03-15 13:24:40
↑パンくずリストに関しては、これを参考にされて下さい。
個別記事のトップに戻るには、その個別記事のアドレスに行けば良いので、一番簡単な方法はその記事のアドレスにリンクを貼る方法です。
個別記事のHTMLにこのリンクを貼ります。
<a href="<$ArticlePermalink$>">この記事のトップへ</a>
<$ArticlePermalink$>の部分はライブドアブログの独自タグです。
以下に一覧があります。参考にされて下さい。
Ads By Google
コメント(9)
#1. オニキス
2006-03-13 20:04:20
あ，確かに，デフォでBODYの直後にありますねー．
#2. candy_300
2006-03-14 10:59:46
>たっけーさん
やってみたところ、すべての記事に対して下に[ページの一番上へ]というリンクがついてしまいました！
どうしましょう？
トップページの一番下だけでいいんですけど…
#3. 試験利用者
2006-03-15 04:14:59
位置がちょっとおかしかったのかもしれませんね。
#4. candy_300
2006-03-15 09:40:38
すいません、それで、どうすればいいのでしょうか…？(ToT)
#5. しょぼい回答
2006-03-15 13:53:53
あ、すみません。トップページだけですね。
トップページのHTMLに、トップページのリンクを貼れば良いです。
<div align="right"><a href="トップページのアドレス">トップへ</a></div>
#6. しょぼい回答
2006-03-15 13:55:10
補足：
<a href="#top">ページの一番上へ</a>の方が、余計なリンクが増えないので、スマートです。
#7. candy_300
2006-03-16 01:10:59
やはりすべての記事に対してついてしまいます(>_<)
どうすればいいでしょうか？
#8. オニキス
2006-03-16 01:47:15
書く位置が間違っているのかと・・・．
<body>の直後に，
<div style="position:fixed;left:500px;top:500px;width:100px;height:20px;><a href="#top">ページの一番上へ</a></div>
冗談です，ごめんなさい．
#9. candy_300
2006-03-16 12:35:36
うまくできません…
やはり全部の記事についてしまうんですけど…
