はてな使い方メールマガジン『週刊はてな塾』 このページをアンテナに追加 RSSフィード

「はてな塾」はRSS2.0で音声や動画のPodcast配信(不定期)もおこなっています。
Podcast対応のはてなRSSで購読するには右のボタンをクリックしてください。 はてなRSSに追加

メールマガジン登録・解除は登録変更・ポケットはてな登録でおこなってください。
『週刊はてな塾』トップバックナンバー一覧ページ

2007-05-08

第八十号 よくある質問にお答えします その二!コメント欄の見た目を変えてみよう! の巻

20:06 | 第八十号 よくある質問にお答えします その二!コメント欄の見た目を変えてみよう! の巻 - はてな使い方メールマガジン『週刊はてな塾』 を含むブックマーク はてなブックマーク - 第八十号 よくある質問にお答えします その二!コメント欄の見た目を変えてみよう! の巻 - はてな使い方メールマガジン『週刊はてな塾』 第八十号 よくある質問にお答えします その二!コメント欄の見た目を変えてみよう! の巻 - はてな使い方メールマガジン『週刊はてな塾』 のブックマークコメント

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

こんにちは、はてな塾 塾長のid:kiyoheroです。ゴールデンウィークは皆さんど
のように過ごされましたか?五月病にかかってたりしませんか?

今日のはてな塾では、最近問い合わせの多い、日記のコメント欄のデザイン
(見た目)を変える方法をご紹介します!

■ コメント欄プロフィール画像を非表示にする

先日から、コメントがあった場合には、そのユーザープロフィール画像が表示
されるようになりました。

たとえば、こんな感じでプロフィール画像が表示されます。

http://d.hatena.ne.jp/sample/comment?date=20040820#c

日記のコメント欄が華やかになって、コメントをつけるのが楽しくなりますね。

ただ、ユーザーさんによっては、「前の見え方のほうがよかった」という方もお
られるようです。

プロフィール画像を非表示にするには、以下の手順で「スタイルシート」を設定
してください。

1. 日記上部の「管理」をクリック
2. 左メニューの「デザイン」をクリック
3. 「詳細デザイン」をクリック
4. 「スタイルシート」欄に以下の文字列を貼り付ける

  span.canchor { display: none; }

5. 「この内容に変更する」をクリック

こちらの設定で、コメント欄プロフィール画像が表示されなくなり、以前の
コメント欄のような見た目になります。

■ コメントしたユーザー名の後で改行する

さて、コメント欄の見た目で他にもよくある問い合わせが、

しなもん『こんにちは。』

となっている見た目を、

しなもん
『こんにちは。』

のように、ユーザー名の次の行からコメントが始まるようにしたいというご要望。
こちらも同様に「スタイルシート」を設定することで、見た目を変更することが
可能です。

1. 日記上部の「管理」をクリック
2. 左メニューの「デザイン」をクリック
3. 「詳細デザイン」をクリック
4. 「スタイルシート」欄に以下の文字列を貼り付ける

  span.canchor { display: none; }
  span.commentator { display: block; }

5. 「この内容に変更する」をクリック

同じ位置からコメントの本文が始まるようになって、見やすいデザインになりま
したね。

※ プロフィール画像も表示されなくなりますのでお気をつけください。

■ 「スタイルシート」を使えばデザインも自由自在!

上記の他にも、はてなダイアリーでは「スタイルシート」と呼ばれる技術を
使って、日記のデザインを自由にカスタマイズすることが可能です。

たとえば、文字のリンク色を変えたり、行間や余白の調整をしたり、日記の背景
画像を風景写真にしたり、日記のデザインを自分好みにアレンジすることができ
ます。

「スタイルシート」を使ってデザインカスタマイズする方法については、以下
のヘルプページや、ヘルプから紹介しているリンク先を参考にご覧ください。

▽ 「詳細デザイン」についてのヘルプ
http://url.hatena.ne.jp/MO0Ju
▽ 「スタイルシート」についてのヘルプ
http://url.hatena.ne.jp/JILI9

また、ちょっとしたカスタマイズであればアドバイスさせていただくことも可能
なので、もし困ったことがあった場合には以下のお問い合わせページからお気軽
にご連絡くださいね。

▽ はてな お問い合わせ
http://www.hatena.ne.jp/faq/q?c=9

◇ 編集後記 ◇

ゴールデンウィーク山梨のワイナリーに行って、ワインテイスティング勉強
会に参加してきました。中でも興味深かったのが、ワインとチーズをいっしょに
食べることで、さらに香りと味わいが高まる「マリアージュ」の体験。フランス
語で「結婚」を意味する表現ですが、人間といっしょで、味わいが似た食べもの
同士の相性が特にぴったりだそうです。
このたび発売された、はてな取締役梅田望夫( d:id:umedamochio )と脳科学者茂木健一郎さんの共著「フューチャリスト宣言」も最高のマリアージュとの噂。
はてなダイアリーでもプレゼントキャンペーンを開始しているので、興味のある
方はぜひ応募してみてくださいね!
http://d.hatena.ne.jp/hatenadiary/20070508/1178598028はてなからのメールマガジンの購読停止は・・・
ユーザー情報変更ページにて購読停止作業を行ってください。
= https://www.hatena.ne.jp/configはてなへのお問い合わせは
http://www.hatena.ne.jp/faq/はてなのトップページは
URLhttp://www.hatena.ne.jp/
トラックバック - http://hatena.g.hatena.ne.jp/hatenatips/20070508
counter