解決済

clip!clip!
Ads By Google

各ページの最後に、“ページの一番上へ”などで表示される、ページの一番上に戻るリンクを作成したい。

ブログのデザインは3カラムで、カスタマイズする以前に“次のページへ”というリンクがページの下に表示されています。同じような質問があり、見てやってみたのですが、どうもよく解らなかったでの質問します。特にCSSにも記入するようですが、その記入場所が解りません。よろしくお願いします。

2006-06-17 19:52の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-06-18 00:41:24みんなナイスな
 此れでよければ 一度

ペ-ジの最上部に
<a name="aaa">≪Top≫</a>
<a href="#menu">メニューへ</a>

  ペ-ジの最下部に
<a href="#aaa">Topへ移動</a>
<a name="menu">≪メニュー≫</a>
Ads By Google

コメント(6)

#1.  060731
2006-06-17 21:37:02

1:現在使っているデザインは何ですか?
 (以前の質問をみるとオレンジ(3カラム)を使っていたみたいですが、今もそうですか?)

2:同じような質問とは具体的にどの質問で、どの部分が分かりませんでしたか?

以上の2点をコメント欄に書かれると、回答がつきやすくなると思います

#2.  kimmay
2006-06-18 01:21:36

現在は「桜(3カラム)」を使っています。
具体的によく解らない点は、
以前、以下のような回答を見たのですが、

</IndexArticlesLoop>
<!-- Loop End -->
</div>
</div>
という部分を探して
1つめの</div>と2つ目の</div>の間に
<div id=to_top><a href="#top">ページの一番上へ</a></div>
と記述して保存してください。
さらにCSSに
#to_top{float:right}
を記述して保存してください。

という部分で、
トップページの記入すべき箇所は見つけられたのですが
#to_top{float:right}
というのが、CSSを見ても
どこに記入するのか解らなかったのです。

#3.  kimmay
2006-06-18 01:24:50

>>1のたまうたまさん、コメントありがとうございます。
ところで、記入するのは、カスタマイズ/管理のトップページの最上部と最下部でよいのでしょうか。

2006-06-18 02:00:57

 kimmay さん今晩は、
先程のコメントの内容は
便宜上、 各記事掲載時に本文の最初と最下部に
書き添えたらと云う意味です。

#5.  060731
2006-06-18 10:31:01

>>#2
 「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」
でCSS等を変更できるページが出ますが、kimmayさんのコメントやのたまうたまさんの回答は、スタイルシート(CSS)の横にある「個別記事ページ」や「トップページ」等をクリックしてから、編集してください(変えたいところを、アーカイブもそうされたいならすべてです)
 編集が終わったら「この内容で保存する」を押し、必要なページを再構築することを忘れないで下さい

#6.  kimmay
2006-06-18 21:45:00

>>2ページの一番下のみに「ページの一番上へ」と入れたかったのですが、結局各記事の下に入れました。

やり方:
トップページの
<div class="blogbodybottom"></div></div>
の</div>と</div>の間に
<a href="#top">ページの一番上へ</a>
を挿入。

<div class="blogbodybottom"></div><a href="#top">ページの一番上へ</a></div>

カテゴリーアーカイブ、月別アーカイブも
トップページと同じ処理。

CSSの
.blogbodybottom{
の後に
float:right;
を挿入。

こうすると、ブログのトップページ、カテゴリーアーカイブ、月別アーカイブを開いた時、どの記事の下にも
「ページの一番上へ」というリンクがある。
(ただ、CSS内で
.blogbodybottom{float:right;
としているが、リンクが左側にきてしまって
いますが…。

とりあえず、この質問は解決済みとさせて頂きます。
回答、コメントをくださった方、ありがとうございました。

トラックバック(2)

トラックバックURL: