ねかつちう。

お金や節約に敏感な20代30代のための物欲系雑記ブログ

はてブロ公式で関連記事が実装されたけどブログカード風じゃないと寂しい

[PR]このページにはアフィリエイトプログラムによる商品・サービス等の広告を掲載しています

どうもこんにちは、ちうぱんです。

6月13日にはてブロから「関連記事」実装のお知らせがきましたよね。 

staff.hatenablog.com

むしろ今まで実装されていなかったのが不思議なくらいですが、ともかく標準実装されたことは素直に歓迎したいと思います。

そこで。

気になるのは、これまで先人の皆様が開発して下さった関連記事リストとの違いですよね。

関連記事リストは、閲覧者のサイト内回遊率を高めるためのパーツですから、見栄えも重要な要素となります。

以下の画像ははてブロ標準の「関連記事」と、池田仮名氏作成の「あわせて読みたいG」との比較です。上が標準です。

f:id:nekatsu:20170617031116p:plain

どうでしょう。

これはもう比較するまでもなく。。

外見的には「あわせて読みたいG」の圧勝かなと思いました。

はてブロは過去記事へのリンクがブログカード風に表示されるので、なぜ関連記事リストも同じようなデザインに仕上げなかったのか疑問を感じます。

とはいえ、そこははてブロです。

標準では「すっぴん」にとどめ、あとはCSSで好きに弄ってくれ!ということなのでしょう。

ソースを確認したところ、具体的には以下のクラスが関係しそうですね。

hatena-module-body
related-entries hatena-urllist urllist-with-thumbnails
urllist-item related-entries-item
urllist-item-inner related-entries-item-inner
urllist-image-link related-entries-image-link
urllist-date-link related-entries-date-link
urllist-title-link related-entries-title-link urllist-title related-entries-title
urllist-entry-body related-entries-entry-body

CSSでどこまで遊べるのか、いろいろ試してみたいと思います。

というわけで以上っ!