それはそれでも良いか、と思っていたのですが、今日になって関数が使えることを思い出しました。
記事コンテンツHTML編集画面上の方
<% if:page_name eq 'category' -%>
<div class="lead">
<div class="lead-title">カテゴリー内記事一覧</div>
<div class="cbody">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject | shorten(34) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>
<% /if -%>
赤字部分を追加。
昨日は| shorten(34)を入れていなかったので折り返してしまったのだが、一行に収まるbyte数を指定してやることで、それ以上の分を省略してくれる。
おまけにshorten関数だと省略した場合末尾に「..」を追加してくれるようで省略されていることが明示でき、便利です。
あとはCSSに以下を追加。
.lead {
font-weight:normal;
line-height:120%;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #eeeeee;
border-right:2px solid #000;
border-bottom:2px solid #000
}
.lead-title {
font-size: 90%;
font-weight:bold;
padding:5px;
margin:0px;
background-color: #cccccc;
}
.cbody {
font-size: 12px;
padding:0px 5px 5px 5px;
margin:0px;
}
.cbody a {
margin:0px;
padding:0px;
width: 200px;
float: left;
background-color: #eeeeee;
font-weight: normal;
}
".cbody a "に"float: left;"をつけることで二段組で表示されるようになります。
カテゴリー内の記事が多くない場合は、こんなことはしなくても良いのでしょうが、このブログのようにカテゴリーの中に25個も記事があると単なるリストですと、長くなりすぎてしまいます。
それでもカテゴリー内の記事が40くらいになったら、カテゴリーを分けるとかしないと、いけないかもしれませんね。
ところで、HTMLソースの方なのですが、が無駄に入っている気がしますが、気のせいでしょうか?
たぶん、二段組みにするために、消した際に残ってしまったものと推測しているのですが、どうでしょう?
もし、違ったらごめんなさい。
タグを書くと消えてしまうのですね。
重要なところが、消えている。
liの終了タグが入っているということです。
すみません
確かに$lt;/li>が余分です。
修正しておきます。
この記事は大変参考になりました。
そこで疑問に思った事を書いてみます。
(HTMLなど初心者です)
この記事のカテゴリー分類は「seesaaブログカスタマイズ」ですが、記事一覧のタイトルには「カテゴリー内記事一覧」となっています。
この記事一覧のタイトルは、
そのカテゴリーごとに分類されている「カテゴリー名+一覧」と言うような表示に自動ではならないのでしょうか?
宜しくお願いします。
確かにその方がいいですね。
たぶん
<% loop:list_article -%>
<% article_category.name %>
<% /loop -%>一覧
でいけると思うのですが・・・
今度の休み(いつのことやら(--;))にでもやってみたいのです。
うまくいったらTBお願いします(^^ゞ
初心者の贅沢な注文に答えてくれて嬉しいです(笑)
そして無理な事を言ってスミマセン。
まってま〜す。
>あとはCSSに以下を追加。
とありますが、「デザイン」→「スタイルシート」→画面左側の「カテゴリ」の中に追加してみたのですが、上手くいきません。「カテゴリ」を開いてもカテゴリのCSSが何も表示されないのですが、それが原因でしょうか?
是非教えて下さい。
私の場合、メインのCSSに追加しました。
個別のCSSを使うときは再構築が必要です。
たぶんそれが原因ではないでしょうか?
お手数かけてすみません、初心者なので。
宜しくお願いします。
駄目元でCSSの一番最後に追加したら出来ました。
ありがとうございます、助かりました。
この記事とパンくずリストの作成を参考にワタシもブログにも手を加えてみました...
なかなか最初は上手く表示されなかったりしたのです...
たぶん記事中のHTMLをそのままコピーしたのですがひょっとすると文字間に余計なスペースが入ったせいかな?などと思っています...
とにかく何回かトライしたら、大成功!
すばらしく見やすくなりましたよ!ありがとうございます
(^∀^)
またこれからも記事参考にさせていただいてブログリニューアルしてみたいと思います。
人気ブログランキングの方いっぱいクリックしておきますね
ふふふ...
この記事がお役に立てたようで(^^ゞ
ちなみに探田ではなく深田です(^^ゞ
大変興味深くこちらの記事を拝見させてもらいます。
突然の質問なのですが、カテゴリー内記事のタイトル一覧をサイドバーに表示させる事は出来ないものなのでしょうか?
いろいろ検索して調べたのですが、私の検索の仕方が悪いのか思うような解決策が見つからなくて、、、、、、、。
どの記事も大変参考になり、自分のブログのカスタマイズに使わせていただいております。
記事リストなのですが、記事タイトルを
5,6
3,4
1,2
という順番ではなく
1,4 6,3
2,5 または 5,2
3,6 4,1
という風に並べられるともっとよいのですが・・・。
ネット上で調べてはいますが、なかなかみあたりません。
やっぱり難しいですかね。
はじめまして。
どの記事も大変参考になり、自分のブログのカスタマイズに使わせていただいております。
記事リストなのですが、記事タイトルを
5,6
3,4
1,2
という順番ではなく
6,3
5,2
4,1
または
1,4
2,5
3,6
という風に並べられるともっとよいのですが・・・。
ネット上で調べてはいますが、なかなかみあたりません。
やっぱり難しいですかね。
有り難う御座いました。
長い物が横に広がり良い感じです。
TBも貼らせて頂きました。
以前パンくずでもお世話になったものです
今回もカテゴリ一覧の際参考にさせて頂きました
解り易い説明ですぐ自分にも出来たので感動しています
ありがとうございました
このカスタマイズは、役に立ちました。ありがとうございます。
Seesaaの機能で、カテゴリページの記事の数が制限されました。
そうすると、カテゴリページが1ページ目なら、1ページ目の記事しか表示されなくなってしまいました。
カテゴリ全部の記事を表示したいのですが・・・。
忙しいところに、すいません。
できなければ、できないで結構ですので、回答よろしくお願いします。