【はてなブログ】記事タイトルの後ろにブックマーク数を表示する方法

広告

個別記事のタイトルにリンクをはって、その後ろに、はてなブックマーク数を表示したい!!

って時、誰にでもありますよね。

ハイ、やり方調べました。 簡単です。

 

こんな感じ。

お前の上司、フライドポテトに親でも殺されたのか? - 自由ネコ

 

はてなブログには「ブログカード」という、簡単お手軽で超カッコいいリンクの貼り方もあるんだけどね 

はてなブログが他の無料ブログサービスよりも優れている点は、リンクの挿入がメチャクチャ簡単なところですよね。

一度はてなブログに慣れてしまうと、他のブログは非常に面倒に感じてしまいます。

 

例えば、こういうめんどくさそうなの、一発ですからね。ワンタッチ。

gattolibero.hatenablog.com

 

はてなブログの記事投稿画面で、 リンクを挿入しようとしてURLを記事内にコピペすると、勝手に「どの方法にします?」みたいな感じで、選択肢が示されますので、その中から、自分が採用したい表示方法を選ぶだけ。めっちゃ楽だ…。

 

上に貼った「小池栄子最強説」は、いわゆる「ブログカード」というスタイルですね。

他にも、こんなリンクの方法も選べます。

テキスト(文字)だけとか。

【小池栄子最強説】小池栄子に死角が見当たらない件について。 - 自由ネコ

 

URLをそのまま載せちゃう方法も選べます。

(私は日本語URLを利用しているので、めっちゃ長くなってます💦)

https://gattolibero.hatenablog.com/entry/%E3%80%90%E5%B0%8F%E6%B1%A0%E6%A0%84%E5%AD%90%E6%9C%80%E5%BC%B7%E8%AA%AC%E3%80%91%E7%B7%8F%E5%90%88%E8%A9%95%E4%BE%A11%E4%BD%8D%E3%81%AF%E5%B0%8F%E6%B1%A0%E6%A0%84%E5%AD%90%EF%BC%81

 

これ、全部、ワンタッチで自分で選ぶことができます。

超~~便利。超~~簡単。

 

んで。

 

今回紹介するのは、

ブログカードを貼っちゃうと、ちょっと情報量多過ぎるな、もうちょっとシンプルに、記事のタイトルと獲得したブックマーク数の表示だけでいいんだけどな…

というケースで使えるテクニックです。

 

 

リンクをはったテキスト(記事タイトル)の後ろに、その記事が獲得したブックマーク数を表示する。

ザックリ、こんな感じです。

めっちゃ簡単ですよね。

 

<p><a href="https://◯◯◯">記事のタイトル</a>

<img src="https://b.hatena.ne.jp/entry/image/https://◯◯◯" /></p>

 

赤色の部分は記事のURLです。

赤色2カ所とも、同じURLが入ります。

 

獲得したブックマークの数を表している部分って、実は画像なんですよね。

何かカウンター的な機能で表示されている文字(数字)なのかな?って思ったら、数字の画像!

 

例えば、この感じだと・・・ 

椎名林檎(天才詩人)の比類なき才能に平伏した私が選んだ動画7選 - 自由ネコ

 

これ、画像なんです。

 ↓

 

意外~。

 

 

ちなみに、ブックマーク数の画像部分には、わざわざリンクはらなくてもいいと思います。

 記事タイトルの方にリンクをはってありますから、わざわざブックマーク数の方にはリンクをはらなくていいと思います。

 

というのもですね、

もし仮に、記事本文よりも、ブックマーク数の方をクリックする人がいたとすると、その人はまず、記事本文を読む前にブックマークの様子を見に行こうとしてる、ってことになりますよね。

 

でもこれ、ブログ主(ぬし)的にはあんまり嬉しいことではありません。

まずは、ブログの記事本文を読んでほしい。

ブクマページをチラ見して何らかの先入観を持つ前に、まずは本文を読んでくれよ、って思いますよね。

記事を読んだあとで、ブックマークを付けるなり、ブクマ界隈がどんな様子かを伺うなりしてもらいたい、

ってのが本音ですよね。

 

ですから、ブログ主的には、あえてブックマーク数の画像には、ブクマページのリンクを付けなくていいと思います。っていうか付けない方が良いと思います。

 

 

ちなみに、今回紹介したテクニックを使うと、割と小スペースで、複数のエントリー&そのブクマ数を並べることができます。

例えば、記事下に、あわせて読んでもらいたい関連エントリーを4つとか5つとか並べたいとしましょうか。

その時に、情報量は多いが場所を取る「はてなブログカード」を貼ったとするとどうなるか。

ブログカードを5つも並べると、かなり「うわっ」ってなるんですよね。

 

でも、今回紹介した「タイトル+ブクマ数」で表示すると、かなりサッパリした感じになります。

 

例えばこんな感じ。

 

はてなブログ初心者講座からの厳選エントリー!

・・・・・・みたいな。

 (実際には厳選っていうほど厳選でもないが)

 

ズラッと「タイトル+ブクマ数」を並べた後、リストで箇条書きにしてみました。

 

 タイトルだけよりも、ブックマーク数が表示されている方が、なにげに説得力ありますよね。

やはり人間の心理として、ブクマ数の多い方の記事を読みたくなるんじゃないかと思います。(個人差があります)

 

ちなみにこれを、はてなブログカードで表示したらどうなるか。

想像してみてください。

ブログカード5連発。

 

・・・・・・・・・

 

・・(想像中)・・

 

・・・・・・・・・

 

くどい…。

 

 

どうでしょう。いかがでしたでしょうか?

もしかすると、上手く表示されているのは私だけかも知れない…って気が若干しております。

もしも今回の「タイトル+ブクマ数」作戦、試してみた方は、上手くいったかどうか教えてね!

言及していただければ、ほぼ120%、伺います('◇')ゞ