Bloggerブログ|simplify2|三点リーダー(...)から「続きを読む」に変更

simplify2 スニペット トップページ

投稿2019年3月30日 更新

Bloggerテンプレートsimplify2では、トップページに表示される記事ページの要約文の末尾が三点リーダー(...)に設定されています。

この末尾の文字列を「続きを読む」や「read more」など、任意の文字列に変更する方法についてここでは取り上げます。






検索ワード  snippet_count


テーマ→HTMLの編集とクリックし、検索窓に「snippet_count」と入力します。(検察窓を出すにはctrl+F、もしくはcommand+F)

検索で該当する箇所は一つです。

変更箇所


以下のjavascriptのコードが表示されるので、赤く色づけした二か所の...を任意の文字列に変更します。(見つけやすいように改行していますが、実際のコードは詰まっているので注意して探してください)


<script type='text/javascript'>
snippet_count = 80;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+
"..."
}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+
"..."
+"</div>";e.innerHTML=i}
//]]>
</script>


変更例


始めの「...」を「...続きを読む」に変更し、後ろの「...」を削除すると以下のように表示されます。



<script type='text/javascript'>
snippet_count = 80;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"...続きを読む"}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+""+"</div>";e.innerHTML=i}
//]]>
</script>

QooQ