Bloggerテンプレート|simplify2|トップページのサムネイルサイズを変更する

simplify2 サムネイル 画像 初めての人向け

投稿2019年3月31日 更新

 simplify2のサムネイルサイズはjavascriptで制御されており、初心者の私にとっては変更箇所が分かりづらかったのでここに挙げておきます。

変更例


 画像のサイズを変更するとそれに合わせて見出しとスニペットの位置も変わるのでトップページの印象も随分と変わります。
 ここでは変更例を3つ挙げておきます。(以下の画像の大きさは原寸大ではありません)

 n=100(横) r=75(縦)の場合

 n=400(横) r=300(縦)の場合

 n=800(横) r=600(縦)の場合

変更場所


 「テーマ」→「HTMLの編集」とクリックし検索窓にarlina_thumb_sizeと入力します。
 該当する箇所が2つありますが、変更するのは上の方に表示される以下のコードです。
 赤文字で表記した200が横の長さ、150が縦の長さを表しています。
 トップページのサムネイルサイズを変更する場合はここの数値を変更します。

function arlina_thumb_size(e,t){
var n=200;var r=150;
image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'" class="post-thumbnail"/>';if(t!="")return image_tag;else return""}

QooQ