Вверх

Вставляем миниатюры в записи WordPress

Вставляем миниатюры в записи WordPress

Сегодня мы поговорим о том, как добавлять и выводить в записях WordPress изображение-миниатюру.  Как правило, блогеры к каждому посту добавляют изображение — миниатюра поста облегчит Вам эту заботу.

Подключаем миниатюры к Вашему шаблону.

В некоторых шаблонах/темах этот функционал уже используется, проверить можно в файле функций(functions.php) Вашей темы. Открываем его и ищем вот такой код, если его нету — значит нужно добавить:

[php]
if ( function_exists( ‘add_theme_support’ ) ) {
add_theme_support( ‘post-thumbnails’ );
}
[/php]

Сохраняем этот файл, теперь у нас подключен функционал миниатюр и на странице добавления записей появится вот такое окошко:

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

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

На скрине выше видно, что у нас появилось новое окошко на странице добавления новости. Жмем Задать миниатюру и у нас вылетает окно с предложением добавить/загрузить изображение.

Загружаем картинку любым удобным для Вас способом, можно выбрать из уже существующих(для этого перейдите на вкладку «Галерея»). После загрузки изображения, нажмите «Использовать как миниатюру».

Выводим миниатюру в шаблоне

Теперь нам нужно вывести эту миниатюру в шаблоне блога. Код вывода миниатюры выглядит вот так:

[php]

[/php]

Его мы вставляем в нужное место шаблона, чаше всего в файлах index.php, single.php перед:

[php]

[/php]

Вы можете настраивать размер миниатюры вот этими функциями:

[php]
the_post_thumbnail(); // без параметров, просто миниатюра
the_post_thumbnail(‘thumbnail’); // Миниатюра (по умолчанию 150px x 150px)
the_post_thumbnail(‘medium’); // Средний размер (по умолчанию 300px x 300px)
the_post_thumbnail(‘large’); // Большой размер (по умолчанию 640px x 640px)
the_post_thumbnail(‘full’); // Полный размер (оригинальный размер изображения)
the_post_thumbnail( array(100,100) ); // Свои размеры
[/php]

В итоге у нас появится вот такое изображение в анонсах/записях:

Остались вопросы или предложения — пишите в комментариях! 🙂

1 бал2 бала3 бала4 бала5 балов (2 голос, средний бал: 5,00 из 5)
Загрузка...
     Вызвать мастера :)
Скопировать короткую ссылку

4 комментария Оставить свой

  1. Аватар
    Автор: SergeS - 21.11.2012 в 20:59
    5

    Привет! Очередной урок и как обычно все доступно и понятно, многим пригодиться. Пока Вордпресом не занимался — просто приглядываюсь, что к чему. А урок действительно из ряда поучительных.
    СПС — админу.

    Ответить

    Аватар
    Автор: admin - 21.11.2012 в 21:07
    6

    Как появится идея создать свой блог, вряд ли найдете решение лучше чем WordPress )

    Ответить

  2. Аватар
    Автор: SergeS - 21.11.2012 в 22:26
    9

    Да возможно в будущем и появится такая возможность, но пока итак завал — просто на все не хватит времени. Уже есть проекты, пока нужно над ими работать. (как то так)

    Ответить

  3. Аватар
    Автор: bloginmydreams.ru - 21.12.2016 в 10:40
    23585

    Уже в новых версиях эта фишка работает, Нужно просто обновить свой вордпресс до новой версии!

    Ответить

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: