デザインを変える(初心者向け)
■ デザインを変える(初心者向け)
はてなダイアリーでは、「かんたんデザイン設定」を使ってかんたんにサイドバーに「プロフィール」や「最近のコメント」を表示させたり、デザインを変更することができます*1。
このページでは、「かんたんデザイン設定」を使って、あなたのダイアリーのデザインを変更する方法を紹介します。
デザインテーマを変更する
はてなダイアリーの「デザインテーマ」と呼ばれる機能を使って、あなたのダイアリーのデザインをかんたんに変更します。
ここでは例として、はてなダイアリー日記が使用しているテーマ「hatena2」に変更します。
デザインテーマを変更する手順は、クリックだけで進めることができるのでとてもかんたんです。
- 自分のはてなダイアリーにログインする

- 上部メニューの「管理」をクリック

- 左メニューの「デザイン」をクリック

- 上部の「かんたん」タブが選択されていることを確認する
もし「かんたん」になっていない場合、「かんたん」をクリックしてください
これで「かんたんデザイン設定」画面に移動します。いろんなデザインの画像が並んで表示されていますね。あなたが現在使っているデザインテーマが、左上に表示されています。そのすぐとなりにある「hatena2」という画像をクリックしてみましょう。これで「hatena2」テーマが選択されました。
実際に操作している画面を、動画でご覧いただけます。以下の再生ボタンをクリックしてください。
※ もし他のデザインも見てみたい場合、虫めがね型のアイコン
をクリックしてみましょう。すると、そのデザインが適用されたサンプル日記を見ることができます。
※ すでに「詳細デザイン設定」をお使いの場合、ヘッダ・フッタの内容が一部消えてしまうことがございます。お気をつけください。
※ ページ上部の
ボタンをクリックすると、現在表示されている以外にも、いろいろなデザインテーマを見ることができます。
サイドバー(日記の横)に便利なモジュールを載せる
さて、新デザインを選択したら、次は日記の横に表示されるサイドバーの設定を行いましょう。「はてなモジュール」を使うと、サイドバーに「プロフィール」や「カレンダー」、「最近のコメント」など、いろいろなオプション情報をかんたんに設置することができます。
ここでは、先ほどと同様に、はてなダイアリー日記が使用しているものと同じ、「プロフィール」「カレンダー」「最近のコメント」モジュールを設置します。
ここでも同様に、クリックだけでかんたんにモジュールを設置することが可能です。
- 自分のはてなダイアリーにログインする

- 上部メニューの「管理」をクリック

- 左メニューの「デザイン」をクリック

- 上部の「かんたん」タブが選択されていることを確認する
もし「かんたん」になっていない場合、「かんたん」をクリックしてください
- 左上の「サイドバー」タブをクリック

これで、サイドバー設定画面に移動します。いろんなはてなモジュールの画像が表示されていますね。この画像は、実際にサイドバーでどのように表示されるかのイメージです。はてなダイアリー日記と同じモジュールを設置するためには、「プロフィール」「カレンダー(画像付き)」「最新コメント」をクリックしてください。
実際に操作している画面を、動画でご覧いただけます。以下の再生ボタンをクリックしてください。
※ ページ上部の
ボタンをクリックすると、現在表示されている以外にも、いろいろなモジュールを見ることができます。
関連する情報
- はてなダイアリーのヘルプ - 日記のデザインでできること
- はてなダイアリーのヘルプ - デザインテーマについて
- はてなダイアリーのヘルプ - はてなモジュールってなに?
- はてなダイアリーのヘルプ - はてなモジュール一覧
- はてなダイアリーのヘルプ - 他人のデザインをインポートする(公開デザイン一覧)
- はてなダイアリーのヘルプ - 複数のデザインを切り替える(デザイン管理機能)
- はてなダイアリーのヘルプ - デザインを変える(上級者向け)
- テーマサンプル:「hatena2」
- はてなダイアリーガイド「かんたんデザイン設定」
- はてな お問い合わせ はてなダイアリーについて - はてなのページが正常に表示されません。Mac OS 9を使っています。
- 2010/07/23 17:14:03 はてなダイアリーの使い方
- 2010/11/17 18:02:22 はてなダイアリー機能一覧
- 2010/07/23 15:46:21 はてなモジュールってなに?
- 2009/05/26 11:16:54 アクセスカウンターをつける
- 2012/05/06 19:48:47 アクセス解析ができる有料カウンターを設置する(counterモジュール)
- 2009/08/10 12:08:43 デザインを変える(モバイル版)
- 2010/07/23 15:50:43 デザインを変える(初心者向け)
- 2010/06/04 19:09:15 デザインを変える(上級者向け)
- 2008/09/01 22:06:13 デザインテーマについて
- 2010/06/04 19:09:42 ページビュー(無料)を表示する(pvモジュール)
- 2010/06/04 19:11:56 BlogPetを表示する(blogpetモジュール)
- 2010/11/17 17:40:28 複数のデザインを切り替える(デザイン管理機能)
- 2010/06/04 19:11:47 GoogleAdsense広告を設置してお小遣いを稼ぐ(adsenseモジュール)
- 2010/05/27 15:28:04 iPhone/Androidで見る
- 2010/05/27 14:43:50 iPhoneで見る
- 2007/09/05 21:42:59 日記のサイドバーなどにブログパーツを設置する
- 2010/11/17 17:39:27 日記のデザインでできること
- 2010/06/04 19:11:51 時計を表示する(clockモジュール)
- 2010/06/04 19:10:29 最近言及数の多いキーワードを表示する(hotkeywordモジュール)
- 2010/06/04 19:10:33 最近言及数の多いURLを表示する(hoturlモジュール)
- 2011-04-09 08:05:20 はてなグループ - 機能変更、お知らせなど - Re:記事をカテゴリ別に
- 2009-11-10 23:47:12 はてなグループ - 機能変更、お知らせなど - Re:最近書いたコメントについて
- 2009-08-25 22:33:48 はてなグループ - 機能変更、お知らせなど - Re:Re:Re:サイドバーについて
- 2009-08-05 16:04:29 はてなグループ - 広告掲載について - 画像を変更したけれど、新しい画像になりません。
- 2008-09-11 08:56:30 はてな備忘録 - ダイアリーのページデザインを変えたいときは
- 2008-01-04 17:08:12 はてなグループ - 機能変更、お知らせなど - Re:トップページを固定する
- 2007-11-28 20:17:13 はてなダイアリー日記 - 「かんたんデザイン」で選択可能なテーマを一覧できるページを追加しました
- 2007-10-19 18:44:17 はてなグループ - 機能変更、お知らせなど - Re:公式デザインテーマについて
- 2007-08-01 13:33:46 [51]注目!パソコンの使い方-はてなダイアリー
- 2007-04-05 00:05:02 ため日記




