「はてなダイアリ」で、かんたんデザイン設定ではできない部分を、詳細デザイン設定で変更する例を紹介します。
●日付、タイトル、日記内容、コメント
デザインはそのままで、一部の文字サイズを大きくするには、
(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 の後の、△に「はてなブックマーク」へのリンクが、▽に「はてなフォトライフ」へのリンクが表示される。これらの表示が必要でない場合には、
●細いヘッダ
をチェックすると、余分なリンクが表示されない。
◆連載