人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリのデザインについて質問します。「menu」のテーマを使っているのですが、

?文字が小さいので少し大きくしたい
?他のテーマについているカテゴリー分けの機能を表示したい

ということは可能でしょうか?

●質問者: mezu
●カテゴリ:コンピュータ
✍キーワード:はてなダイアリ カテゴリー テーマ デザイン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● yukatti
●50ポイント

http://www.kanzaki.com/docs/html/htminfo17-2.html#fsize

CSSの主なプロパティ -- ごく簡単なHTMLの説明

(1)CSSで設定可能です。スタイルシート欄に文字のサイズ指定を追加指定します。

ご要望は「全体の文字を少し大きくする」という方向でよろしいでしょうか。その場合は、日記詳細画面のスタイルシート欄に

body {

font-size: 90%

}

を、追加することで日記全体の文字が少し大きくなります。

menuテーマでは日記全体の文字サイズがbody {font-size: 80%; }と通常の80%の小さめサイズ指定になっているのですが、スタイルシート欄に上記指定を追加することで文字サイズを「90%」のサイズに変更し、文字を大きくする、というものです。「90%」の数値はお好みで調整してください。

また、これは日記全体の文字サイズを大きくする指定ですが、他に日記本文の文字のみ大きく……といったことも可能です。

http://d.hatena.ne.jp/help#sectioncategory

はてなダイアリーのヘルプ

(2)カテゴリー分けはテーマについている機能ではなく、テーマには無関係です。

自分で日記に

*小見出し(こんなふうにつけます)

*[カテゴリー]カテゴリー(こんなふうにつけます)

を設定する必要があります。

カテゴリー名は自分で自由に決められます。

*小見出しの付け方の参照先

はてなダイアリーのヘルプ

-小見出しをつける

http://d.hatena.ne.jp/help#sectiontitle

はてなダイアリーのヘルプ

-時刻付きの小見出しをつける

http://d.hatena.ne.jp/help#sectiontimestamp

はてなダイアリーのヘルプ

-好きなname属性の小見出しをつける

http://d.hatena.ne.jp/-help#sectiontitlename

*カテゴリー分けの仕方の参照先

はてなダイアリーのヘルプ

-日記をカテゴリー分けして整理する

http://d.hatena.ne.jp/help#sectioncategory

はてなダイアリーのヘルプ

はてなダイアリーガイド

-カテゴリーで日記を整理する

http://d.hatena.ne.jp/sugio/10050118#p1

草稿:はてなダイアリーガイド「カテゴリーで日記を整理する」 - おまえなんか、訳してやる!

-ヘッダにカテゴリーのリストを作ってみる。

http://d.hatena.ne.jp/smoking186/19020102#subsection3

1902-01-02 - 186::Diary

-カテゴリーのプルダウンメニューを作ってみる

http://d.hatena.ne.jp/sugio/10050125#p3

草稿:はてなダイアリーガイド「フォームを使ってみる」 - おまえなんか、訳してやる!

http://d.hatena.ne.jp/keyword/%b6%b5%a4%a8%a4%c6%a4%cf%a4%c6%a4%...

教えてはてなダイアリーとは - はてなダイアリー

直接ご質問とは関係ないのですが、

「教えてはてなダイアリー」は、はてなダイアリーを使っていて分からないことをユーザー同士で質問・回答するはてなダイアリークラブです。

機能やデザインに関する質問もちょくちょくありますので、他の方の質問・回答をチェックされると何かと参考になるのではと思います。

◎質問者からの返答

ありがとうございます。

文字のほうはすぐに解決しました。

カテゴリー分けについては、見出しの行をつくって*[art]みたいな感じでやってみても、上手く行かないようです。私がなにか間違っているのだと思いますが(笑)


2 ● yukatti
●50ポイント

http://d.hatena.ne.jp/help

はてなダイアリーのヘルプ

念のため…まずはじめにやることのカテゴリー作りなんですが、これは設定画面のヘッダやフッタ、スタイルシート欄で指定を行うのではなくて、日記本文の小見出しでカテゴリー分けを書くことによって作ります。

日記入力欄のたとえば22日の日記なら

------------------------------------

本を読んでいると、窓から涼しい風が吹き込む季節になってきた。このところ、休日にすることといえば読書ばかりだ。いや、物心ついたときからほとんどそればっかりといっていい。昨日「人生とはよりロマン的なものである、と夢想してはならないのだろうか?」などと書いておきながら、いつまでたっても「ぼうけんのたび」に出る見込みはない。

(以下略)

------------------------------------

こんなふうに入力されていると思います。この冒頭に小見出しとカテゴリーをいれてみるのは

------------------------------------

*[column]ぼうけんのしょをつくりますか?

本を読んでいると、窓から涼しい風が吹き込む季節になってきた。このところ、休日にすることといえば読書ばかりだ。いや、物心ついたときからほとんどそればっかりといっていい。昨日「人生とはよりロマン的なものである、と夢想してはならないのだろうか?」などと書いておきながら、いつまでたっても「ぼうけんのたび」に出る見込みはない。

(以下略)

------------------------------------

というふうにすると、カテゴリー「column」に分類された「ぼうけんのしょをつくりますか?」という小見出しが作れると思います。出来上がった小見出しの[column]の部分はリンクになっています。ここをクリックすると、同じカテゴリーのこれまでの日記をまとめて参照する事ができます。

小見出しとカテゴリーの注意点としては

*の前にスペースを入れない(入力欄のその行のいちばん左端に書く)。

*と[の間にスペースを入れない。

*[]はすべて半角英数字。

これらに気をつけてみてください。

◎質問者からの返答

ありがとうございます。どうやら*の前にスペースを入れていたのがいけなかったようです。

あとは、ページの横にカテゴリーの一覧を表示することはできないのでしょうか……?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