Title: Как сделать вывод миниатюры на главной как в админке?
Last modified: 31.07.2016

---

# Как сделать вывод миниатюры на главной как в админке?

 *  Решено [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/)
 * Всё вы видели миниатюры в библиотеке файлов (в адмике). Квадрат 140х140 пикселей(
   ~). Миниатюра, на сколько я смог понять сам, генерируется и у её нет какого-то
   стиля отображения в *.css
    Вопрос в том как сделать, чтобы точно так же выводилось
   и в теме в миниатюрах к записям? Т.е. исходное фото должно уменьшаься и лишнее
   отрезаться до определённых размеров, так чтобы не терялись пропорции. Можно ли
   это сделать через css? Или нужно генеировать как это делается в админке Вордпресс.
   Если можно и так и так, то как лучше это сделать?

Просмотр 13 ответов — с 31 по 43 (всего 43)

[←](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/2/?output_format=md)
[1](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/?output_format=md)
[2](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/2/?output_format=md)
3

 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163696)
 * Ой извиняюсь, что-то сообщения не отправлялись.
 *  [SeVlad](https://ru.wordpress.org/support/users/sevlad/)
 * (@sevlad)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163697)
 * > сейчас сделаю скриншоты и покажу Вам, что он обрезает.
 * Вы думаете я сам не в состоянии посмотреть? 🙂
    Миниатюры генерируется Post Thumbnails
   или же скриптами в теме\плагинах. Всё, другого не дано.
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163698)
 * И теперь посмотрите этот скриншот
    [https://yadi.sk/i/a1flXLFmf5p75](https://yadi.sk/i/a1flXLFmf5p75)
   вывод файлов списком. Обратите внимание, теперь фото не обрезанное, а просто 
   уменьшенная миниатюра. И путь к файлу виден через просмотр кода!
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163699)
 * Подчеркну. На сервере только один файл исходник. Нет никаких дублей для мнииатюр.
   Но при этом как вы смогли заметить в админке красуется миниатюра. Уменьшенная,
   обрезанная и отцентрированная!
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163700)
 * > CSS для этого и создан.
 *  согласен. Но ведь в админке не так?
 *  [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * (@tempacc)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163701)
 * > Но ведь в админке не так?
 *  Ладно, не будем тянуть до 51 поста 😀
 * Вот, пример из [картинки](https://ru.forums.wordpress.org/topic/Как-сделать-вывод-миниатюры-на-главной-как-в-адми?replies=36#post-177359)
   Юрия [http://jsfiddle.net/zspc9ro3/](http://jsfiddle.net/zspc9ro3/)
 *  [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * (@tempacc)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163702)
 * Обновил для сравнения с оригинальной картинкой [http://jsfiddle.net/zspc9ro3/2/](http://jsfiddle.net/zspc9ro3/2/)
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163703)
 * TempAcc, спасибо. Я понимаю что это можно сделать через css. Только в админке
   ведь как-то подругому.
 * > Проделайте следующее и тогда вы поймёте о чём я.
   >  «Настройки-Медиафайлы»- проставьте
   > здесь нули. Загрузите любое изображение. Зайдите в библиотеку медиафалов. Выберите
   > отображение таблицей (не списком). И попробуйте теперь посмотреть где находится
   > миниатюра для только что загруженной фотки?
 * Сделайте, пожалуйста, это. И посмотрите откуда грузится фото? У меня не показывает
   путь к файлу в коде.
 *  [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * (@tempacc)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163704)
 * > У меня не показывает путь к файлу в коде.
 *  Значит не там смотрите. Слева есть галочки, нажатие на них приводит к разворачиванию
   кода. Если не поняли где, есть вкладка **ресурсы** у девтулза, на ней есть всё,
   что имеет физическое воплощение. 😛
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163705)
 * чёрт, я сгораю от стыда просто!!!
    Действительно код просто свёрнут был! 1000
   извинений всем! Огромное спасибо TempAcc!
 * > Если не поняли где, есть вкладка ресурсы у девтулза, на ней есть всё, что имеет
   > физическое воплощение
 *  А вот про это можете подробнее объяснить?
 *  [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * (@tempacc)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163706)
 * > А вот про это можете подробнее объяснить?
 *  [http://www.imageup.ru/img214/2065885/dev.png](http://www.imageup.ru/img214/2065885/dev.png)
 *  Автор [Makway](https://ru.wordpress.org/support/users/makway/)
 * (@makway)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163707)
 * TempAcc, жму руку Вам двумя руками! Спасибо! 🙂
 *  [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * (@tempacc)
 * [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163708)
 * 🙂

Просмотр 13 ответов — с 31 по 43 (всего 43)

[←](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/2/?output_format=md)
[1](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/?output_format=md)
[2](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/2/?output_format=md)
3

 Тема «Как сделать вывод миниатюры на главной как в админке?» закрыта для новых 
ответов.

## Метки

 * [миниатюры](https://ru.wordpress.org/support/topic-tag/%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b/)

 * Форум: [Проблемы и решения](https://ru.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 43 ответа
 * 5 участников
 * Последний ответ: [TempAcc](https://ru.wordpress.org/support/users/tempacc/)
 * Последняя активность: [11 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b4%d0%b5%d0%bb%d0%b0%d1%82%d1%8c-%d0%b2%d1%8b%d0%b2%d0%be%d0%b4-%d0%bc%d0%b8%d0%bd%d0%b8%d0%b0%d1%82%d1%8e%d1%80%d1%8b-%d0%bd%d0%b0-%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%be/page/3/#post-163708)
 * Статус: решённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы