ブログの作成 サイドバー

ブログの作成 サイドバー ブログ
ポチしていただけると嬉しいです!
にほんブログ村 シニア日記ブログ 50歳代へ

スポンサーリンク

前回、ブログの基本設定まで進みました。

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

ブログにサイドバーを作成する理由

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

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

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

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

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

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

【前回記事】

ブログのデザイン画面へ

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

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

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

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

ブログの記事設定

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

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

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

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

スポンサーリンク

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

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

記事エリアの設定

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

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

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

Facebook「シェア」ボタン

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

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

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

ツイートボタン

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

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

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

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

さらに下に行きます。

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

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

はてなスター

「いいね」のような機能です。
始めのうちは読者を増やす目的のため、チェックをしておきましょう。

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

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

Zenback

チェック無しで。

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

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

記事上下のカスタマイズ

今はなしで。

パンくずリスト

グーグルの検索エンジンに有効です。
チェックをいれておきます。

ブログの作成 保存ボタン
保存ボタン

画面上の青い「変更を保存する」を押しておきましょう。

スポンサーリンク

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

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

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

プロフィール

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

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

タイトル

そのままでOK

プロフィール画像

表示する。

はてなID

表示する。

自己紹介

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

さらに下に行きます。

最終更新

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

読者になるボタン

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

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

もしすでにツイッターをされていれば「有効にする
ツイッターをしていなければそのままで。

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

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

ブログのサイドバー最新記事の設定を行う

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

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

タイトル

そのままで。

表示件数

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

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

カテゴリー

そのままで。

もっとみる

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

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

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

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

投稿日時を表示

チェックします。

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

チェックします。

カテゴリーを表示する

チェックします。

タイトルを表示

「全体」で

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

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

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

スポンサーリンク

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

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

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

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

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

タイトル

そのままで。

表示件数

5件くらいに

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

チェックする。

投稿日時を表示する

チェックする

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

チェックする。

カテゴリーを表示する

チェックする。

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

50~100で。

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

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

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

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

モジュールの並び替え

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【おすすめ記事】

まとめ

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

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

次は、ブログのアクセスを増やす方法(初心者むけ)、またはグーグルアナリティクス・サーチコンソールにいってみようと思います。

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

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

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

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

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

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

【参考記事】

コメント