Добавление миниатюры к записи WordPress

Как добавить миниатюру изображения к записи.

Всем привет! Сегодня я расскажу как добавить миниатюру к записи WordPress. Добавление миниатюры изображения к записи в WordPress очень важное действие.

Во-первых — миниатюры улучшают внешний вид выводимой записи в ленте. Внешний вид сайта становится эстетичным, а также более информативным.

Во-вторых — добавление миниатюры к записи в 99% позволит попасть этому изображению в поиск по картинкам.

Теперь, когда мы определились с тем, для чего нужны миниатюры записи. Давайте я расскажу как добавить миниатюру изображения к записи.

Добавление миниатюры к записи WordPress

1. Добавить миниатюру можно в существующей записи или в новой записи. Перейдите в нужную запись в которую хотите добавить миниатюру. Или создайте новую запись, как вам будет удобно. Посмотрите в левую часть редактора записи, нам нужен блок Изображение записи. Нажмите на Установить изображение записи.

Как добавить миниатюру. Добавление миниатюры изображения к записи.

2. Выберите подходящее изображение для миниатюры к записи. Не забудьте заранее закачать нужные вам изображения на сайт. Как только выберите, отметьте это изображение и нажмите Установить изображение записи. После того, как все сделали, обязательно обновите страницу. Нажав кнопку (обновить).

Мои поздравления вы добавили миниатюру изображения к записи в WordPress. Дальше я расскажу мое небольшое решение с размерами миниатюр выводимых на сайте.

Вариант решения проблемы с размерами миниатюры выводимой в WordPress

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

1. Загруженная мною картинка имеет формат 1200 x 469;

2. Формат блока в ленте сайта 345 x 135;

3. Выбрав мое изображение я автоматически превышаю размер моего блока.

Визуально вы не заметите разницы, но вот pagespeed insights вам напомнит. Чтобы вы настроили корректные размеры картинок на сайте по высоте и ширине. Проблему можно обнаружить с помощью плагина SMUSH. Он укажет вам о проблеме на внешней стороне сайта выделив проблемные места.

Первый вариант решения проблемы вообще на всем сайте, укажите в настройках медиафайлов размеры, которые WordPress будет генерировать во время загрузки изображения. Миниатюра (?), среднее (?), большое (?). Подставьте свои варианты, допустим в записи у вас максимальный размер блока под большое изображение 720×281 как у меня. Я указываю нужное значение в настройках.

Таким образом при вставке картинки в запись, уже будет выделен доступный размер. Эта проблема будет исключена.

Второй вариант решения, это отдельное масштабирование картинок специально для миниатюры записи. Создайте нужные миниатюры отдельно нужного размера под блок в ленте сайта. Сожмите эти картинки и загрузите на ваш сайт. После добавьте миниатюру изображения в запись. Вот и все, проблема решена. Хотя на мой взгляд это некий костыль))) Я пока его не использую для ленты, но в будущем попробую. А вот для записей — это очень крутая тема.

Заключение

Друзья, я постарался максимально расширено рассказать вам про миниатюры WordPress и их добавлении на сайт. В следующих уроках, мы поговорим о создании рубрик, меток на сайте и смене шаблона темы WordPress. Буду очень рад словам благодарности в комментариях.

Спасибо, что читаешь Nicola Top

Добавить комментарий

Ваш адрес email не будет опубликован.