Что такое миниатюра (изображение) записи и зачем она нужна

  Автор:
  14 комментариев
  15179
Что такое миниатюра записи и зачем она нужна

Эта статья-ответ на вопросы, которые часто задают читатели блога и пользователи шаблона AB-Inspiration по поводу миниатюры записи.

    1. В Facebook уходит анонс без изображения
    2. В Facebook уходит анонс с изображением не на всю ширину
    3. В записи отображается 2 одинаковых изображения
  1. В виджете «Свежие записи» не отображаются картинки
  2. В блоке «Похожие записи» в конце статьи не отображаются картинки
  3. В одноклассники не уходит картинка, хотя есть миниатюра записи

Что такое миниатюра записи и зачем нужна

Здесь наверное нужно немного истории :). До версии WordPress 2.7 была только одна возможность вставить изображение в запись. Никаких миниатюр. Просто вставляли изображение в запись.

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

Разработчики WordPress видя эту тенденцию, включили в функционал движка с версии 2.7  миниатюру записи. Это позволило разработчикам шаблонов использовать миниатюру для всех необходимых целей: слайды, вывод похожих записей, вывод свежих записей в боковой колонке, а также миниатюру стали использовать для отправки анонсов в социальные сети.

Все что нужно было сделать разработчикам шаблонов, это:

1. добавить поддержку миниатюры — в файл function.php

 add_theme_support( 'post-thumbnails' ); 

2. добавить функцию вывода миниатюры в записи (в single.php, index.php и всех других файлах, где выводятся записи)

if ( has_post_thumbnail() ) {
	the_post_thumbnail();
}

Сегодня все современные шаблоны поддерживают функционал миниатюр. В том числе и шаблон AB-Inspiration.

Благодаря миниатюрам на блоге созданном на шаблоне AB-Inspiration отображаются:

  • Cвежие записи с миниатюрами в боковой колонке

Свежие записи с миниатюрой

 

  • Похожие записи с миниатюрой в конце каждой статьи статьи

Похожие записи с миниатюрой

 

  • Изображения в фиде RSS

Миниатюра в RSS Фиде

  • Изображение в анонсах социальных сетей

Миниатюра в анонсе фейсбук

  • На главной блога и отдельной странице со статьей

Миниатюра в записи

А также, в шаблоне AB-Inspiration благодаря миниатюрам, есть возможность выбрать размер миниатюры для отображения в статье (150/150, 300/300 и на всю ширину — подробнее об этом в статье: 3 варианта размера миниатюры в шаблоне AB-Inspiration 4.0) .

Миниатюра в записи

При разработке шаблона AB-Inspriation я учла желания некоторых пользователей не отображать миниатюру в записях. Так в настройках шаблона появилась дополнительная опция отключения показа миниатюр.

thumb1

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

Как задать миниатюру в записи

Итак, мы определили, что миниатюру нужно загружать ОБЯЗАТЕЛЬНО!

Как задать миниатюру:

1. Откройте статью для редактирования

2. Спуститесь чуть ниже и  справа в боковой колонке увидите блок «Миниатюра записи»

Что такое миниатюра

3. Нажмите на ссылку «Задать миниатюру»

4. Далее, как обычно, загрузите изображение или выберите из тех, что уже загружены

5. Заполните поля «Заголовок», «Атрибут ALT», «Описание» (можно заголовок статьи, тогда данная картинка будет показываться в поиске Гугл и Яндекс картинки)

Что такое миниатюра записи

6. Нажмите на кнопку «Задать миниатюру» . В новом WordPress эта кнопка называется «Установить изображение записи».

Важно! Перед загрузкой миниатюры сделайте следующие действия:

1. Подготовьте изображение перед загрузкой — Как правильно подготовить изображение к публикации на блоге

2. Картинка для миниатюры должна быть не менее 600px в ширину

3. Миниатюра ОБЯЗАТЕЛЬНО должна называться латинскими буквами. Если Вы назвали картинку кириллицей, эта картинка не будет отправляться в сеть «Одноклассники».

