PCのみサムネイルを縮小&正方形に


PCのみサムネイルを縮小&正方形に

WordPressでは、PC・モバイル共に横長のサムネイルがデフォルトです。モバイルを正方形に修正した際の履歴はこちらを参照ください。
今回はPCのみ、正方形に+表示サイズ縮小した際の履歴(つぎはぎ感がありますが…)を、備忘録として投稿します。

Lightning(Generation3)・スキン(Origin3)
ExUnit ⇒ CSSカスタマイズ
(以下コードを追記)


/* サムネイルを正方形に */
.vk_post .vk_post_imgOuter:before {
content: “”;
display: block;
padding-top: 100%!important;
}}

/* サムネイルを縮小(PCのみ) */
@media only screen and (min-width: 768px) {
.vk_post .media-img {
width: 20%!important;
height: auto;
object-fit: cover!important;
}}
@media only screen and (min-width: 768px) {
.vk_post .media-img {
width: 20%;
}}


デフォルト

修正後