ブログの作成 サイドバー

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

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

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

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

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

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

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

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

【前記事】

ブログの設定・はてなブログ【初心者】

ブログのデザイン画面へ

ブログの作成 管理メニュー
ブログの作成 管理メニュー

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

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

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

ブログの記事設定

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

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

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

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

スポンサーリンク

ブログの記事エリアの設定を行う

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

記事エリアの設定

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

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

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

●Facebook「シェア」ボタン

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

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

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

●ツイートボタン

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

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

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

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

さらに下に行きます。

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

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

●はてなスター

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

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

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

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

●Zenback

チェック無しで。

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

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

●記事上下のカスタマイズ

今はなしで。

●パンくずリスト

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

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

保存ボタン
保存ボタン

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

スポンサーリンク

ブログサイドバーの作成を行う

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

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

プロフィール

サイドバー プロフィールの作成
サイドバー プロフィールの作成

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

●タイトル

そのままでOK

●プロフィール画像

表示する。

●はてなID

表示する。

●自己紹介

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

さらに下に行きます。

●最終更新

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

●読者になるボタン

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

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

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

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

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

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

最新記事の設定を行う

サイドバーの最新記事の作成
サイドバー 最新記事の作成

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

●タイトル

そのままで。

●表示件数

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

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

●カテゴリー

そのままで。

●もっとみる

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

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

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

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

●投稿日時を表示

チェックします。

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

チェックします。

●カテゴリーを表示する

チェックします。

●タイトルを表示

「全体」で

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

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

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

スポンサーリンク

サイドバーにモジュールを追加する

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

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

サイドバーの作成 モジュールの追加
サイドバーの作成 モジュールの追加

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

●タイトル

そのままで。

●表示件数

5件くらいに

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

チェックする。

●投稿日時を表示する

チェックする

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

チェックする。

●カテゴリーを表示する

チェックする。

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

50~100で。

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

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

サイドバーの作成 モジュールの追加
サイドバーの作成 モジュールの追加

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

モジュールの並び替え

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【アフィリエイト収入】
ブログで商品を売って
収入にしませんか?

日本一有名なA8
品揃えが豊富

無料会員登録はこちら
↓↓

2番名に有名なもしも
無料会員登録はこちら
↓↓

【あわせてよみたい】

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

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

【チェック】

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

スポンサーリンク

コメント