2006-05-16

コメント欄での改行タグの処理について

コメント欄で改行タグ <br> と書くと改行されておりましたが、ダイアリーと同じく
と表示されるよう変更いたしました。

idea:9444でご指摘いただきありがとうございました。

追記 5/19

告知内容に間違いがございましたので修正いたしました。

一部記法での自動トラックバックの仕様変更について

自動トラックバックの仕様変更につきまして、question記法idea記法fotolife記法でも同様にトラックバックを見出しごとに送信するよう変更いたしました。

idea:9818でご指摘いただきありがとうございました。

目次記法の不具合修正

目次記法に寄せられた以下のアイデアを実装いたしました。

ご指摘いただきありがとうございました。

日記に投稿できる画像のファイル容量拡張

その日の日記に投稿できる画像のファイルサイズを、はてなダイアリーと同様通常のデジカメで撮影した画像を登録できる5MBまでと拡張いたしました。

2006-05-16

週刊はてな塾第三十号(ダウンロード動画版)

060516hatenatips.mp4 filelist

週刊はてな塾第三十号(音声版)

Download filelist

【週刊はてな塾】第三十号 日記を自分好みのデザインに!詳細デザイン設定を使ってみよう! の巻

filelist

?!-------?!------?!------?!------?!------?!------?!------?!-------?!
『週刊はてな塾』 第三十号 http://www.hatena.ne.jp/
発行日:2006年5月16日 発行者:株式会社はてな
バックナンバー http://hatena.g.hatena.ne.jp/hatenatips/archive
?!-------?!------?!------?!------?!------?!------?!------?!-------?!

♪♪お知らせ♪♪
実際に画面を操作している様子を撮影した、動画版『週刊はてな塾』の配信を
開始しました。以下の週刊はてな塾のページよりご覧ください。
「週刊はてな塾http://hatena.g.hatena.ne.jp/hatenatips/

~ 今回のテーマ:「はてなダイアリー」 ~

こんにちは、はてな塾塾長の山田(d:id:kiyohero)です!
今週のはてな塾のテーマは「かんたんデザイン+α」。「毎日つけている日記
だけど、たまには見た目を変えたいなあ…」「この部分が気になるんだけど、
スタイルシートは難しいしテーマを変えるしかないのかな…」今週のはてな塾
では、そんなあなたにお送りする、かんたんデザイン設定から一歩進んだ日記
のデザイン変更の方法をご紹介します。ちょっと長いですが、これを知ってお
くと他の人とひと味違った日記を作ることができるので、しっかりついてきて
くださいね!

■ まずはここから! ~ かんたんデザイン設定

もっともかんたんに日記のデザインを変更する方法は、管理ツールの「かんた
んデザイン設定」を使用することです。「かんたんデザイン設定」では、日記
のデザインを服を着替えるように変更することができる「デザインテーマ」
や、日記のサイドバーアンテナや写真などの情報を表示させる便利な「はて
なモジュール」をかんたんに設定することができます。

「かんたんデザイン設定」に行くには?
→日記上部の「管理」をクリックし、左側の「デザイン」をクリック
「かんたんデザイン設定」でできることは?
→はてなダイアリーのヘルプ http://url.hatena.ne.jp/cAYey

■ もっと自分好みに! ~ 詳細デザイン設定かんたんデザイン設定」では、マウスでクリックしていくだけであなたの日
記をかんたんにデザインすることができますが、「もっとこうだったらいいの
に!」というときには「詳細デザイン設定」を使ってみましょう。「詳細デザ
イン設定」では、ホームページを作成するときなどに使う「HTML」や「スタイ
ルシート」という技術を使うことができるので、「かんたんデザイン設定」よ
りも強力なデザインの編集が可能です。

でも、「HTML」や「スタイルシート」って言われても…?なかなか自分で勉強
して覚えるのは難しいですよね。以下の項では、そんな「詳細デザイン設定」
でできることの中でも、よくお問い合わせをいただく「これだけ!」に絞った
カスタマイズ方法をご紹介します。

「詳細デザイン設定」に行くには?
→日記上部の「管理」をクリックし、左側の「デザイン」をクリック、「かん
たんデザイン設定」の上に表示されている「詳細デザイン設定」をクリック
「詳細デザイン設定」でできることは?
→はてなダイアリーのヘルプ http://url.hatena.ne.jp/MO0Juモジュールの順番を変える! ~ ヘッダ・フッタを編集する

