ブログサイドバーの設定【はてなブログ】ブログの作成・カスタマイズ

ブログサイドバーの設定【はてなブログ】ブログの作成・カスタマイズ ブログ

今回は初心者向けブログの作成のラスト、サイドバーの作成を行います。

検索やブログ村、はてなブログの購読ブログなどから読者が飛んできた場合、ブログ本文は読んでもらえます。

しかし、できればサイドバーにあるプロフィールを覚えてもらえたり、他の記事を読んでもらえると嬉しいですね。

他の記事に飛んでもらえると、それだけpv(ページのアクセス数)が増えることになります。

ツイッターフォローやFacebookにアクセスがあるかもしれませんし、ブログ村のバナーをくりっくしてもらえるかもしれません。

以上のような理由で、ブログのサイドバーを作成します。

サイドバー作成は「はてなブログ」」で説明しますが、ライブドアブログやアメーバブログでもの基本は同じですので応用してください。

※この記事は、初めてブログを書くブログ初心者の方へ向けて書いています

【前記事】

初心者向けはてなブログの設定方法・詳細設定のおすすめパターン

  1. ブログのデザイン画面へ
  2. ブログの記事設定
  3. ブログの記事エリア
    1. 記事エリアの設定
      1. はてなブックマークボタン
      2. Facebook「シェア」ボタン
      3. ツイートボタン
      4. Tumblr共有ボタン、LINEで送るボタン、pocket追加ボタン
      5. 表示設定 記事上下に表示、記事下にのみ表示(デフォルト)
      6. はてなスター
      7. はてなブックマークコメント
      8. Zenback
      9. 関連記事を記事下に表示する
      10. 記事上下のカスタマイズ
      11. パンくずリスト
  4. ブログサイドバーのカスタマイズを行う
    1. ブログサイドバーのカスタマイズ プロフィール
      1. タイトル
      2. プロフィール画像
      3. はてなID
      4. 自己紹介
      5. 最終更新
      6. 読者になるボタン
      7. ツイッターフォローボタン
    2. ブログサイドバーのカスタマイズ 最新記事の設定を行う
      1. タイトル
      2. 表示件数
      3. カテゴリー
      4. もっとみる
      5. サムネイル画像を表示する
      6. 投稿日時を表示
      7. ブックマーク数を表示する
      8. カテゴリーを表示する
      9. タイトルを表示
      10. 記事の概要か本文を表示する
    3. ブログサイドバーのカスタマイズ モジュールを追加する
      1. タイトル
      2. 表示件数
      3. サムネイル画像を表示する
      4. 投稿日時を表示する
      5. ブックマーク数を表示する
      6. カテゴリーを表示する
      7. 記事の概要か本文を表示する
    4. ブログサイドバーのカスタマイズ モジュールの並び替え
  5. ブログのサイドバー作成完了
  6. ブログの作成・サイドバー まとめ

ブログのデザイン画面へ

ブログのサイドバー設定 デザイン画面へ
ブログのサイドバー設定 デザイン画面へ

まず、ブログの管理メニューを開きます。

いつもの左上のメニューからですね。

赤枠の「デザイン」をクリックします。

ブログの記事設定

ブログの作成 記事設定
ブログの作成 記事設定

左上のレンチの赤マークの「カスタマイズ」をクリックします。

下にずらっと設定項目が出てきます。

その中で赤枠の「記事」をクリックします。

スポンサーリンク

ブログの記事エリア

上から順に設定、確認していきます。実際の画面を確認しながら進めてください。

記事エリアの設定

はてなブックマークボタン

記事下にはてなブックマークが表示されます。

はてなブックマークははてなブログの読者からコメントされたり、グーグルで検索されたりと後で重宝するため、チェックをいれます。

Facebook「シェア」ボタン

記事下にFacebookボタンが表示されます。

これを押されると、その読者のFacebookに記事が拡散(つながりがある人に広がる)されるのですが、あまり押されたことがありません。

とても有益な記事を書いたら拡散されるでしょう。拡散されると記事を見てくれる読者が増え、アクセスアップにつながります。

ツイートボタン

記事下にツイッターのボタンが表示されます。

押されると、ツイッターに記事が拡散されます。

Tumblr共有ボタン、LINEで送るボタン、pocket追加ボタン

これらはチェックなしでよいです。

さらに下に行きます。

表示設定 記事上下に表示、記事下にのみ表示(デフォルト)

はてなブックマークボタンなどを記事上下か、記事下だけに表示するかです。上にあると邪魔なので、記事下のみで良いです。

はてなスター

「いいね」のような機能です。

始めのうちは読者を増やす目的のため、チェックをしておきましょう。

はてなブックマークコメント

はてなブックマークを押された際にコメントが入力できるのですが、それを表示するかどうか。チェックをしておきましょう。

Zenback

チェック無しで。

関連記事を記事下に表示する

表示しておくと、気になった読者が見てくれます。これは良くあります。 チェックを入れます。

記事上下のカスタマイズ

今はなしで。

パンくずリスト

グーグル検索エンジンのSEOに有効です

これは必須ですのでチェックをいれておきます。

保存ボタン
保存ボタン

