Snow Monkeyのサムネイルサイズを16:9にする方法

Snow Monkeyのサムネイルは、標準では4:3の比率の画像が表示される想定になっています。

しかし近年、動画の一場面をサムネイルするケースや、YouTubeのサムネイルなどと統一するケースが多く、16:9の比率の方が扱いやすいケースがあります。そんな場合は、CSSをカスタマイズしましょう。

CSSをカスタマイズしよう

Snow MonkeyでCSSをカスタマイズする場合は、「外観→カスタマイズ→追加CSS」メニューをクリックして、直接書き込むのが一番手軽です。もちろん、外部CSSを追加で読み込ませてカスタマイズすることもできます。

次のようなCSSを追加しましょう。

.c-entry-summary .c-entry-summary__figure::before {
  padding-top: 56.25%;
}

これで保存すれば、サムネイル画像が16:9になります。

この記事を書いた人

アバター画像

H2O space

「ちゃんとWeb」なWeb制作会社。教育機関やNPO法人、スタートアップのみなさまのサイト制作、サイトの運用をお手伝いしています。WordPressが常に最新版にアップデートされ、安心してWordPressをご利用いただける、aquanoetes Serverを運用しています。