個別記事
ブログ各記事へのジャンプ
2005年08月13日
トップページの各記事に行くにはスクロールしなければなりません。これは結構手間です。
ところが「にじ魂」さんのページに「タイトル一覧でブログを読み易くしよう」という記事を見つけて利用させて頂きました。元々は、「弱小エンジニアの小言」さんの「月別アーカイブにタイトルリストをつける」からの改造だそうです。
個別記事へのリンクではなく、同じページ内の各記事へのジャンプですので、瞬間的に移動ができてたいへん便利です。また、コメントの数も表示されます。今回は、これに投稿日を加えて表示させました。
各記事の下には、ページトップへのリンク(Pege Top)を設けましたから、トップへ戻るのも簡単です。
記述は、トップページや月刊アーカイブ等設置したいページのHTMLテンプレートに書き込んで保存し、再構築します。
注意点は、<IndexArticlesLoop>より前に設置します。そうしないと各記事ごとに「タイトル一覧」が表示されてしまいます。
記述位置ですが、私の場合は、
<div id="blog">
この(↑)記述の下に、
<ol>
<IndexArticlesLoop>
<li><$ArticleDate$>: <a href="#<$ArticleId$>"><$ArticleTitle ESCAPE$></a> (<$ArticleCommentCount$>)</li>
</IndexArticlesLoop>
</ol>
上記(↑)、HTMLを書き込みました。
<ol><li>〜</ol></li>は数字リスト表示です。
また、スタイルシート(CSS)テンプレートの任意の位置に、
ol{
margin:0 0 20px 40px;
font-size:10px;
color:#03a;
line-height:110%;
}
li{}
を書き込みます。ここの設定は各自の好みによりますよね。
このジャンプ機能を付けた後、個別記事のプラグインを取り外しました。以前から感じていたのですが、ブログには左右のカラムに同じようなリンクがあったりして惑うわけですね。カレンダーも同様・・いえ、こちらは思うようにアレンジできずに取っ払いました。
私も初心者です。簡単できて便利な改造を紹介しました。おかしな点は御助力を頂ければ実に幸いです。
ところが「にじ魂」さんのページに「タイトル一覧でブログを読み易くしよう」という記事を見つけて利用させて頂きました。元々は、「弱小エンジニアの小言」さんの「月別アーカイブにタイトルリストをつける」からの改造だそうです。
個別記事へのリンクではなく、同じページ内の各記事へのジャンプですので、瞬間的に移動ができてたいへん便利です。また、コメントの数も表示されます。今回は、これに投稿日を加えて表示させました。
各記事の下には、ページトップへのリンク(Pege Top)を設けましたから、トップへ戻るのも簡単です。
記述は、トップページや月刊アーカイブ等設置したいページのHTMLテンプレートに書き込んで保存し、再構築します。
注意点は、<IndexArticlesLoop>より前に設置します。そうしないと各記事ごとに「タイトル一覧」が表示されてしまいます。
記述位置ですが、私の場合は、
<div id="blog">
この(↑)記述の下に、
<ol>
<IndexArticlesLoop>
<li><$ArticleDate$>: <a href="#<$ArticleId$>"><$ArticleTitle ESCAPE$></a> (<$ArticleCommentCount$>)</li>
</IndexArticlesLoop>
</ol>
上記(↑)、HTMLを書き込みました。
<ol><li>〜</ol></li>は数字リスト表示です。
また、スタイルシート(CSS)テンプレートの任意の位置に、
ol{
margin:0 0 20px 40px;
font-size:10px;
color:#03a;
line-height:110%;
}
li{}
を書き込みます。ここの設定は各自の好みによりますよね。
このジャンプ機能を付けた後、個別記事のプラグインを取り外しました。以前から感じていたのですが、ブログには左右のカラムに同じようなリンクがあったりして惑うわけですね。カレンダーも同様・・いえ、こちらは思うようにアレンジできずに取っ払いました。
私も初心者です。簡単できて便利な改造を紹介しました。おかしな点は御助力を頂ければ実に幸いです。
トラックバックURL
この記事へのトラックバックは下記のURLをコピーしてください。
この記事のトラックバックURL:
http://app.blog.livedoor.jp/ur8823/tb.cgi/50123934
この記事のトラックバックURL:
http://app.blog.livedoor.jp/ur8823/tb.cgi/50123934
この記事にコメントする