新着記事

2006年06月07日

カテゴリで記事タイトル一覧を表示する方法(seesaaブログ編)

 HOMEブログカスタマイズ方法 ⇒ この記事 


 
シーサーブログで、「カテゴリで記事タイトル一覧を表示する方法」。

これは、HTMLとスタイルシートを編集しますので、

自己責任で宜しくお願いします。




【HTMLの編集】

管理画面から「デザイン」→「コンテンツ」→「記事」を選択。

右上にある「コンテンツHTML編集」を選択。

<% if:page_name eq 'category' -%>
<% /if -%>




<% if:page_name eq 'category' -%>
<div id="clist">
<p>「<% category.name %>」の記事一覧です。</p>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>
<% /if -%>


に置き換える。

保存して、カテゴリページを再構築する。
この時に、ブログのカテゴリページで記事一覧が表示されているか確認しておく。

【スタイルシートの編集】

管理画面から「デザイン」→「スタイルシート」を選択。

適用しているスタイルシートを選択。

スタイルシートの修正画面で、スタイルシート入力欄の最後尾に次のCSSを追加します。

#clist {
text-align:left;
background:#FEFFF0;
margin: 20px;
padding: 10px;
border: 3px double #B2B2B2;
font-size: 90%;
}
#clist li {
margin-bottom: 0.6em;
font-size: 90%;
font-weight:normal;
line-height:150%;
}


最後に「スタイルシートの変更」の変更ボタンを押して完了。

ブログ内関連記事リンク
本 「ブログカスタマイズ方法」 の記事一覧
本 新着記事にスクロールバーを付ける方法
本 ディズニーキャラクター画像アイコンの設置方法(無料)
 

 

 

今週の売れ筋CDランキングトップ30


この記事へのコメント
こんにちは!

シーサーではカテゴリ一覧って
ないんですか?

意味が違うかな?

無料ブログの種類によって
色々あるんですね。

応援ポチ。
Posted by 【オカメインコ】元キャバ嬢がアフィリエイトで高収入♪ at 2006年06月09日 13:56
■オカメインコさん

こんにちは〜♪

あ、カテゴリーの記事一覧は、

当ブログの目次をクリックすると記事の前に出てくる記事一覧のことです^^

1つのカテゴリーに30記事とかあると

ちょっと見にくいので、一応書いておきました。

自分も他のブログのことは、全然知りません^^
Posted by ガイ at 2006年06月10日 03:43
こんにちは、はじめまして。

この記事に書かれている、方法を試してみようと思ったのですが、同じような文字がならんでいて、
<% if:page_name eq 'category' -%>
<% /if -%>
のある位置を見つけられませんでした。

できましたら、コンテンツHTML編集のだいたいどの辺りにあるのか教えていただけないでしょうか。
上のほうか、下のほうかだけでもわかれば見つけられそうなのでよろしくお願いします。
Posted by でんすけ at 2006年08月28日 02:25
■>でんすけさん

上から23行目あたりにありますよ♪

<% content.header -%>

<a name="ue"></a>

<!-- Content -->
<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><<<a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a>| <% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_article -%>| <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a>>><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:previous_archive -%><<<a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a>|<% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_archive -%>|<a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a>>><% /if -%>
</div>
<% /if -%>

<% if:page_name eq 'category' -%>
<div id="clist">
<p>「<% category.name %>」 の記事一覧です。</p>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>
<% /if -%>
Posted by ガイ at 2006年08月28日 06:20
23行目を見てみたのですが、やはり

<% if:page_name eq 'category' -%>
<% /if -%>

は見当たりませんでした。
以下はこちらの記事HTMLなのですが、

<% content.header -%>

<% if:page_name eq 'article' -%>

<% if:previous_article -%><< <% previous_article.subject | tag_break %> | <% /if -%>
TOP
<% if:next_article -%> | <% next_article.subject | tag_break %> >><% /if -%>

<% /if -%>
<% if:page_name eq 'archive' -%>

<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><< <% previous_archive.createstamp | date_format("%Y年%m月") %> | <% /if -%>TOP<% if:next_archive -%> | <% next_archive.createstamp | date_format("%Y年%m月") %> >><% /if %>
<% /if %>
<% if:archive_page_name eq 'mday' %><% /if -%>


<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>



となっており、23行目には、
<% if:archive_page_name eq 'mday' %><% /if -%>

があって、
<% if:page_name eq 'category' -%>
<% /if -%>
ではありませんでした。
Posted by でんすけ at 2006年08月28日 14:33
もうしわけない。自力でいろいろ試したらなんとかなりました。

しかし、やはりHTMLの位置は違うようです。

もしかするとテンプレートの種類かなにかによって並びが違うのかもしれませんね。
Posted by でんすけ at 2006年08月28日 15:38
■>でんすけさん

いえいえ、解決してよかったです^^

できれば、自分も知りたいので記事のHTML

すべてコメントに貼ってもらえると嬉しいです♪

あと、ブログのリンク貼ってもらえると

今後の参考になるので、もしよかったら教えて下さい♪

あと、わからないことあれば気軽に聞いて下さいね。
Posted by ガイ at 2006年08月28日 15:48
ガイさん、ありがとです♪身近に頼りになる
人がちゃんといた(笑)よしらいきさんの記事
とガイさんの記事で、別のテンプレでも自分
もできそう♪また試してみます^^感謝!!

ガイさんの明日も輝きますように(^^/ 応援♪
Posted by お気楽に真剣に--目指すは自立主婦!Oh!kei at 2007年01月31日 21:30
わは、随分過去記事だったのに、今気付いた(^^;
・・っす(滝汗)
Posted by Oh!kei at 2007年01月31日 21:31
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


ブログランキング・にほんブログ村へ
※記事を読んでいないと確認できるコメントは軽く削除します。
※宣伝目的のコメントの場合、スパムフィルターを掛けるので
二度とシーサーブログ全体にコメントできなくなります。
 
この記事へのTrackBack URL
http://blog.seesaa.jp/tb/18939027
※言及リンクのないトラックバックは自動的に削除されます。
※管理人の承認後、反映されます。
※基本的にトラックバックのチェックはしないので、トラックバックする際は必ずコメントしてからトラックバックして下さい。
100年後、表示されます。

Yahoo!検索

  • ウェブ全体を検索
  • このサイト内を検索