げんてんかいき

趣味は「聖書通読」ですが、何か?

はてなブログで一覧形式時(トップページ、アーカイブ)の画像サイズをオリジナル画像とほぼ同じにする方法

f:id:tkoki777:20190831081628j:plain


WordPressでのブログ運営に疲れて果てて「はてなブログ」に移行したのは今年の5月。

「はてな」でのブログ運営にもだいぶ慣れてきた。

「はてな」はCMSやプラグインのアップデートなどを気にせず、書くことだけに集中できる。

なんて自由なんだ・・・(*´ω`*)

ということで今のところ「はてなブログ」には大変満足している。

もちろん、その全てに満足しているわけではない。

痒いところに手が届かない的な部分は多少なりともある。

一覧形式時のサムネイル画像がオリジナル画像(アイキャッチ画像)をトリミングしたものとなってしまうのもその一つ。

これでは見栄えが悪い。

せっかく素敵なアイキャッチ画像を使用してても残念な感じになってしまう。

ので、解決する方法を調べてたら、そのためのJavaScriptとCSSを提供してくださっている方がおられた。

www.imuza.com

上記サイトで紹介されているスクリプトを「デザイン>カスタマイズ>フッタ」に記述。

f:id:tkoki777:20190814184507p:plain

CSSを「デザイン>カスタマイズ>デザインCSS」に記述する。

f:id:tkoki777:20190814184621p:plain

以上で一覧形式でのサムネイルもオリジナル画像とほぼ同じになる。

f:id:tkoki777:20190814185015p:plain

オリジナル画像

f:id:tkoki777:20190814185043p:plain

サムネイル画像

サムネイル画像はオリジナル画像の上下が少しばかり切り取られているが気になるほどではない。

分かりにくい方は下記サイトも参考にされたし。

www.okuni.me