デザインを変える(初心者向け)

Hatena::Diary

はてなダイアリー ヘルプ

デザインを変える(初心者向け)

デザインを変える(初心者向け)

はてなダイアリーでは、「かんたんデザイン設定」を使ってかんたんにサイドバーに「プロフィール」や「最近のコメント」を表示させたり、デザインを変更することができます*1

このページでは、「かんたんデザイン設定」を使って、あなたのダイアリーのデザインを変更する方法を紹介します。

デザインテーマを変更する

はてなダイアリーの「デザインテーマ」と呼ばれる機能を使って、あなたのダイアリーのデザインをかんたんに変更します。

ここでは例として、はてなダイアリー日記が使用しているテーマ「hatena2」に変更します。

デザインテーマを変更する手順は、クリックだけで進めることができるのでとてもかんたんです。

  1. 自分のはてなダイアリーにログインする
  2. 上部メニューの「管理」をクリック
  3. 左メニューの「デザイン」をクリック
  4. 上部の「かんたん」タブが選択されていることを確認する
    もし「かんたん」になっていない場合、「かんたん」をクリックしてください

これで「かんたんデザイン設定」画面に移動します。いろんなデザインの画像が並んで表示されていますね。あなたが現在使っているデザインテーマが、左上に表示されています。そのすぐとなりにある「hatena2」という画像をクリックしてみましょう。これで「hatena2」テーマが選択されました。

実際に操作している画面を、動画でご覧いただけます。以下の再生ボタンをクリックしてください。

※ もし他のデザインも見てみたい場合、虫めがね型のアイコン をクリックしてみましょう。すると、そのデザインが適用されたサンプル日記を見ることができます。

※ すでに「詳細デザイン設定」をお使いの場合、ヘッダ・フッタの内容が一部消えてしまうことがございます。お気をつけください。

※ ページ上部の ボタンをクリックすると、現在表示されている以外にも、いろいろなデザインテーマを見ることができます。

サイドバー(日記の横)に便利なモジュールを載せる

さて、新デザインを選択したら、次は日記の横に表示されるサイドバーの設定を行いましょう。「はてなモジュール」を使うと、サイドバーに「プロフィール」や「カレンダー」、「最近のコメント」など、いろいろなオプション情報をかんたんに設置することができます。

ここでは、先ほどと同様に、はてなダイアリー日記が使用しているものと同じ、「プロフィール」「カレンダー」「最近のコメント」モジュールを設置します。

ここでも同様に、クリックだけでかんたんにモジュールを設置することが可能です。

  1. 自分のはてなダイアリーにログインする
  2. 上部メニューの「管理」をクリック
  3. 左メニューの「デザイン」をクリック
  4. 上部の「かんたん」タブが選択されていることを確認する
    もし「かんたん」になっていない場合、「かんたん」をクリックしてください
  5. 左上の「サイドバー」タブをクリック

これで、サイドバー設定画面に移動します。いろんなはてなモジュールの画像が表示されていますね。この画像は、実際にサイドバーでどのように表示されるかのイメージです。はてなダイアリー日記と同じモジュールを設置するためには、「プロフィール」「カレンダー(画像付き)」「最新コメント」をクリックしてください。

実際に操作している画面を、動画でご覧いただけます。以下の再生ボタンをクリックしてください。

※ ページ上部の ボタンをクリックすると、現在表示されている以外にも、いろいろなモジュールを見ることができます。

関連する情報

*1:現在iPhoneandroidで表示されるデザインはヘッダの色以外は変える事ができません