Шаблон для виджета с автоподбором длины ширины и ориентации картинки

Всем привет, давно ломает мозг вывод виджета из типа контента на сайт, а конкретно вывод изображений

Посмотрите пожалуйста, есть вот слайдер, в нём, какую картинку\фотку не запихни, он может вывести всё в ровную линию. А в виджете никак, может кто подскажет как сделать или может кто-то сделает такой шаблон вывода записей в виджете как и в слайдере? За деньги даже можно

А то сайт ну совсем тухло смотрится со всеми обрезанными фотками. Если нельзя сделать то, что я прошу, тогда какое решение можно сделать, чтобы сейчас в уже существующих записях взяться и руками каждую фотку привести в нормальный вид, то есть обрезать в нужный формат?

1 способ наверное взять правой кнопкой мыши посмотреть путь картинки, которая не нравится, открыть её прямо из папки сайта, отредактировать и так все штук 500?

2 способ есть? Может написать какую-то штуку, которая даст инструмент, чтобы в момент открытия редактирования записи появилось поле, где можно онлайн так сказать отредактировать картинку?

 IceBreaker, а можно как-то указать что вы имеете ввиду, а то ничего не ясно. 

 IceBreaker, а можно как-то указать что вы имеете ввиду, а то ничего не ясно. 

На верхнем фото слайдер с фотографиями, загруженными «как есть» и слайдер их выровнял по высоте и ровненько вывел на экран в линию это смотрится хорошо

На нижнем фото на главной странице сайта выведен виджет, в котором выведены записи с фотографиями, так вот можно ли каким-то образом сделать так, чтобы в виджете, также как и на слайдере фотографии выводились красиво в линию и были видны полностью, в слайдере-то как-то сделали такой вывод математически, значит и в виджете можно, понятно, что за это отвечает шаблон вывода, так вот шаблон вывода может кто-то создать? 

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

 IceBreaker, а можно как-то указать что вы имеете ввиду, а то ничего не ясно. 

На верхнем фото слайдер с фотографиями, загруженными «как есть» и слайдер их выровнял по высоте и ровненько вывел на экран в линию это смотрится хорошо

На нижнем фото на главной странице сайта выведен виджет, в котором выведены записи с фотографиями, так вот можно ли каким-то образом сделать так, чтобы в виджете, также как и на слайдере фотографии выводились красиво в линию и были видны полностью, в слайдере-то как-то сделали такой вывод математически, значит и в виджете можно, понятно, что за это отвечает шаблон вывода, так вот шаблон вывода может кто-то создать? 

Как раз на нижнем виджете все выглядит отлично, а вот в записи фото слайдер имеет разную ширину, если вы это сделаете в виджете то будет ужасно, максимум вы можете увеличить высоту, поиграться с background-size. 

в слайдере-то как-то сделали такой вывод математически, значит и в виджете можно, понятно, что за это отвечает шаблон вывода, так вот шаблон вывода может кто-то создать?

Немного можно поправить с помощью css свойства: object-fit: cover описано как это работает, здесь:

msiter.ru/articles/kak-ispolzovat-object-fit-i-background-size-v-css

Я делал для доски объявлений в некоторых местах… получилось примерно так:

Не идеал, но мне подошло...

Может написать какую-то штуку, которая даст инструмент, чтобы в момент открытия редактирования записи появилось поле, где можно онлайн так сказать отредактировать картинку?

А стандартное чем не угодило?

 Fuze, Оно только квадратные фото делает, а у меня как бы стандарт 250/150, 550/350 

Само решение хорошее, но желательно в данном приложении возможность указывать свои размеры..

Как правильно прописать «Соотношение сторон»? 

Не идеал, но мне подошло...

Ну как некое решение потянет на 3 с плюсом

А стандартное чем не угодило?

А вот про это упустил, крутяк, хотел предложить сделать, а оно уже есть, еще не видел как работает, посмотрю, правда видимо уже загруженное врядли удастся без геморроя поправить, но на будущее норм. Сегодня поиспытываю, пок непонятно как работает, если из одной фотки рождается прямоугольник, второй пресет квадрат, третий еще какой-нибудь, потому как запись привязывается связями, в разных списках разный вид, это три фотки надо обрезать, вобщем попробую.

Как правильно прописать «Соотношение сторон»? 

Как соотношение сторон пресета видимо :) Соотношение — это одну строну разделить на другую.

 Fuze, 

Как соотношение сторон пресета видимо :) Соотношение — это одну строну разделить на другую.

То есть 550 / 350 =  1.5714… Можно пример хотябы..?

Можно пример хотябы..?

Пример чего? Калькулятора или деления в столбик? Там даже в подписи к полю написано, что надо сделать. Я реально не понимаю вашего вопроса.

 Fuze, Я то читал, но вижу деление, но не понимал почему так :-)))) Я же и написал, пример… хотя ыб… Теперь все ясно и все понятно… Простите чайника… м:-)))