Чем отличается миниатюра (изображение) записи от изображений в самой записи

1. У миниатюры (изображении записи) фиксированное положение в статье. Задается в файлах шаблона в виде функции. Обычно миниатюра отображается в начале статьи. Изображения вставленное в запись можно вставлять в любом месте статьи, а также определять расположение (справа, слева по-центру)

На примере этой статьи Вы видите  — в самом начале статьи изображение — это миниатюра. Все дальнейшие картинки (скриншоты), вставлены в запись, как обычные изображения.

2. Миниатюра не отображается в редакторе в статье. У нее свое место в редакторе, справа в боковой колонке. Изображения вставленные в запись отображаются в редакторе.

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

Как отключить показ миниатюры (изображения) записи в шаблоне конструкторе AB-Inspiration

Некоторые пользователи шаблона — конструктора AB-Inspriation хотят больше свободы для первой картинки в статье. Например определять положение картинки (справа, слева), или произвольно задавать размер.

Для этих целей в шаблоне AB-Inspiration в настройках можно отключить показ миниатюры в записях.

1. Админка блога — Внешний вид — Настройки шаблона — Настройки статей

2. Убрать галочку в поле «Отображать миниатюра в записях?»
thumb1

Но, еще раз обращаю Ваше внимание. Миниатюру загружать все равно нужно!

Заключение

В заключении кратко отвечу на часто задаваемые вопросы:

В виджете «Свежие записи» в блоке «Похожие записи» в конце статьи не отображаются картинки

Проверьте в записи, загружена ли миниатюра.

В «Одноклассники» не уходит картинка, хотя есть миниатюра записи

Скорее всего изображение, которое Вы загрузили как миниатюру названо русскими буквами (кириллицей). Нужно переименовать картинку латинскими буквами или цифрами и загрузить снова в запись.

В Facebook уходит анонс без изображения, хотя миниатюра загружена в запись

Такое случается, если изначально Вы опубликовали статью без миниатюры, а миниатюру добавили позже. Дело в том, что Facebook сканирует новую статью как, а затем использует сохраненную копию для отправки в соц. сеть. Чтобы обновить эту копию в Facebook  нужно попросить бота Facebook просканировать статью еще раз. Для этого, мы пользуемся отладчиком фейсук: https://developers.facebook.com/tools/debug/.

1. Введите в поле адрес статьи и нажмите на «Debug»

Facebook debugger

2. Чуть ниже Вы увидите информацию когда последний раз Facebook сканировал Вашу статью

facebook debugger

3. Нажмите на кнопку «Fetch new scrape information»

4. После этого информация обновится

debug2

5. Спуститесь в самый низ страницы. Вы должны увидеть в анонсе ту картинку, которую загрузили как миниатюру. Если этого не произошло, нажмите еще раз на кнопку «Fetch new scrape information»

debug3

В Facebook уходит анонс с изображением не на всю ширину

Здесь может быть 2 причины:

1. У Вас старый шаблон AB-Inspiration. Возможность отправлять изображение на всю ширину появилась с версии 4.13

2. Если у Вас новый шаблон AB-Inspiration, но миниатюра все равно уходит маленькая, это значит, что изначально Вы загрузили маленькое изображение. Размер изображения для миниатюры должен быть не менее 600px в ширину.

В записи отображается 2 одинаковых изображения

Это может произойти в шаблоне AB-Inspiration если Вы одновременно:

  1. вставили в начале записи изображение
  2. Задали миниатюру
  3. Не отключили показ миниатюры в записи

Из этого делаем вывод:
Первое изображение может быть либо миниатюрой, либо изображением вставленным в запись. Если Вы хотите второй вариант, то нужно отключить показ миниатюры в настройках шаблона AB-Inspiration.

Если у Вас еще остались вопросы по миниатюре записи, не стесняйтесь, задавайте в комментариях. И не забудьте поделиться статьей в социальных сетях с друзьями. Может коту-то эта информация будет полезна.

P.S. Кстати, сезон дождей у нас закончился. Наступает тайская зима. Тайцы уже утепляются — куртки, сапожки, хотя на улице все еще выше 20 градусов :)

 


Создайте сайт с нами — легко и быстро!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

 

Что такое миниатюра (изображение) записи и зачем она нужна

   7 голосов
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
14 комментариев
  1. Татьяна

    Спасибо за пояснения, у меня случилось так, что было 2 изображения, но я постаралась разобраться. Вообще интересно самой иногда подумать.

  2. Спасибо, Анфиса. Статья оказалась для меня очень полезной. Теперь я знаю, как правильно настроить отображение статей в Фэйсбук и Одноклассники.

  3. Витязева Алина

    Благодарю, Анфиса!
    Прямо ответ на мой вопрос. Два дня боролась за то чтобы на Фэйсбук уходил анонс с изображением.

  4. Ольга Сухорутченко

    Миниатюра — как первое впечатление о человеке. Поначалу я не знала об этом функционале, результат- безликий анонс в «Похожих записях» и некая серость при представлении. статьи читателям. :-D
    Теперь знания, а , значит, и действия, расширились.
    Спасибо, Анфиса!

  5. Здравствуйте, Анфиса. Напишу о том, что на эту тему у меня.
    В «Похожих записях» картинок вообще нет. Раньше то были, то нет, закон появления их мне не понятен. При отправлении статьи в соц. сети картинка выбирается в разную сеть не одинаковая, при чём, иногда вообще не из этой статьи. Всё картинки я загружаю одинаково, как медио-файл. Когда идёт отклик из соц сети, то картинки
    появляются и иногда с возможностью их выбора, иногда нет. Что я делаю не правильно. Помогите разобраться. Спасибо.

    • Лариса, я посмотрела Ваш блог. У Вас ни в одной статье нет миниатюры. Это то о чем я написала целую статью. Прочитайте еще еще раз. Все эти проблемы решаются просто загрузкой миниатюры в каждую статью.

  6. Спасибо за полезную статью. Нашла ответы на многие свои вопросы, но не на все. Но совсем понятно, когда надо задавать размер 600. Когда я готовлю фото для публикации на блоге, я сжимаю его в программе Microsoft Office PowerPoint- для веб страниц, что бы оно весило 50 Kb. А размер 600 когда задавать — до того или после? Если до того, то при сжатии размер уходит, а если после -то не «утяжелит» ли это картинку?

  7. Наталья

    Благодарю Анфиса за полезную и нужную информацию! *ROSE*
    Всего Самого Доброго!

  8. Марина

    Ну наконец-то я поняла, что такое миниатюра записи и зачем она нужна! Спасибо Вам, Анфиса, за понятные и доходчивые объяснения) Я не вставляла в свой блог ни одной миниатюры пока, не могла с ними разобраться(моему блогу только 22 дня, я начинающий абсолютный чайник) ,теперь попробую, спасибо.

  9. Здравствуйте, Анфиса. Спасибо, очень полезная информация, я все сдела по вашим рекомендациям, но ошибка не исправилась, статья выглядит вот так: , после проверки вместо двух картинок осталась одна и не та , которая нужна : . Что можно еще предпринять?
    И еще одна статья, тоже не исправилась ошибка , вместо изображение, мое фото

    • Светлана, ссылки на скрины не рабочие. Напишите, пожалуйста, ссылку на статьи, где не корректно отображается миниатюра, я посмотрю.

      • Здравствуйте. Анфиса, вот эта статья:http://svtlabutina.ru/vidy-mnozhestvennyx-istochnikov-doxoda. И запланировала еще одну статью и опять миниатюру вставила после написания статьи. Когда я ее сканирую в Файсебук , выдает ошибку.

        • Светлана, я проверила вашу статью через facebook debbuger, он пишет что изображение слишком маленькое. У вас миниатюра меньше 200px. Ошибка не критическая, но если вас смущает, загружайте изображение для миниатюры не меньше 200px в высоту и ширину. Если хотите, чтобы изобhажение уходило в сети большого размера, то ширина должна быть не мtнее 600px

Добавить комментарий для Светлана Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *