カテゴリーページを記事一覧表示にしてみよう!

はいこんにちは、今日はカテゴリーページを記事一覧にして表示させる
やり方をレクチャーしますよー。

それはいったいどういう事かというと



カテゴリーページを記事一覧表示にしてみよう!


こんな感じの表示です。

これらが何に繋がるかというと、
自分のブログ内での回遊性がUPします。

ページビューが増えるという事ですが、
これは大切な事ですよ。

それでは、いってみましょーーー。



■アーカイブのタグを変更する

管理画面 > デザイン > オリジナルデザインの登録

アーカイブ

<div id="content">

<div class="blog">
<EntrysLoop>
<%TrackBackAutoDiscovery%>
<div class="blogbody">
<IfDateChanged><h2 class="date"><%EntryDate%></h2><a name="<%EntryDateTag%>"></a></IfDateChanged>

<a name="<%EntryId%>"></a>
<h3 class="title"><%EntryTitle%></h3>
<div class="main"><%EntryBody%>  <IfEntryBodyMore><span class="main-continues"><a class="acontinues" href="<%EntryPermalink%>#more">続きを読む</a></span></IfEntryBodyMore></div><br clear="all" />
<div class="posted">Posted by <%EntryAuthor%> at
<a class="aposted" href="<%EntryPermalink%>"><%EntryTime%></a>
<IfEntryAllowComment>│<a class="aposted" href="<%EntryPermalink%>#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment>
<IfEntryAllowPing>│<a class="aposted" href="<%EntryPermalink%>#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>
<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>
</div>
</div>
</EntrysLoop>
<div class="menu"><IfPrevPage>[<a class="amenu" href="<%PrevPage%>">前のページ</a>]</IfPrevPage><IfNextPage>[<a class="amenu" href="<%NextPage%>">次のページ</a>]</IfNextPage></div>
<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
</div>
</div>



<div class="content">
↑で始るタグからそれが閉じられているタグまでを
そっくり↓の文と入れ替えます。



<div id="content">

<div class="blog">

<IfDateChanged><h2 class="date"></h2>
<a name="<%EntryDateTag%>"></a></IfDateChanged>
<div class="blogbody">
<a name="<%EntryId%>"></a>
<h3 class="title"><%CategoryName%></h3>

<div class="main">
<EntrysLoop>
<a href="<%EntryPermalink%>"><h3>・ <%EntryTitle%></h3></a><br>
</EntrysLoop>
</div>

</div>

<div class="menu"><IfPrevPage>[<a class="amenu" href="<%PrevPage%>">前のページ</a>]</IfPrevPage><IfNextPage>[<a class="amenu" href="<%NextPage%>">次のページ</a>]</IfNextPage></div>
<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
</div>
</div>



しかしながら、全てのテンプレートで動く保証がないので、
自己責任でお願いしますね。

テンプレートタグをメモ帳か何かに保存する事をオススメします。

もし崩れてしまったら、新しいテンプレートに変更しましょう。
それが近道です。


色々と拡張できそうですが、今回はこんな感じで。



同じカテゴリー(■CSS&ブログの活用講座!)の記事

この記事へのコメント
わー。教えてくれてありがとう!
と思ったけど、
うちのテンプレートやったら無理やったわ。
Posted by めぐみ@離島 at 2006年11月25日 08:53
安座間です。これ、すばらしいですねー。
だいぶ見やすくなりますよ。(^^
Posted by 安座間 徹 at 2006年11月25日 15:18
こんばんは~。
カフェジャムのブログ講習会でお世話になりました!
あれからなんとかがんばってやっとブログ作成しました。

新ブログです→http://morinoomocyabako.ti-da.net/

いろいろありがとうございました、助かりました。(^^)
「カテゴリーページの一覧表示」もよさげですね~
今度やってみますネ!
Posted by さち at 2006年11月26日 23:42
こんばんは~。
カフェジャムのブログ講習会でお世話になりました!
あれからなんとかがんばってやっとブログ作成しました。

新ブログです→http://morinoomocyabako.ti-da.net/

いろいろありがとうございました、助かりました。(^^)
「カテゴリーページの一覧表示」もよさげですね~
今度やってみますネ!
Posted by さち at 2006年11月26日 23:45
■めぐみさんへ

こちらちょっと改訂してみましたよー。
これなら使えるとおもうのですが、タグの閉じ忘れ等に気をつけてください。
難しいところですけどね。。

どうぞ宜しくお願いいたします。

■安座間 徹さんへ

ご指摘ありがとうございました。
早速ですが修正してみましたよ。
これならば何とかなると思います。

見やすいほうがいいですよねー


■さちさんへ
ブログいい感じですね!
とっても写真いい感じですし!

今後も楽しみにしています!
Posted by だーしゃ at 2006年11月29日 22:06
だーしゃさん、「カテゴリーページを記事一覧」だけじゃなくて
「月別ページを記事一覧」でもできますか?
Posted by pyo at 2006年11月30日 12:39
pyoさんへ

月別ページなのですが、こちらおそらくアーカイブのテンプレートを
利用しているので、上の方法で編集したら記事タイトルの一覧で表示する事ができるとおもいますよー。

僕があまり月別を使わないのですが、、
多分イケルと思います!
Posted by だーしゃ at 2006年12月02日 03:26
お世話になってます。
大変参考になりました。

いつも投稿記事の上に、アドセンスが貼っててありますが、まねできません。

カスタムインプラグを記事の中に選んでも、んだブログの場合一番下に表示されます。

投稿記事の中にアドセンスを貼ってみたら、投稿できませんでした。
システムが違うのでしょうか?
Posted by はる at 2006年12月04日 02:55
■はるさんへ

こちらなのですが、アドセンスをオリジナルデザインの中に埋め込んでいるんですよ。

記事中には貼る事ができないので、ちょっと工夫が必要です。

それもブログネタにしますねーー。
Posted by だーしゃ at 2006年12月05日 17:11
だーしゃさん、はじめまして。
ayanさんのところよりおじゃましました。
そんなことができるんだ!と驚きつつ、
やらせていただきました。
ありがとうございました!
Posted by みたーじゅ at 2007年01月07日 22:59
■みたーじゅさんへ

コメントありがとうございます!
どんどん使ってくださいねー

色々いじるとできますですよ(^^)
どうぞ宜しくです!
Posted by だーしゃ at 2007年01月08日 10:46
はじめまして。
ほんとにいつも参考にさせていただいております。
だーしゃさんがおらんかったら途方にくれてるところでした。
(初心者にはありがたい・・・)早速いろいろやってみました
なんとかかんとか形になりつつあります。ほっつ・・
これからも参考にさせていただきます。

だーしゃさん、ぶしつけながら質問なのですが

サイドバーの「管理プラグイン」のところがいわゆる「折りたたみ」に
なっているようなのですが、これはどうやっておられるのですか?
サイドバーがすごく長くなってしまって、困っています。これなら
短くなるかなぁ。と思ったので。
Posted by まさ at 2007年02月13日 14:33
■まささんへ

こちら一年近く見落としてしていました!すいません(><)
以前あった折りたたみ式のやつですよね(^^;

こちらはテンプレートに直接書き込む事で出来ていたんですが、
現状とりはずしてしまったので、
どうやってやるかはちょっとわすれてしまいました。。。
すいません。。。

しかし、こちらは普通のカスタムプラグインではできないし、
サイドバーに出てて来るプラグインを折りたたみすることはできないので。。

そちらを考慮していただければとおもいます。
どうぞよろしくお願いいたします。(^^)
Posted by だーしゃだーしゃ at 2008年01月09日 09:20
だーしゃさん初めまして、テンプレのカスタマイズでよく参考にさせていただいてます。

本日久しぶりにブログのカスタマイズをやってまして作業内容を記録するために記事を書いているのですが参考になった記事のリンクを付けてしまいますがよろしいでしょうか??

それとhtml関連で「謎」があるのですが記事に入れてますので手が開いている時にでも見ていただけるならありがたいです
Posted by てるてる at 2011年08月05日 19:12
■てるてるさんへ
はじめまして、コメントありがとうございます、
リンクはもちろん問題ないですー、そしてブログに遊びに行ったのですが、
とてもヘッダーの写真とかいいですね!!!!!
そして謎の部分ですが、こちらシステム的??な所がちょっと絡んでるので、
自分では設定がどうなってるかちょっと現状わからないです、、、
ちょっとみてみましょうね
Posted by だーしゃ at 2011年08月05日 20:18
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。