読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。 解除は→こちら
現在の読者数 189人
参加サークル
マイフレンド
てぃーだオフィシャルブログ
沖縄の食べ歩き・グルメ情報

沖縄暮らし・スポット情報

てぃーだの特別企画ブログ

オフィシャルブログ

てぃーだスタッフの日常

沖縄ブログ村
アーカイブ

2006年11月25日

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

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

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





こんな感じの表示です。

これらが何に繋がるかというと、
自分のブログ内での回遊性が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>



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

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

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


色々と拡張できそうですが、今回はこんな感じで。
この記事へのコメント

■ めぐみ@離島

http://nagararich.ti-da.net わー。教えてくれてありがとう!
と思ったけど、
うちのテンプレートやったら無理やったわ。
Posted by めぐみ@離島 at 2006年11月25日 08:53

■ 安座間 徹

http://azamatoru.president-blog.jp 安座間です。これ、すばらしいですねー。
だいぶ見やすくなりますよ。(^^
Posted by 安座間 徹 at 2006年11月25日 15:18

■ さち

http://aparagi.ti-da.net/ こんばんは~。
カフェジャムのブログ講習会でお世話になりました!
あれからなんとかがんばってやっとブログ作成しました。

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

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

■ さち

http://aparagi.ti-da.net/ こんばんは~。
カフェジャムのブログ講習会でお世話になりました!
あれからなんとかがんばってやっとブログ作成しました。

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

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

■ だーしゃ

http://daxia.ti-da.net ■めぐみさんへ

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

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

■安座間 徹さんへ

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

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


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

今後も楽しみにしています!
Posted by だーしゃ at 2006年11月29日 22:06

■ pyo

http://pyoblog.ti-da.net/ だーしゃさん、「カテゴリーページを記事一覧」だけじゃなくて
「月別ページを記事一覧」でもできますか?
Posted by pyo at 2006年11月30日 12:39

■ だーしゃ

http://daxiazzz.ti-da.net/ pyoさんへ

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

僕があまり月別を使わないのですが、、
多分イケルと思います!
Posted by だーしゃ at 2006年12月02日 03:26

■ はる

http://haru.n-da.jp/ お世話になってます。
大変参考になりました。

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

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

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

■ だーしゃ

http://daxiazzz.ti-da.net ■はるさんへ

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

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

それもブログネタにしますねーー。
Posted by だーしゃ at 2006年12月05日 17:11

■ みたーじゅ

http://syogakuseinosyokutaku.ti-da.net/ だーしゃさん、はじめまして。
ayanさんのところよりおじゃましました。
そんなことができるんだ!と驚きつつ、
やらせていただきました。
ありがとうございました!
Posted by みたーじゅ at 2007年01月07日 22:59

■ だーしゃ

http://daxiazzz.ti-da.net/ ■みたーじゅさんへ

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

色々いじるとできますですよ(^^)
どうぞ宜しくです!
Posted by だーしゃ at 2007年01月08日 10:46

■ まさ

はじめまして。
ほんとにいつも参考にさせていただいております。
だーしゃさんがおらんかったら途方にくれてるところでした。
(初心者にはありがたい・・・)早速いろいろやってみました
なんとかかんとか形になりつつあります。ほっつ・・
これからも参考にさせていただきます。

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

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

■ だーしゃだーしゃ

http://daxiazzz.ti-da.net/ ■まささんへ

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

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

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

そちらを考慮していただければとおもいます。
どうぞよろしくお願いいたします。(^^)
Posted by だーしゃだーしゃ at 2008年01月09日 09:20
 



■沖縄からヨッシャー(=^^)9新着記事


>>最新画像の一覧を見る>>ブログの記事一覧を見る
RSS表示パーツ

■各種オリジナルページへ
サイトマップ
ブログ記事一覧を見る
アルバム
写真の一覧を見る
タグ
タグでの区分けを見る

この記事へのトラックバックURL

この記事へのトラックバック
だーしゃさんの記事を参考にして作ったカテゴリページの記事一覧に、画像&概要も表示させちゃう方法です゜+。:.゜ヽ(*´∀`)ノ゜.:。+゜
アーカイブの記事パート2☆【デザインいじり。】at 2006年12月14日 19:55
てぃーだブログの基本設定では、ブログのカテゴリーページ(たとえば「野菜料理」のページ)を開いたときに、記事が順番に表示されるようになっていますが、これを「記事タイトルのみ...
[てぃーだブログ] カテゴリーページの記事一覧表示【へっぽこ調理師のごはんレシピ】at 2007年01月07日 08:51
カテゴリーページを記事一覧表示にしてみよ
alessia fabiani calendario maxim【alessia fabiani calendario maxim】at 2007年02月23日 03:23
だーしゃさんと、カフェ王子☆さんを参考にさせて頂きアーカイブの表示方法をカスタマイズしました。
カスタマイズ アーカイブ表示の一覧【[OL主婦の家事と美容の暮しレシピ]】at 2007年02月25日 05:28
このブログのカテゴリ・アーカイブ・そして検索結果を、記事一覧&概要で表示できるようにカスタマイズしました。参考にさせていただいたのは以下の2サイト。沖縄からヨッシャー(=...
カテゴリを記事一覧&概要に【株初心者が株式投資に挑戦するブログ】at 2007年04月02日 15:26