Как добавить миниатюры для записей WordPress, без плагинов

Как добавить миниатюры для записей  WordPress, без плагиновВсем привет. Не так давно на wordpress 2.9 вышла функция как “post-thumbnail” с помощью которой можно вывести миниатюру записи, раньше чтобы такое сделать нужно было использовать дополнительные плагины, сейчас же все иначе. Сейчас пошли ветки новых шаблонов которые используют эту функцию миниатюры для записей, но многие старые темы и шаблоны не поддерживают ее.

Миниатюры для записей  выглядит следующем образом:

Как добавить миниатюры для записей WordPress, без плагинов

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

Для того чтобы подключить миниатюру к записи, нам нужно добавить кусок функции к шаблону. Открываем файл  fuctions.php и дописываем туда следующие строки php до ?>

[php]

//добавление поддержки миниатюр
add_theme_support(‘post-thumbnails’);
if ( function_exists(‘add_theme_support’) )
add_theme_support(‘post-thumbnails’);
}

[/php]

Теперь нам нужно определиться где мы будем выводить миниатюру, Я предлагаю перед функцией

[php]
//Вывод записи
<!—?php the_content(); ?—>
[/php]

Открываем Файл index.phpи находим <?php the_content(); ?>  и сразу перед функцией прописываем следующий код:

[php]
//Вывод миниатюры к записи
<!—?php $postimageurl = get_post_meta($post—>ID, ‘postthumb’, true);
if (has_post_thumbnail()) { the_post_thumbnail(array(100,100), array</br>(‘class’ => ‘alignleft post_thumbnail’)); } ?>
[/php]

В этой функции Вы можете сами выбрать какой размер изображения делать, для это в коде:

[php]
the_post_thumbnail(array(100,100)
[/php]

меняете параметры на те которые Вам нужны, на данный момент стоит миниатюра 100px на 100px.

С этим моментом мы разобрались, далее нам нужно будет создать стиль для миниатюра, сделать это можно следующим образом в коде:

[php]
{ the_post_thumbnail(array(100,100), array(‘class’ => ‘alignleft post_thumbnail’)); }
[/php]

Прописываем свой стиль,  на данный момент стоит  alignleft post_thumbnail, вы можете добавить стили своего шаблона , а можно прописать стили которые я дам, открываем файл Style.css  и вставляем куда нибудь кусочек кода:

[css autolinks=»false» classname=»myclass» collapse=»false» firstline=»1″ gutter=»true» highlight=»1-3,6,9″ htmlscript=»false» light=»false» padlinenumbers=»false» smarttabs=»true» tabsize=»4″]

img.alignleft {border:1px solid #bababa; padding:6px; margin:5px}
.alignleft { float: left;  padding:6px;}

[/css]

Ваш стиль картинки будет такой же как на рисунке выше.

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

При написание новой записи в вашей панели появиться новое окошко:

Как добавить миниатюры для записей  WordPress, без плагинов

Нажимаете на нее  и добавляете изображение, далее сохраняете ее как миниатюра к записи и жмем готова. Сохраняем изменения, если вы сделали все правильно в окне миниатюра записи, появиться ваша картинка:

Как добавить миниатюры для записей  WordPress, без плагинов

а в самой записи, миниатюра должна отсутствовать.

Здесь ничего сложно нет, еще можно сделать миниатюры ссылками на пост, к которому и установлена миниатюра, для этого нужно использовать следующий код:

[php]
<a href="<?php the_permalink(); ?>" rel="nofollow">
<!—?php the_post_thumbnail(); ?—>
</a>
[/php]

Возможно это кому нибудь пригодиться.

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

Что не понятно пишите в комментариях я Вам помогу, подпишитесь на RSS  для того чтобы быть первым, при запуске нового марафона «Создания сайта с нуля».

Если вы любите смотреть фильмы, хочу предложить своим читателям блога портал http://freezee.ru/, где вы можете смотреть фильмы онлайн, без всяких всплывающихся баннеров, проект не коммерческий так что добавляйте в закладки.

А Вы каким способом используете миниатюры?

10 комментариев

  1. internet promotion
  2. Дмитрий
  3. Roman
  4. Дмитрий
  5. Roman
  6. Дмитрий
  7. Roman
  8. Сергей
  9. yurec
  10. Андрей

Leave a Reply