Убрать картинки в мобильной версии

Если вы не хотите, чтобы иллюстрации в тексте былы видны в заметке при чтении на смартфоне, можно вставить дополнительный стиль CSS в настройках.

Мне нравятся разноцветные и чёрно-белые картинки в постах на сайте, но, учитывая, что 70 процентов читателей используют для просмотра большинства сайтов мобильные телефоны, картинки в заметках не добавляют радости.

У многих замедляется загрузка и расходуется интернет-трафик…

Короче, вот несколько стилей CSS (надо подобрать нужный по классу), которые автоматом будут показывать изображения в записях только в компьютерах и планшетах, например, а в смартфонах нет.

@media screen and (max-width: 768px) {
  .post-content img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .entry-content img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .post-thumbnail img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .ваш-класс-изображения img {
    display: none;
  }
}

Все девайсы с экраном меньше 768 пикселей будут игнорировать картинки внутри записей. При условии, что вы найдёте необходимый для вас класс изображений внутри постов.

Естественно, изображения можно вообще не размещать ни для каких девайсов и не нужно будет возиться с настройками.

Популярные записи