【ワードプレス】パソコンとスマホで表示する画像を変える方法

/* パソコンだけで表示【pcクラス】 */
.pc {
display: block !important;
}.sp {
display: none !important;
}

/* スマホだけで表示【spクラス】*/
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important;
}
}

【上のCSSをコピー▼ダッシュボード▼左メニュー▼外観▼カスタマイズ▼追加CSS▼ペースト】

パソコンだけで表示させたい画像には【pc】のCSSクラスを与える。

スマホだけで表示させたい画像には【sp】のCSSクラスを与える。

【ワードプレス】画像にCSSクラスを指定する方法

 

コメントを残す

メールアドレスが公開されることはありません。