Webふぉれすと
Web制作、Webデザインのスキルアップに役立つ情報をお届けします!
みんなが癒され、元気になるWebを目指します。
サイトマップはこちら
PI-chicc,PA-chicc
うぇぶ実験室
ふぉれすとCafe
NANAKORO*BEANS
くりっくりんく
イベント・セミナーを探せ!
ふぉれすとかわらばん
がしがし通信
今日のスタッフ
スタッフプロフィール
ご意見ご感想フォーム
トップページにもどる
Webふぉれすとトップ > うぇぶ実験室

ブログのレイアウトを変えてみよう
デフォルトのデザインのままの小説ブログのレイアウトを少しスッキリさせて見やすくする。
まずはインデックステンプレート(Main Index)をエディタ等を使って編集する。

【実験1】長文続きのブログを見やすいレイアウトにする
○トップに最新記事5件を表示させる
○本文の日付別表示を削除する
○トップに全文を表示させず最初の20単語だけ見せる
○サイドバーの表示項目と並び順を変える
1.修正前の状態
ブログのキャプチャー
2.インデックス(Main Index)テンプレートを修正する。
テンプレートリストのキャプチャー
インデックステンプレート修正箇所のキャプチャー
(1)最新何日分ではなく最新5件を表示させるように、<MTEntries lastn="5">とする。

(2)本文の日付別表示<MTDateHeader>〜<MTDateHeader>を省く。
(アーカイブ関連のテンプレート…Individual Entry Archive、Category Archiveも同様に修正)

(3)トップに全文を表示しないように<$MTEntryBody$>を省く。

(4)エントリーの概要の入力がない場合は、最初の20単語を表示させるため<MTEntryExcerpt>を追加。

○左側<div id=link>の部分の順序を入れ替えて、[最新エントリー][カテゴリー]が上にくるようにし、カレンダー、コメントリストなど必要のないものを削除。
3.再構築
「保存」「再構築」画面のキャプチャー再構築ウインドーのキャプチャー
テンプレートの編集が終わったら、エディタの内容をテンプレート編集画面のフォームに貼り付けて再構築する。
4.修正後の状態
インデックス再構築後のブログのキャプチャー
少しスッキリしてきたので、今度はスタイルシートを編集してみる。
前のページへ
うぇぶ実験室トップ
続きを読む

Copyright(c)2002-2004 Step-First All rights reserved. [About WebForest]
E-Mail:webforest@step-first.com