最新情報はメルマガ(無料)でお知らせしています
メルマガ登録・解除 ID: 0000164859
モテるブログ通信
  
バックナンバーpowered by まぐまぐトップページへ

トップページの個別記事のタイトルをリンク文字にする

トップページから、個別記事へと移動するときに、
10:51 といった時間や、
Comment(0)とかTrackBack(0)といった小さな文字のリンクを
クリックしてますか?

クリックしにくいな〜という方は、是非、
記事タイトルを個別記事へのリンクへと変えてみてください♪


ブログカスタマイズ無料レポート下準備してからブログカスタマイズますか? 上記にもあるので、やっておいてください。
画像付きで詳しく解説している無料レポートを読みながらやると、わかりやすいです♪
詳細はコチラ≫
メールアドレス:



今回は、トップページのテンプレートを編集します。
無料レポートをお読みで、すでに下準備ができている方は、
1_top.htmlというファイルになります。

これを高機能テキストエディタで開きます。

<変更箇所>
トップページのテンプレート内にある、【 class="title" 】という箇所を探します。

こんなカンジで見つかります。
<h3 class="title"><$ArticleTitle ESCAPE$></h3>

<$ArticleTitle ESCAPE$>というのが、記事投稿のときに、
入力した記事タイトルと置き換えられる部分です。

例えば、記事のタイトルに
「ブログのカスタマイズをしてみました」と入力して
ブログの記事を投稿した場合に、
<h3 class="title">ブログのカスタマイズをしてみました</h3>

という風になって、トップページや個別ページのHTMLが作られるんですねっ

さてさて、この「ブログのカスタマイズをしてみました」を
リンク文字にするには、アンカータグで囲ってやる必要がありマス。

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

変更できたら、無料レポートの通りにやっている方は、
まずは1_top.htmlを保存して、ブラウザで見てみてください。
リンクになってますか?
 ※リンクのところにマウスカーソルを持っていくと、
 手で図示するカーソルに変わります。

出来ているようなら、このテンプレートの内容を
ライブドアのカスタマイズ画面(トップページ)に貼り付けて、保存。
続いて、トップページの再構築を行ってください。

自分のブログのトップページにアクセスして、
個別記事のタイトルがリンクに変わっていますか?

だったら、カスタマイズ終わりっ☆



■追加情報
他にも、カテゴリ別・月別のテンプレートでも、
同じことができます。

ぜひ、チャレンジしてみてくださいね!

トラックバックURL

コメントする

名前
メール
URL
絵文字

コメント一覧

    • 1. lily
    • 2005年12月06日 14:00
    • 琉海さま−−−

      できました♪
      個別記事のタイトルをリンク文字にしました。

      タイトルのバナーの文字が緑で、リンク文字がオレンジなんで、ちょっと、色的にカッコ悪いかな?

      タイトルの文字は白にしたほうがいいでしょうか。
    • 2. 琉海@モテるブログ
    • 2005年12月15日 05:37
    • >lilyさんへ

      良かったです☆
      ひとつひとつ、できるようになってくださいね

      んんっ?
      どのブログのことかしら…
記事検索