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

此れでよければ 一度
ペ-ジの最上部に
<a name="aaa">≪Top≫</a>
<a href="#menu">メニューへ</a>
ペ-ジの最下部に
<a href="#aaa">Topへ移動</a>
<a name="menu">≪メニュー≫</a>
コメント(6)
1:現在使っているデザインは何ですか?
(以前の質問をみるとオレンジ(3カラム)を使っていたみたいですが、今もそうですか?)
2:同じような質問とは具体的にどの質問で、どの部分が分かりませんでしたか?
以上の2点をコメント欄に書かれると、回答がつきやすくなると思います
現在は「桜(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を見ても
どこに記入するのか解らなかったのです。
kimmay さん今晩は、
先程のコメントの内容は
便宜上、 各記事掲載時に本文の最初と最下部に
書き添えたらと云う意味です。
>>#2
「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」
でCSS等を変更できるページが出ますが、kimmayさんのコメントやのたまうたまさんの回答は、スタイルシート(CSS)の横にある「個別記事ページ」や「トップページ」等をクリックしてから、編集してください(変えたいところを、アーカイブもそうされたいならすべてです)
編集が終わったら「この内容で保存する」を押し、必要なページを再構築することを忘れないで下さい
>>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;
としているが、リンクが左側にきてしまって
いますが…。
とりあえず、この質問は解決済みとさせて頂きます。
回答、コメントをくださった方、ありがとうございました。




