ひとりでできるもん：パンくずリストとタイトルリンク

このブログも始めて約1年半ぐらいですかね、はじめはブログド素人もいいとこでして
ただ記事を書いてるだけだったのですが


ゆうほーさんはじめ色々な方からサポートしてもらったり、本を読んだりしながら

私もやっと自分で構築とかできるようになってきました(^^)

最近ブログでもSEOは大事だと小耳にはさみまして、勉強がてらこのブログで色々試してみちゃってたりするわけです。

今「Lunascape ブラウザ」でYahoo4位なんですよ！！ちょっと才能アリじゃないですか〜〜(^^)
メインの「タブブラウザ」ではまだ20位前後だったりするのですが、ブログでは最上位だったり！



自分が有能すぎて怖い・・・・（嘘です



さてさて先週末、ちょっと改造してみようと思ってパンくずリストと記事ごとのタイトルリンク（TOPページ）をつけてみました。
理由としては各記事のURLがわかりやすいかな、と。


検索して方法を調べても、お手本どおりの設置箇所みつからなかったりして
もうほとんど勘に頼る感じでやったのですが（しかも徹夜）

意外と完璧に設置できて嬉しい限りです、
一応方法を載せますね！

【パンくずリストの設置方法】
管理画面
「カスタマイズ/管理」⇒「デザインの設定」⇒「カスタマイズ」⇒「スタイルシート(CSS)」⇒「個別記事ページ」

「<div class="blog">」というタグの手前に
<div id="navigation">
<small><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a><IfNextArticle>＞<a href="<$ArticleCategoryUrl$>"><$ArticleCategory ESCAPE$></a></IfNextArticle>＞<font color=○○○○><$ArticleTitle ESCAPE$></small><br></div>というタグを追加します。

修正前の例
<div class="blog">

修正後の例
<div id="navigation">
<small><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a><IfNextArticle>＞<a href="<$ArticleCategoryUrl$>"><$ArticleCategory ESCAPE$></a></IfNextArticle>＞<font color=○○○○><$ArticleTitle ESCAPE$></small><br></div>
<div class="blog">
※フォントカラー<font color=○○○○>はご自分のブログに合わせて変更してください。フォントカラー早見表

終わったら内容を保存し、管理画面に戻りすべてのページを再構築します。
※私の場合<div class="blog">が無くて<div class="body">かなんか適当に似たやつを探してそこに置きました。

【記事ごとのタイトルリンク設置】
「カスタマイズ/管理」⇒「デザインの設定」⇒「カスタマイズ」⇒ HTMLの管理ページ（4つあります）からそれぞれ
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>

という記述を探し

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

に書き換えます。
終わったら内容を保存し、管理画面に戻りすべてのページを再構築します。

あと、ブログ内検索もGoogleに変更しました。（時間があれなのでこれはまた今度）
次はaltとか入れたいな〜・・・・


ではでは！


素敵で便利なタブブラウザLunascapeのダウンロードはこちら

Comments

1. Posted by fix    2007年12月10日 16:52

あ〜〜〜〜。!

タイトルがリニューアルってる！

2. Posted by YUKI    2007年12月10日 18:25

fixさん
実はこれがもともとのタイトルなのですよん。
ってか戻してからかなり経ちますってば(^^;)