2007年06月21日

2007 06.21 Thu


新しいコンテンツの追加から

種類     記事(ページコンテンツ)
追加先ページ トップページ
配置     メイン
並び順    配置したい場所に

と、設定してコンテンツの追加をします。

記事(ページコンテンツ)の設定画面で、
タイトル   解りやすく付けておきます
表示件数   20

と、設定して保存します。

再び今のコンテンツを選んで、コンテンツHTML編集を選びます。

HTMLを全部削除しちゃいます。
そして以下のHTMLを記述します
<div class="blog">
<div class="category-list">
<div class="category-list-heder">
カテゴリ別新着記事リスト
</div>

<!-- カテゴリの分だけ必要な回数繰り返します(ここから) -->
<div class="category-list-title">
カテゴリ名
</div>
<% loop:list_article -%>
<% if:article_category.name eq 'カテゴリ名' %>
<div class="category-list-body">
<span class="category-list-date">
<% article.createstamp | date_format("%m/%d") %>
</span>
<span class="category-list-text">
<a href="<% article.page_url %>">
<% article.subject %>
</a>
</span>
</div>
<% /if %>
<% /loop -%>
<!-- カテゴリの分だけ必要な回数繰り返します(ここまで) -->

</div>
</div>


カテゴリ名の部分を書き換えて、繰り返し部分を必要回数繰り返します。

そしてスタイルシートに以下の文を追加します。

category-list{
border: 1px solid;
width:470px;
}/* リスト全体の設定 */

.category-list-heder{
margin:5px 0px 0px 0px;
text-align:center;
font-size: 16px;
}/* ヘッダの設定 */

.category-list-title{
padding:3px 0px 0px 5px;
text-align:left;
font-size: 16px;
border-top: 1px solid #666;
}/* カテゴリタイトルの設定 */

.category-list-text{
margin:0px 0px 0px 20px;
font-size: 12px;
}/* 記事タイトルの設定 */

.category-list-date{
padding:0px 0px 0px 40px;
font-size: 12px;
}/* 日付の設定 */

各ブログに合わせて調整して下さい(特に赤字部分)

最後にトップページを再構築して出来上がり。

Seesaaブログをひたすらカスタマイズし続けるブログさんより

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.