うしごや ~さとり男子の考察牧場~

現実世界でのストレスを糧に、好き放題白黒ハッキリした映画レビューをしていきます(笑)感想&妄想寄りの考察(゜-゜)?他雑記!

うしごや ~さとり男子の考察牧場~

【はてなブログ】カスタマイズ!サイドバー考察&モジュールのHTMIコード!

 

サイドバーカスタマイズ


こんばんは、うしぞうです!今回は、はてなブログのサイドバーって何を置いといたらいいんだろう?っていう妄想&ちょこっと配置をカスタマイズしてみました

 

合わせて読みたい

 

 

サイドバーのモジュール一覧

 

モジュール

 

まずはてなブログのカスタマイズ画面で、デフォルトでリストに含まれているモジュールを一つずつ考察してみます(゜-゜)

 

プロフィール

 

プロフィールです。ハイ、読んで字の如く。

 

自分の名前とかアイコンとか、読者になるボタンとかツイッターのフォローボタンとか、自分を前面に押し出していくスタイルの表示ですね。

 

はてなブログとしてのプロフィールどうこうも見やすいので、はてなブログの横の繋がりが多い方には必須です。

 

逆に言うとガッツリとアフィりアフィりしいブログなら、書いてる人の事とか別に~って感じもするからいらない説あり。

 

検索

 

記事の検索ボックスです。「この人あんな記事書いてるかな~?」と読者に思われたときに設置してあると探しやすくて便利ですよね(*´∀`*)

 

読者に関連記事を自主的に探してもらうってことだから、雑記ブログよりは特化ブログにあったら嬉しいかも?

 

リンク

 

他サイトへのリンク集。仲の良いブロガーさんのサイトへリンクを貼ったり、特化ブログなら何かしらその分野の公式サイトなんかも貼っておくと親切でいいですね。

 

最新記事

 

投稿が新しい記事一覧を表示しておくリスト。必須かな?あくまでサイドのバーに表示したいモジュールなので、昔の記事などから検索流入した人を最新の記事へ誘えます。

 

配置とかサムネ画像の有無とかも細かく設定できるので良き感じに編集しましょう!

 

まぁでもトップ画面にいけば最新の記事は嫌でも目に付くと思うので、表示数はそこまで多くなくてもいいかな?当ブログではサムネ付きで4つ表示してます。

 

関連記事

 

同じカテゴリーとか、近しい雰囲気の記事を表示してくれます。でも記事ページの下に関連記事は表示できるので、わざわざサイドバーまでにはいらないかな?

 

注目記事

 

必須です。最近のアクセス順や、はてブの人気っぷりで上位の記事をいくつか表示しておけるリストです。

 

アクセスが良いorはてブで人気ってことは素直に良記事なので、色んな人の目に触れてほしい自慢の記事を押し出すために、必須のモジュールかと思います。

 

月別アーカイブ

 

自分のブログの今までの歴史を追ってもらえるモジュールです。

月単位の表示とカレンダー式があります。

 

雑記ブログだったら欲しいかもしれません。色々な記事を書いている中で、もし「この人の記事おもろいなー」と思ってもらえたら、筆者の軌跡に興味を持ってもらえるかも?

 

すごい立派な記事書いてる人が初期に書いてた黒歴史的な記事見るの好き

 

カテゴリー

 

雑記ブログなら必須です。ただでさえ記事の種類が多くて散らかっている雑記ブログにとっては、コレが無いと収拾がつきません。

 

同じジャンルの記事がまとめてあったほうが、読者目線だと記事を探しやすいですし、自分で管理もしやすいと思います。

 

最近このブログのカテゴリーが増え過ぎてぐちゃぐちゃになりつつある私が言っちゃうのもなんなんですけど!

 

最近のコメント

 

コメントが多く寄せられるブログに貼っておけば読者さんの興味もそそられるかも?

ただはてなブログだと、はてブのコメントも多いと思うので重要ではないかな?

 

HTML

 

自分でモジュール名とHTMLを自由に書いて、好きなものを表示させることができます。『スポンサードリンク』の名前で広告貼ったりするのが王道でしょうか。

 

参加グループ

 

自分の所属するはてなブログのグループを表示させておくことができます。

結局は外部リンクだから自分のブログにとってはいらないかもしれないけど・・・

 

なんとなーく『ブログやってます感』があって良いと思ったので、最近導入してみましたww

 

執筆者リスト

 

管理者がたくさんいるブログ向けですね。相方やグループで相談してどうぞ!

 

HTMLでまとめてみる

 

サイドバーに表示させるモジュールについて個人的に考えてみましたが、結局はそのブログのイメージや方向性、利便性で組み上げていくものです。

 

ということで一つだけ提案をします。

細かいモジュールはまとめちゃいましょう!例えば

 

検索

 

この検索モジュール。『検索』ってタイトルなうえに、検索ボックスに『記事を検索』って書いてあってさらに『検索ボタン』・・・

 

『検索』の主張が激しい。

 

そして『月別アーカイブ』も、年号と日付さえが表示されてれば・・・

 

月別アーカイブ

 

見れば分かるよね?

 

見て分かるもんに一々タイトルがついてても仰々しいので

 

記事を探す

 

まとめちゃいました

 

各モジュールのHTML表記

 

仕組みは簡単で『検索』や『月別アーカイブ』を個々に表示させるのではなく、それぞれのHTMLを『HTML』のモジュール内にまとめて一括表示させた感じです(*´∀`*)

 

<div class="hatena-module-body">
<form class="search-form" role="search" action="自分のブログURL/search" method="get">
<input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required>
<input type="submit" value="検索" class="search-module-button" /></form></div>

 

この赤字部分を自分のサイトのURLに書き換えれば、このHTMLははてなブログにおいて自分のサイトの検索ボックスを表示するものです。

 

<div class="hatena-module hatena-module-archive" data-archive-type="default" data-archive-url="自分のブログURL/archive">
<div class="hatena-module-body"></div></div>

 

同じ理屈で月別アーカイブ。これも自分のURLに置き換えて

 

記事を探すHTML

 

こんな風にしてます

 

んで私はその下にさらにブロググループのリストも入れちゃいましたが、例えば広告コードとかも入れちゃえるわけですし、それを一つのモジュールスペースにまとめて表示できるため、タイトルがゴチャつかずにオススメですよ(*´∀`*)

 

まとめ:サイドバーもスッキリ!

 

とはいえこれはブログデザインにもかなり影響されます(゜-゜)

 

元々スッキリしたデザインならサイドバーもゴチャつかないんですけど、私のブログのテーマは可愛らしい反面色々表示させすぎると主張がうるさくて・・・(-_-;)

 

HTML表記でまとめて表示はスッキリするので個人的にはかなりオススメです!

広告貼るスペースも作りやすいよ!!

 

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

 

うしごやよろしく!

 

にほんブログ村 にほんブログ村へ