WordPress — сделать картинку во всю ширину текста.

Поделиться:

Wordpress - сделать картинку во всю ширину текста.

Что только не делал, какие только советы в сети не читал. Пишут, что да — когда картинки большие, то и проблем никаких (кроме как с местом на диске на хостинге). Всё выравнивается и становится как надо. В итоге три статьи заняли 150 мегабайт места. Будет большое предисловие, без подробного описания. Про отключение генерации дублей миниатюр не пишу в сети очень подробно есть: стандартной настройкой — выставляем все нули и спецстраница скрытых настроек — выставляем ноль. Никакой правки кода страниц. Плагин DNUI — удаляет неспользуемые миниатюры ( на низкой версии php 5….. не работал, на php 7…… заработал)

Wordpress - сделать картинку во всю ширину текста.

(он не удаляет неиспользуемые оригиналы, их надо удалять вручную, выставив сортировку по размеру и будет видно самые большие фото) и через библиотеку миниатюр удаляем непривязанные изображения. Все это очень подробно описано в сети, поэтому пишу только в каком направлении было движение. Потом папку upload скачивал все изображения редактировал Photo Editor на андроид

Wordpress - сделать картинку во всю ширину текста.

(есть пакетная загрузка,

Wordpress - сделать картинку во всю ширину текста.

но фотки разные и получалось не очень, здесь фоток было около сотни — сделал каждую). Уменьшал размер, сохраняя пропорции и ухудшал качество — размер изображений уменьшается в 10-100 раз — на сайте это почти незаметно глазу и страница очень быстро грузится. И обратно загружал на сайт, очень удобно загружать туда и обратно файловым менеджером «ES проводник»,

Wordpress - сделать картинку во всю ширину текста.
Wordpress - сделать картинку во всю ширину текста.

там есть ftp, работа с облаками и гугл фото и многое другое (с маркета его удалили, но можно скачать с форума 4pda, предварительно зарегистрироваться). Всё, зарекся грузить на сайт неоптимизированые изображения, сначала прогоняю через Photo Editor, уменьшая размер и качество — из фотографии размером в 3 мегабайта получается фотография размером в 30 килобайт. Уменьшение в 100 раз — качество приемлемое. Загружаю ES проводником, не через галерею, а на странице вставляю ссылку на изображение. Но это прелюдия. После всей такой замечательной оптимизации, фотографии, сделанные телефоном вертикально, упорно жались к краю и не хотели расширяться во вю ширину текста.

Wordpress - сделать картинку во всю ширину текста.

Wordpress - сделать картинку во всю ширину текста.

Пробовал всякие размеры и пропорции, всякие настройки выравнивания, но никак. В сети пишут про редактирование кода страниц, но код страниц редактировать не надо, раньше пробовал — получается не очень, получалось влепить туда какой либо счётчик или надпись и при смене темы все это пропадало. Получилось растянуть нерастягиваемые фотографии так: установил плагин расширяющий стандартный редактор TinyMCE Advanced.

Wordpress - сделать картинку во всю ширину текста.

Нажимал в редакторе на фотку — редактировать как html

Wordpress - сделать картинку во всю ширину текста.
Wordpress - сделать картинку во всю ширину текста.

— и удалял класс фотографии в конце записи.

Wordpress - сделать картинку во всю ширину текста.

Текст, просто вырезал и никуда не вставлял.

Wordpress - сделать картинку во всю ширину текста.

— далее шелкал рядом с фоткой, появляется надпись, что ошибка.

Wordpress - сделать картинку во всю ширину текста.
Wordpress - сделать картинку во всю ширину текста.

— нажимал исправить — преобразовать в блоки.

Wordpress - сделать картинку во всю ширину текста.

И всё. Предпросмотр. Если всё нормально, то сохранить (обновить). И все фотки будут растянуты на ширину текста.

Wordpress - сделать картинку во всю ширину текста.

Интересно, что в одной статье фото одинаковых размеров были, и растянуты на ширину текста, и прилеплены с краю, не растянувшись. Нормально растянутые были загружены не через библиотеку, а ссылкой на фото с другой своей статической страницы. Сравнение html кодов этих фотографий и выявило причину, удалив которую, можно растянуть фотку на весь текст. Всем удачи, пока.