プライベートモードで閲覧中です。

sugar pot : 【私家版・はじめてのFC2ブログカスタマイズ】#15 右カラム(右のサイドバー)最近の記事・コメント・トラックバック、リンク、プロフィール

ほろ苦い夢のかけらのおすそわけ

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

trackback

【私家版・はじめてのFC2ブログカスタマイズ】#15 右カラム(右のサイドバー)最近の記事・コメント・トラックバック、リンク、プロフィール

2005年07月07日(木) コメント:0 トラックバック:0

今夜中に全部見られるかな。まったり、とはいえ、そろそろソースを追うだけじゃなく、手を加えてみたくなっている。

<div id="extra-column" class="column"><!-- extra-column -->

オリジナル説明文
extra-columnはサイトの中で最新の記事・最新のコメント・最新のトラックバック・リンク・プロフィールなどアーカイブ以外の部分が記述されたブロックです
不要な要素は「●●●部分ここから」~「●●●部分ここまで」を削除して下さい

タイトル部分には画像を使う事も可能です
例として最近の記事の場合
他のタイトル部分も同様に変更出来ます。

■タイトルに画像を使用しない場合

<h2 class="recent-entries">Recent Entries</h2>

■タイトルに画像を使用する場合

<h2 class="monthly-archives"><img src="Recent Entries画像のパス" width="画像の幅" height="画像の高さ" alt="画像が表示されない場合の代替テキスト"></h2>

なるほど、ちゃんと左と右で意味合いが違っていたのだね。3カラムの構造はこのようになっていたのか。知らずに見ていたよ。たしかに、アーカイブ部分と、そうでない部分、分かれていた方が「ユーザビリティ」の面から良さそうだ。※

最初は「最近の記事」の表示部分。

<h2 class="recent-entries">Recent Entries</h2>
 見出し:Recent Entries。クラスはrecent-entries
<ul> リスト表示しますよ
<!--recent-->
 ここから最近の記事 繰り返し表示
<li><a href="<%recent_link>" title="<%recent_title>"><%recent_title></a></li>
 最近の記事のタイトル<%recent_title>が表示されている。表示数は、[管理者ページ>環境設定の変更>ブログの設定>最初に表示するエントリーの数]で指定。それぞれ、各タイトルをクリックすると、当該記事にアクセスできる。
<!--/recent--> 最近の記事 繰り返し表示おしまい
</ul>
 リスト表示おしまい

以下も同様。

<h2 class="recent-comments">Recent Comments</h2>
見出し:Recent Comments。クラスはrecent-comments
<ul> リスト表示しますよ
<!--rcomment-->
 最近のコメントの繰り返し表示
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>のコメント"><%rcomment_etitle><br>
⇒ <%rcomment_name>></a>
 最近いただいたコメントのタイトル<%rcomment_etitle>が表示されている。表示数は、[管理者ページ>環境設定の変更>ブログの設定>最近のコメント表示数]で指定。それぞれ、各タイトルをクリックすると、当該コメントにアクセスできる。<%rcomment_name>は投稿者の名前。
</li>
<!--/rcomment--> 最近のコメント 繰り返し表示おしまい
</ul>
 リスト表示おしまい

最近のトラックバックの表示。

<h2 class="recent-trackbacks">Recent Trackbacks</h2>
見出し:Recent Trackbacks。クラスはrecent-trackbacks
<!--rtrackback--> 最近のトラックバックを繰り返し表示
<ul> リスト表示しますよ
<li>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_etitle>のトラックバック"><%rtrackback_etitle><br>
⇒ <%rtrackback_blog_name></a>
 最近いただいたトラックバックのタイトル<%rtrackback_etitle>が表示されている。表示数は、[管理者ページ>環境設定の変更>ブログの設定>最近のトラックバック表示数]で指定。それぞれ、各タイトルをクリックすると、メインカラムの当該トラックバック表示部分にアクセスできる。<%rtrackback_blog_name>はトラックバックが送られてきたブログの名前。
</li>
</ul> リスト表示おしまい
<li>
<!--/rtrackback--> 繰り返し表示おしまい

次はリンク。

<h2 class="links">Links</h2> 見出し:リンク
<ul> リスト表示
<!--link-->
 リンクを繰り返し表示
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
 リンクしているウェブサイトの名前<%link_name>をクリックすると、そのウェブサイトにアクセスできる。リンク先は[管理者ページ>リンクの編集]にて追加・修正・削除が可能。
<!--/link--> 繰り返し表示おしまい
</ul>
 リンクリストおしまい

右カラムの最後はプロフィール。

<h2 class="appendix">Appendix</h2>
 見出し:Appendix。クラスはappendix。アペンディクスの意味をYahoo!辞書-プログレッシブ英和中辞典で調べる
<p class="author-image"><img src="<%image>" width="100" height="100" alt="<%author_name>"></p><!-- 画像の大きさに合わせてextra-columnの幅以下で調整して下さい -->
 authour-imageというクラスの部分で、運営者の画像を表示。ここに画像を表示するには、[管理者ページ>プロフィールの編集>プロフィール画面]でアップロードする。
<p class="author-name"><%author_name></p>
 authour-nameというクラスの部分で、運営者の名前を表示。[管理者ページ>プロフィールの編集>プロフィール名]で入力した名前(ハンドルネームなど)がここに反映される。
<p class="author-description"><%introduction2></p>
 authour-descriptionというクラスの部分で、運営者のプロフィールを表示。[管理者ページ>プロフィールの編集>プロフィール説明]で入力したプロフィールが表示される。
<ul> リスト表示
<li class="rss"><a href="<%url>?xml" title="RSS">RSS 1.0</a></li> 最新記事のRSSのURL
<li class="html-valid"><a href="http://validator.w3.org/check?uri=referer" title="HTML 4.01 Validator">HTML 4.01</a></li>
 この文書はhtml4.01で描かれていますよ、ということで、クリックするとhtmlのチェックができる。テンプレートの作者がカスタマイザー用に用意してくれたもののようだ。
<li class="feed-valid"><a href="http://feedvalidator.org/check.cgi?url=<%url>?xml" title="RSS Feed Validator">RSS FEED</a></li>
 同様に、RSSフィードのチェックができる。
</ul> リスト表示おしまい
<!-- 広告タグ削除不可 --> 注釈。FC2の利用規約にあるように、広告は削除できない(移動は可能)。
<p class="ads"><%ad><%ad2></p>
 広告文表示。<%ad>はFC2ネットワークの広告、<%ad2>はFC2ブログの広告。

</div<>!-- extra-column -->

右カラムおしまい。

※やはり、ユーザビリティに配慮されているとのことでした。
CHOU-FLEURさんのコメント
(最終更新日:2005年7月8日)
#240
カテゴリ:107 ブログカスタマイズ

trackback

<<【私家版・はじめてのFC2ブログカスタマイズ】#14 左カラム(左のサイドバー)月別・カテゴリ別アーカイブ、検索フォーム | 【私家版・はじめてのFC2ブログカスタマイズ】#16 コピーライト表示・最終章>>

コメント(-0件)

コメントの投稿

トラックバック(-0件)

http://bittersweetdreams.blog9.fc2.com/tb.php/240-bd7f5e28

Bookmarked

Blog Battler

ブログバトラー

Twitter

    フリーエリア

    上部の説明

    下部の説明

    Utilities

    Ad

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。