はてなブログのサイドバーの最新記事にもっと見るリンクを表示

はてなブログのサイドバーの最新記事に「もっと見る」リンクを表示できるようになりましたが、それはただの月別アーカイブへのリンクでした。

はてなブログ開発ブログ｜最新記事モジュールでもっと見るボタンを設定できるようにしました

もともと、最新記事のタイトルが月別アーカイブへのリンクになっているので、「もっと見る」リンクを表示すると、同じリンクが2つになってしまいます。そこで、CSSで最新記事のタイトルのリンクを無効にしました（月別アーカイブのタイトルも無効になります）。

(デザイン→カスタマイズ→「デザインCSS」にコードを入力)

CSS
.hatena-module-title a {
    text-decoration: none;
    pointer-events: none;
}

「もっと見る」リンクにはてなのアイコンフォントを表示させる場合は次のとおり。

(デザイン→カスタマイズ→「デザインCSS」にコードを入力)

CSS
/* 「もっと見る」リンクの前にアイコンを表示 */ 
.recent-entries-see-more-link:before {
    font-family: blogicon;
    content: "\f048";
}

/* 「もっと見る」リンクの後にアイコンを表示 */ 
.recent-entries-see-more-link:after {
    font-family: blogicon;
    content: "\f049";
}

このCSSを適用させると、例えばこんな感じで表示されると思います→  もっと見る 

最新記事はあまり利用されていないような気がしますが、サイドバーがさびしくなってしまうので、とりあえず表示させています（>「もっと見る」リンクも表示しました）。