画面上の青い「変更を保存する」を押します。

スポンサーリンク

ブログサイドバーのカスタマイズを行う

またレンチの「カスタマイズ」>「サイドバー」をクリックします。

プロフィールの「編集」を押して設定を行います。

ブログサイドバーのカスタマイズ プロフィール

ブログサイドバーのカスタマイズ プロフィール
ブログサイドバーのカスタマイズ プロフィール

編集」をクリックすると、プロフィール設定画面が出てきます。

タイトル

そのままでOK

プロフィール画像

表示する。

はてなID

表示する。

自己紹介

自己紹介を入力してください。サイドバーに表示されます。

さらに下に行きます。

最終更新

表示する。ブログの最終更新日が表示されます。

読者になるボタン

表示する。ブログを読んでくれた人が読者になってくれます。

ツイッターフォローボタン

もしすでにツイッターをされていれば「有効にする

ツイッターをしていなければそのままで。

適用」ボタンをクリックします。

「検索」、「リンク」は今は必要ないのでそのままで。次は「最新記事」です。

ブログサイドバーのカスタマイズ 最新記事の設定を行う

ブログサイドバーのカスタマイズ 最新記事の設定を行う
ブログサイドバーのカスタマイズ 最新記事の設定を行う

最新記事の「編集」をクリックします。

タイトル

そのままで。

表示件数

最新記事がサムネイル(ちっちゃく)サイドバーに表示されます。

初期値は「5」記事ですが、もうちょっと多くてもいいです。7~10記事にしてください。

カテゴリー

そのままで。

もっとみる

チェックを入れてください。

サムネイル画像を表示する

記事に小さな画像がつきます。これをサムネイルといいます。

人間は文字より画像のほうに惹かれます。これは絶対あったほうが良いため、チェックします

投稿日時を表示

チェックします。

ブックマーク数を表示する

チェックします。

カテゴリーを表示する

チェックします。

タイトルを表示

「全体」で

記事の概要か本文を表示する

50~100文字くらいで、調整してみてください。

適用」をクリックします。

スポンサーリンク

ブログサイドバーのカスタマイズ モジュールを追加する

次はサイドバーにモジュールを追加していきます。

左のサイドバーの一番下に「+モジュールの追加」とあります。クリックします。

ブログサイドバーのカスタマイズ モジュールを追加する
ブログサイドバーのカスタマイズ モジュールを追加する

関連記事」をクリックし、最新記事と同じように入力します。

タイトル

そのままで。

表示件数

5件くらいに

サムネイル画像を表示する

チェックする。

投稿日時を表示する

チェックする

ブックマーク数を表示する

チェックする。

カテゴリーを表示する

チェックする。

記事の概要か本文を表示する

50~100で。

青の「適用」をクリックします。

もう一度「+モジュール追加」をクリックし、「注目記事」を選びます。

ブログサイドバーのカスタマイズ モジュールを追加する
ブログサイドバーのカスタマイズ モジュールを追加する

「関連記事」と同じですので、同様に入力します。

ブログサイドバーのカスタマイズ モジュールの並び替え

マウスでドラッグ(つかんで移動させる)と、各モジュールの並び替えが出来ます。

サイドバーのモジュールの並び替え
サイドバーのモジュールの並び替え

これは好みですが、筆者は以下のこのパターンが多いです。

サイドバーのモジュールの並び替え
サイドバーのモジュールの並び替え

プロフィールが先頭で、その下に記事のサムネイルがならび、あとカテゴリーやブログランキングがきます。が、これは好みです。

上の「変更を保存する」で保存してください。

ブログの作成 保存ボタン
保存ボタン
スポンサーリンク

ブログのサイドバー作成完了

画面真ん中上に「ブログを確認する」が出ますので、クリックします。

出来上がりは下の画像の感じです。 ダミー記事を何記事か入れてますので、最新記事のエリアにいくつか表示されています。

よく見るブログの感じになってきましたね。赤の枠が、今回変わった所です。

ブログのサイドバーの作成完了1
ブログのサイドバー作成完了2
ブログのサイドバー作成完了

ちいさくて見にくかったら、グーグルクロームの場合はブラウザの右上の「」のようなメニューから「ズーム +」で拡大してみてください。

マイクロソフト・エッジの場合は右上の「・・・」のメニューから「拡大 +」です。

ブログの作成・サイドバー まとめ

ブログの外観の設定は終わりです。

あとはブログを書いてみてください。

次は、ブログのアクセスを増やす方法(初心者むけ)、またはグーグルアナリティクス・サーチコンソールを解説します。

難しいところはコメントで受け付けます。

ありがとうございました。

【アフィリエイト収入】 初心者でもブログで月5万円

日本一有名なA8は品揃えが豊富
無料会員登録
⇓⇓

2番名に有名なもしも
無料会員登録
⇓⇓

【あわせてよみたい】

ブログの記事タイトルのつけ方の基礎|読者にクリックされるタイトルをつけよう

ブログ記事で収入を得る、ブログで稼ぐおすすめの方法

【チェック】

中古パソコン・激安パソコンを通販で買いたい方へ

スポンサーリンク

コメント