WordPressテーマJIN:Rのもっと見るボタンの文字を変更するカスタマイズ

WordPressテーマJIN:Rの記事一覧の下方にある、「もっと見る」ボタンの文字を変えてみましたのでメモします。

カスタマイズは慎重に行なってくださいね。

<script>
document.addEventListener("DOMContentLoaded", function() {
    var moreLink = document.querySelector(".a--postlist-more a");
    if (moreLink) {
        moreLink.textContent = "Read More";
    }
});
</script>

こちらのJSになります。

jQueryバージョンも２通り下に書いておきますね。どちらでも同じ内容です。

(function(jQuery) {
    jQuery('.a--postlist-more a').text('Read More');
})(jQuery);

または

(function($) {
    $('.a--postlist-more a').text('Read More');
})(jQuery);

サイトをゆめかわいいデザインにしてしまいました。色々アレンジできるのも楽しいですね！