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

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

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

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

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

Здесь наверное нужно немного истории :). До версии 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. Нажмите на кнопку «Задать миниатюру»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

Facebook debugger

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

facebook debugger

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

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

debug2

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

debug3

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

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

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

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

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

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

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

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

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

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

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

   7 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
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

Комментарии в Фейсбук
Комментарии в Вконтакте