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

f:id:nasust:20161215233351j:plain

こんにちは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);
    })              
})

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

広告を非表示にする