くすぶってる 作詞・作曲家 siba のブログ

SWELL – アイキャッチ画像をホバーしたときにちょうどいい内側線(枠)のサイズ

SWELLは人気のWordPressテーマなので、結構同じ悩みのあるユーザも多いと思います。
わざわざ記事にする程でもないかもしれないけど、個人的にしっくりきた黄金比なのでシェアします。

マウスカーソルを乗せる前
マウスカーソルを乗せた後

ちなみにこのアイキャッチ画像は僕のプログラミング学習のサイト https://sibacode.com/ です。
興味ある方は見てみてね。

目次

結論

推奨サイズのアイキャッチ画像には、以下のサイズで内側線を作るとホバーしてもちょうど良い感じになります。
ちなみにホバーとはアイキャッチ画像にマウスカーソルを乗せたときに、ちょっと動くアレです。

アイキャッチ画像1200px * 630px
アイキャッチ画像の内側の線1000px * 550px
幅 * 高さ

内側線でなくても外側と内側で色を変えたりする場合も有効です。

おしまい

以上、ちょっとしたTIPSですが、参考になれば幸いです。

この記事が気に入ったら
フォローしてね!

URLをコピーする
URLをコピーしました!

この記事を書いた人

siba4848のアバター siba4848 くすぶリスト日本代表

札幌市在住の音楽・動画編集・カメラをやる人。
色々やるのに極度の出し惜しみ。
"くすぶリスト"という肩書は戒めです。

目次
閉じる