日記のサイドバーに表示されている、「プロフィール」や「カレンダー」「最
近のコメント」といった便利なはてなモジュールは「かんたんデザイン設定」
から表示させることができますが、並んでいる順番を変えることはできませ
ん。はてなモジュールなどサイドバーに表示されている情報は「フッタ」内に
保存されていますので、ここを編集することで、はてなモジュールの並び順を
変更することができます。

たとえば、あなたの日記に「プロフィール」と「カレンダー」「最近のコメン
ト」が表示されているとすると、「フッタ」には

class="sidebar"> <hatena name="profile"> <hatena name="calendar2photo" template="hatena-module"> <hatena name="comment" template="hatena-module">
のように表示されています。この中で
class="sidebar">
から、次の
までがサイドバーであることを示し、その中にある
<hatena name="profile">
という、<hatena name="~~">という記述が、そのままはてなモジュールを示 します。上記の例ですと、
<hatena name="profile">:「プロフィールモジュール <hatena name="calendar2photo" template="hatena-module">:「カレンダー(画像入り)」モジュール <hatena name="comment" template="hatena-module">:「最近のコメント」モジュール
のようにそれぞれのモジュールに対応しています。またこの記述はそのままの 順番でページに表示されるので、「カレンダー」を一番上に表示させて「プロ フィール」「最近のコメント」の順番で表示させるには、「フッタ」内容を以 下のように変更してください。
class="sidebar"> <hatena name="comment" template="hatena-module"> <hatena name="profile"> <hatena name="calendar2photo" template="hatena-module">
また「サイドバーを表示したくない!」という場合には
class="sidebar"> と
を削除してください。するとサイドバーがなく なり、日記の下にはてなモジュールが表示されるようになります。 ■ 文字の色やサイズを変える! ~ スタイルシートに挑戦 日記に表示される文字の色やサイズを変更するには、「スタイルシート」欄に 変更したい内容を指定します。スタイルシートを利用すると、より細かく色や デザインカスタマイズを行うことができますが、今回は「これをコピーする だけ!」という内容をご紹介します。以下の記述を、「詳細デザイン設定」の 「スタイルシート」の欄に貼り付けてください。 ▽ 文字のサイズを大きくする この指定では、ページ全体(.body)のフォントサイズ(font-size)を通常の 120%の大きさにします。半角数字で希望のサイズを指定してください。
.body {font-size: 120%;}
▽ 文字の色を変える この指定では、ページ全体(body)の色(color)を赤(red)にします。色の 名前は red, blue, yellow など一般的な英語の色名や、#00ffff などのRGB指 定で記述できます。
.body {color: red;}
▽ 日記の背景色を変える この指定では、ページ全体(body)の背景色(background-color)を赤 (red)にします。色の名前は red, blue, yellow など一般的な英語の色名を 指定できます。
.body {background-color: red;}
キーワードリンクの色・文字サイズを変える この指定では、日記(div.day)の中のキーワードリンク(a.keyword)の色 (color)を赤(red)にして、文字のサイズ(font-size)を150%にします。 色の名前や文字サイズの指定は上記と同じです。
div.day a.keyword {color: red; font-size: 150%;}
いかがですか?貼り付けたスタイルシートの内容は、新しいものを下に追記し ていってください。「詳細デザイン設定」では「プレビュー」を使って変更内 容を確認することができるので、いろいろ試してみてくださいね。スタイル シートの変更方法についてもっと詳しく知りたい方は、はてなデザイナー d:id:tikeda がお送りしている第九号のはてな塾をどうぞ。 →【週刊はてな塾】第九号 出陣の時!はてなダイアリーザイン変更の巻 http://hatena.g.hatena.ne.jp/hatenatips/20051213/1134460363 ご意見ご感想お待ちしてます。それでは、また来週! ◆週刊はてな塾ポッドキャスト・ビデオポッドキャスト 週刊はてな塾のページに表示されている「PODCASTアイコンiTunesなどに ドラッグ&ドロップすることで、音声版・動画版はてな塾が更新されたら自動 的にダウンロードされる(ビデオ)ポッドキャストとしてお楽しみいただけます。 ○ポッドキャストってなに? http://www.hatena.ne.jp/info/podcastはてなRSSポッドキャストを楽しむ! http://r.hatena.ne.jp/help#podcastはてなからのメールマガジンの購読停止は・・・ ユーザー情報変更ページにて購読停止作業をおこなってください。 = https://www.hatena.ne.jp/configはてなへのお問い合わせは http://www.hatena.ne.jp/faq/はてなトップページURLhttp://www.hatena.ne.jp/