2007年05月25日

ライブドアブログの記事のタイトル部分に個別記事ページへのリンクを張ってみましょう!

リンクとは、リンクを張っている部分をクリックするとリンクに指定しているWebページや画像などにジャンプして誘導するためのものです。

ライブドアブログの記事のタイトル部分は、通常はリンクになっていませんが、他のブログサービスのブログなどでは、記事のタイトルをクリックすると、個別記事のページにジャンプするようなものもありますよね?

個別記事ページへのリンクはあった方が良いのかどうか、人によって考え方は違うと思いますが、簡単に設定できるので、必要に応じて設定してみてください。


個別記事ページへのリンクの設定は、HTMLファイルで行います。

個別記事ページへのリンクを張るわけですから、設定をするのはトップページ、カテゴリーアーカイブ、月別アーカイブのHTMLファイルになります。

まずは設定を行うHTMLファイルで、記事のタイトルを指定しているタグを探します。

記事のタイトルを表すライブドアブログの独自タグは、<$ArticleTitle ESCAPE$>です。

この記事のタイトルを指定している箇所は、下記の部分です。
*テンプレートによっては、記事のタイトルを指定しているHTMLタグが違う場合もあるかもしれませんが、記事のタイトルを表すライブドアブログの独自タグは、<$ArticleTitle ESCAPE$>であり、この独自タグは、<h3>〜</h3>の間に記述されている場合が多いと思われます。

<h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating>
<$ArticleRatingIcon$></IfArticleRating></h3>

ここの部分に下記の赤字のタグを追加してください。
*下のタグをコピーして必要箇所に貼り付けていただいてもOKです。

<h3 class="title"><a href="<$ArticlePermalink$>">
<$ArticleTitle ESCAPE$></a><IfArticleRating>
<$ArticleRatingIcon$></IfArticleRating></h3>

<$ArticlePermalink$>は、記事のURLを表します。それをリンクを設定する<a>〜</a>タグで、記事のタイトルを表す<$ArticleTitle ESCAPE$>と囲み、個別記事ページにジャンプするようにしています。

編集が終わったら、下の方にある、【この内容で投稿する】をクリックして、ブログを再構築してください。

再構築が終わったら、あなたのブログを実際に見て、記事のタイトルから個別記事ページへジャンプできているか確認してください。

なお、記事のタイトルから個別記事ページへのリンク設定は、トップページ、カテゴリーアーカイブ、月別アーカイブのHTMLファイル、それぞれ、記事のタイトルから個別記事ページへのリンクが必要なHTMLファイルに設定してください。



トラックバックURL

この記事へのコメント

1. Posted by ser   2007年08月17日 11:03
記事タイトルに個別記事へのリンクを張ると、タイトルの文字の色が本文などで指定されているリンクのアンカーテキストの色になってしまうのですが、どのように指定すれば回避できますか?
2. Posted by take   2007年08月18日 19:51
はじめまして、serさん。
「ライブドアブログカスタマイズの覚書」管理人のtakeです。
コメントありがとうございます。

serさんのご質問にお答えするのに、こちらのスペースでは、
少し狭いので、記事を作成しました。

カテゴリーの「スタイルシート(CSS)について」の中に、
「スタイルシート(CSS)の設定方法」と
「任意の範囲にスタイルシート(CSS)を設定する」
という記事があります。

お答えそのものは、「任意の範囲にスタイルシート(CSS)を設定する」
の中段くらいからになっています。

参考にしてみてください。
3. Posted by ser   2007年08月19日 07:31
ありがとうございます^^

ちょっと難しい内容でしたが、果敢に
やってみようと思います。
4. Posted by take   2007年08月19日 11:41
>serさんへ

わかりにくい説明になってしまったようで
すいません。

これからはもう少しわかりやすい記事を
書けるように、いろいろ勉強していきます
ので、これに懲りず、またこのブログに
遊びにきてください。

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