› ちょこっと試した備忘録 › 記事テンプレート › ページ上部への移動リンクを付ける
このブログで行っている変更部分は、「CUSTOMIZE」をクリックすると表示します

最近の記事

Powered by SEO

2009年09月13日

ページ上部への移動リンクを付ける

ページ下の表示このブログで使っている「オリジナル★テンプレート」では、ページの下の方に「このページの上へ▲」というリンクが付けられています。

このリンクをクリックしますと、表示しているページの一番上、すなわちヘッダー画像が表示されます。


変更前この、「このページの上へ▲」と同じ機能のリンクを、それぞれの記事の終わりに付けることにしました。

右が、リンクを付ける前の状態です。


変更後そしてこちらが、リンクを付けた後の表示です。

」の▲の部分をクリックしますと、表示しているページの一番上を表示します。


変更の手順は、次のようになります。

1. 「個別記事」テンプレートに「」印を付ける
2. 「アーカイブ」テンプレートに「」印を付ける


1. 「個別記事」テンプレートに「▲」印を付ける

次の部分を変更します。

変更前

<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory></div>


変更後

<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>│<a
class="aposted" href="#top" title="このページの上へ">▲</a>
</div>


上記のように、赤い文字のコードを追加してください。
「登録」をクリックしますと、変更内容が保存されます。


2. 「アーカイブ」テンプレートに「▲」印を付ける

次の部分を変更します。

変更前

<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>


変更後

<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>│<a
class="aposted" href="#top" title="このページの上へ">▲</a>



上記のように、赤い文字のコードを追加してください。
「登録」をクリックしますと、変更内容が保存されます。

これで、編集作業は終わりです。


同じカテゴリー(記事テンプレート)の記事画像
アーカイブをフォトログ表示にする
ページ上部へするする移動させる
個別記事表示は、記事の先頭から表示する
ファビコンを付ける
タイトルバーに記事名を先に表示させる
ヘッダー画像をランダムに変える(画像リンク付)
同じカテゴリー(記事テンプレート)の記事
 アーカイブをフォトログ表示にする (2009-09-16 19:53)
 ページ上部へするする移動させる (2009-09-13 16:22)
 個別記事表示は、記事の先頭から表示する (2009-08-29 16:48)
 ファビコンを付ける (2009-08-27 18:58)
 タイトルバーに記事名を先に表示させる (2009-08-15 16:08)
 ヘッダー画像をランダムに変える(画像リンク付) (2009-08-12 22:32)