Seo-Бизнес блог Progress-project

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

Обновлённый дизайн блога Progress-project
logotip «Progress-project»
logotip «Progress-project»

Миниатюра wordpress, подключение и настройка

Добрый день уважаемые друзья, сегодня на «Progress-project», как я и обещал в одной из прошлых статей мы достаточно подробно поговорим о миниатюрах, рассмотрим, что вообще такое миниатюра, как вывести миниатюру в wordpress и задать ей правильный размер.

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

Но несмотря на это функция выводящая их в wordpress по умолчанию прибывает в неактивном состоянии и её нужно включать в ручном режиме, чем мы сейчас с вами и займёмся.

Активация функции поддержки миниатюр в WordPress

Первым делом нам с вами необходимо в файл темы «functions.php» в самом низу до знака ?>, вставить небольшую строчку кода которая в последствии и приведёт в активное состояние функцию поддержки превью:

add_theme_support('post-thumbnails');

Далее, через админ-панель открываем для редактирования какую либо уже имеющуюся на сайте запись и в правом верхнем углу жмём на вкладку «Настройки экрана»:

В открывшемся меню устанавливаем галочку в чебоксе: «Миниатюра записи»:

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

Если на вашем сайте нечего подобного не произошло то измените вставленную в «functions.php» строчку кода на следующее:

if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');

Теперь кликнув по ссылке «Задать миниатюру» мы автоматически попадём в библиотеку медеафайлов нашего блога.

Здесь выбераем необходимую картинку и жмём «Задать миниатюру»:

Миниатюра сразу же отобразится в блоке, при необходимости вы всегда сможете её заменить на новую.

Всё активацию поддержки мы с вами произвели и теперь необходимо определиться с размерами.

Настраиваем размер миниатюры wordpress

Здесь прежде всего необходимо решить для каких именно целей в дальнейшем нам понадобятся миниатюры на сайте, это может быть вывод анонсов на главной странице, блок похожих записей после каждого поста или популярные публикации в сайт-баре и уже исходя из особенностей темы, например, как ширина страницы а также необходимое число выводимых картинок в один ряд с учётом всех отступов, выбрать необходимый размер в пропорциях.
Например на «Progress-project» я использую миниатюры размером 260 на 166 пикселей.

После того, как мы определились с необходимым размером, выбераем в админ-панеле блога «Настройки» — «Медиафайлы» и на открывшейся странице сверху указываем размер миниатюры, далее ради экономии, для среднего размера картинок указываем нули, так как эти картинки в большинстве случаях в wordpress попросту не используются, но а максимально допустимый можно оставить по умолчанию или задать, что то своё, у меня это 1500 на 1000 пикселей:

Сохраняем внесённые изменения и добавляем в «functions.php», сразу после ранее уже вставленной строчки ещё один кусочек кода с заданными размерами:

set_post_thumbnail_size( 260, 166, true );

Тем самым, как бы регистрируя новые размеры.

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

О том, как именно использовать миниатюры на своём сайте читайте в следующих статьях блога, подпишитеесь на обновления, что бы нечего не пропустить, желаю всего доброго и до новых встреч!

С уважением, автор блога!
© progress-project
★Обновлено:2016-05-31

Введите свой e-mail:

Вы можете поделиться статьёй в социальных сетях:

Ваш комментарий

Внимание! Перед тем, как вставить в комментарий: html, php либо JavaScript, преобразуйте его в HTML сущность!

» Подписаться на комментарии по RSS
Поиск по блогу

Введите свой e-mail:

ВКонтакте Google+ Facebook RSS-лента сайта abrek-ad-abra.ru

Топ комментаторов

Виктор(6)
seoonly(4)
Николай(3)
Олег(3)
Иван(3)

© 2015-2017

SEO-Бизнес блог «Progress-project».

Все материалы, опубликованные на сайте: принадлежат автору и охраняются в соответствии с законодательством РФ.

При использовании материалов сайта гиперссылка на обязательна!



seo-блог