[OL主婦の家事と美容の暮しレシピ]

てぃーだブログでカテゴリー別や月別に表示させた時に
本文を表示させるのではなく、
画像・タイトル・概要を一覧で表示させる方法です。

私がてぃーだで運営している、このブログや沖縄料理レシピブログは
ブログの内容を考えると この表示方法が似合わないので、
今回は笑味たれクラブを例にしました。

一覧表示されているので見やすいし、見た目もなかなか素敵♪

　　該当ページはこんな感じです。
笑味たれクラブ　野菜料理レシピカテゴリーの一覧ページ

今回はいつもお世話になっている　
だーしゃさんのカテゴリーページを記事一覧表示にしてみよう！ と
はじめましてのブログふくおかよかよか　
カフェ王子☆さんのアーカイブの記事パート２☆を参考にさせて頂きました。


私が変更させて頂いた点は
・表示させる画像のサイズをwidth="90" height="68"
　これは普段私がリサイズしているのが320×240のためです。
　ご自身がよく使われている画像のサイズを縮小したものが
　バランスよく表示されると思います。

・画像のａｌｔタグを日付表示から記事タイトルの表示へ　
　ＳＥＯ的に考えてこれがいいかな・・・と考えました。
　その分、日付はタイトルの下に表示。

・記事のタイトルの位置を画像の上から横へ
　場所がいっぱい余っていたので(^^ゞ

いづれにしても、カフェ王子☆さんと、だーしゃさんのエントリーがなければ
とうてい私には出来ないワザです。
カフェ王子☆さん、だーしゃさん有難うございました♪


では実際の変更方法です。


カスタマイズの前に
カスタマイズをする前に必ず現在の状態の「アーカイブ」をメモ帳などにコピーして保存しておくことをお薦めします。万が一うまくいかなかった場合も、
直前の状態をバックアップしておけばすぐに元に戻すことが出来ます。

全てのテンプレートでの動作保証はできませんので、
自己責任にてご利用くださいませ。

既にアーカイブ表示を変更している方は、その部分を
あとから追加で変更してください。


今回、変更するのは「アーカイブ」のみ。
てぃーだ管理画面　→　「デザイン」タブをクリック→
左メニューの「オリジナルデザインの登録」→アーカイブ





<div id="content">
　　　（中略）
<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
</div>
</div>

と、なっている部分を　下のものと入れ替えます。


<div id="content">
<div class="blog">

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

<div class="main">
<EntrysLoop>
<a href="<%EntryPermalink%>"><img src="<%EntryImg%>" alt="<%EntryTitle%>" width="90" height="68" align="left" /><h3><%EntryTitle%></h3></a><span style="font-size: 12px;"><%EntryDate%><br><%EntryExcerpt%></span><br clear="left"><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>


■以上■

■　この記事のトラックバック先　■
だーしゃさん：カテゴリーページを記事一覧表示にしてみよう！
カフェ王子☆さん：アーカイブの記事パート２☆


　私・・・さほど詳しくございませんので、
ご要望、ご質問はご遠慮くださいませ。（お願いっ）


SEO関連本


★日本創芸学院「インターネット副収入講座」
アフィリエイト講座の講師をさせて頂いています。
資料請求は無料です＾＾
私のアフィリエイト関連本

利用中アフィリエイトサービス *アクセストレード　（高額報酬のものが多い） *リンクシェア・ジャパン　（他のASPにはない大手企業が多い） *JANet　（お試しセットなどで他社より報酬が高いものが多い） *A8.net　（審査ほぼなし。現在は国内最大級のASP） *バリューコマース　（老舗ASP。旅行会社など多い） *トラフィックゲート　（利用簡単。楽天市場の報酬も現金） *アフィリエイト2.0　（ビッターズのアフィリエイト　紹介商品が多い） *楽天アフィリエイト *Amazon