アーカイブページに「続きを読む」のリンクを追加する。- はてなブログカスタマイズ

こんにちはnasustです。
何か改善できないかなと悩んでいたら、
アーカイブページに分かりやすいリンクが無いことに気付きました。

アーカイブページのリンクはタイトルまたはアイキャッチ画像です。
これだと一見してリンクだと分からないです。

それで解決したのが下記のJavaScriptです。フッタに追加します。 ブログの概要の文章の下にリンクを追加するようにしました。

$(function(){
    $(".archive-entry").each(function(){
        var archiveEntry = $(this)
        
        var entryTitleLink = archiveEntry.find(".entry-title-link");
        var href = entryTitleLink.attr("href")
        
        var entryTitleLink = archiveEntry.find(".entry-description");
        
        var html = "<a class='entry-button' href='";
        html += href;
        html += "'a>続きを読む</a><br>";
        
        entryTitleLink.after(html);
    })              
})

※JQueryが必要です。

アーカイブページを使用するブログには役に立つと思います。

関連記事

やっとブログをレスポンシブに対応しました

ビジュアルな記事のタイトルを実現する、はてなブログカスタマイズ

サイドバーの注目記事をビジュアル的デザインにカスタマイズする - はてなブログカスタマイズ

目次の記号のカスタマイズ - はてなブログカスタマイズ

はてなブログ カスタマイズ

モジュールのタイトルにアイコンを追加する - はてなブログカスタマイズ

はてなブログのテーマ『 monolithic 』を公開しました。

無料版のはてなブログでスマホの表示をカスタマイズする方法

はてなブログカスタマイズ。はてなブログの関連記事を外部サーバーで生成して本文に追加するようにした。