Как вывести миниатюры wordpress?

Регистрация доменов
Домен RU - 99 руб
Домен РФ - 99 руб
www.



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

Некоторые шаблоны WordPress такую функцию имеют изначально, ну а для тех, у кого этого нет, эта небольшая заметка. С чего нужно начать?

Как вывести миниатюры?

У меня в шаблоне не было функции, которая при написании статьи позволяла бы создать и задавать миниатюру к ней. Создайте новую статью и посмотрите, есть ли в правой колонке у вас такой виджет?

задать миниатюру

У меня его не было. Чтобы он появился, нужно открыть в папке шаблона файл function.php и в самый конец добавить такой код:

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

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

Открываем файл index.php (часто нужно добавить так же код и в archive.php или category.php) и находим там примерно такую строку:

<?php the_excerpt() ?>

Теперь пред ней нужно вписать такой код:

<?php the_post_thumbnail(array(400,200), array('class' => 'aligncenter'));?>

Не стоит обращать внимание на цифры 400 и 200, размер мы зададим в другом файле, лучше обратите внимание на слово aligncenter. Слово center задает положение миниатюры, у меня это в ЦЕНТРЕ. Вы может вписать alignright или alignleft, если хотите видеть миниатюру справа или слева от текста.

Теперь нам нужно задать размер миниатюр. Открываем тут же файл style.php и вписываем туда такой код:

.wp-post-image {
 margin:10px auto 3px;
 width:400px;
 height:*px;
 display: block;
 }

Я задал ширину 400 пикселов, а в значение высоты поставил звездочку, чтобы картинка сохраняла пропорцию. Все дело в том, что картинка берется из статьи и уменьшается по этим размерам. А так как картинки имеют всегда разное соотношение сторон, то если вы точно зададите и высоту и ширину, то картинка будет вытягиваться или будет сплюснута.

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

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

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

В итоге получилось все вот так:

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

Можно сказать, что идеально 🙂 Единственный вопрос, который я пока не решил: нужно ли закрывать в noindex текст анонсов или не обязательно? Что думаете?


Понравилась ИГРА? Возьми КОД, поставь себе на сайт и улучши поведенческие факторы!


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

    • Это в шаблоне вашей темы в файле где есть слова single (обычно так) нужно из кода вырезать кусок кода, который отвечает за вывод миниатюр. Все очень индивидуально.

    • Да, если у вас так называется, в разных шаблонах может называться по разному.

Написать комментарий

Опубликовано © Блокнот вебмастера

СОВЕТ ВЕБМАСТЕРУ: Умение зарабатывать в интернете - это только пол дела, вторая половина - это умение ВЫГОДНО обналичивать электронные деньги. Вот список офшорных банковских карт, на которые можно выводить средства и потом снимать с них хрустящие купюры:

1. Epayments - можно открыть счет в долларах, евро и рублях. Формально банка нет, юридический адрес в Лондоне, но можно получить реквизиты банка в Латвии.

2. AdvCash - Офшорный банк находится в Белизе, можно открыть счет в долларах, евро, фунтах и рублях.

3. OkPay - Офшорная компания зарегистрирована на Британских Виргинских островах, можно открыть счет в долларах, евро и рублях.

4. Payeer - Штаб квартира этой платежной системы находится в Грузии, тут так же можно открыть счет в долларах, евро и рублях.

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