ロゴ まほろば

視覚障碍者も使えるブログ(設定例2)

サイト内検索


視覚障碍者も使えるブログ(設定例2)

投稿者:マーチン  2008年1月2日 【記事印刷】

「はてなダイアリ」で、かんたんデザイン設定ではできない部分を、詳細デザイン設定で変更する例を紹介します。

●日付、タイトル、日記内容、コメント

デザインはそのままで、一部の文字サイズを大きくするには、
(1)管理画面から、[デザイン] [詳細]タブ をクリックする。

(2)スタイルシートの中に、以下の記述をする。

H2 {FONT-SIZE: 140%; }
H3 {FONT-SIZE: 120%; }
DIV.section {FONT-SIZE: 130%; }
SPAN.commentator {FONT-SIZE: 120%; }
SPAN.commentbody {FONT-SIZE: 150%; }

H2:日付、H3:タイトル、DIV.section:日記内容、SPAN.commentator:コメント投稿者、SPAN.commentbody:コメント内容に、それぞれ対応しているので、その数値を調整する。

●最近のコメント

最近コメントの表示件数と日付形式を変更するには、
(1)管理画面から、[デザイン] [簡単]タブで、最近のコメントを追加する。
(2) [詳細]タブ をクリックすると、ページのフッタに、

<hatena name="comment" template="hatena-module">

が追加されている。何も指定しない状態(デフォルト)では、日付の形式が「2007-03-08」で、5件のコメントが表示される。
(3)それを、

<hatena name="comment" template="hatena-module" dateformat="%c月%e日" listlimit="10">

と変更すると、日付の形式が「3月8日」で、10件のコメントが表示されるようになる。

●トップメニューの簡略化

(1)管理画面から、[デザイン] [詳細]タブ をクリックする。
(2)「ヘッダタイプ」で、太いヘッダ を選択していると、Hatena::Diary の後の、△に「はてなブックマーク」へのリンクが、▽に「はてなフォトライフ」へのリンクが表示される。これらの表示が必要でない場合には、
●細いヘッダ
をチェックすると、余分なリンクが表示されない。



【連載】
【まほろば】視覚障碍者も使えるブログ(何故ブログ)
【まほろば】視覚障碍者も使えるブログ(はてなダイアリー)
【まほろば】視覚障碍者も使えるブログ(ユーザ登録と初期設定)
【まほろば】視覚障碍者も使えるブログ(設定例1)
【まほろば】視覚障碍者も使えるブログ(設定例2)
【まほろば】視覚障碍者も使えるブログ(サイドバーの設定)
【まほろば】視覚障碍者も使えるブログ(使い方)
【まほろば】視覚障碍者も使えるブログ(アクセシビリティ向上)


カテゴリ内新着記事

視覚障碍者も使えるブログ(サイドバーの設定)

視覚障碍者も使えるブログ(アクセシビリティ向上)

視覚障碍者も使えるブログ(使い方)

視覚障碍者も使えるブログ(設定例2)

視覚障碍者も使えるブログ(設定例1)

視覚障碍者も使えるブログ(ユーザ登録と初期設定)

視覚障碍者も使えるブログ(はてなダイアリー)

視覚障碍者も使えるブログ(何故ブログ)

△ 先頭へ

rss 2.0 ATOM 0.3 Copyright © 2007 まほろば. All Rights Reserved. BLOGNPLUS(ぶろぐん+)