Как вывести миниатюры изображений с помощью скрипта timthumb

Как вывести миниатюры изображений с помощью скрипта timthumb | n-wp.ru Настройки
👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Как вывести миниатюры изображений с помощью скрипта timthumb

Давно уже ходят в интернете легенды про загадочный скрипт timthumb. В общем-то ничего загадочного в нем нет — он автоматически создает миниатюры изображений. Скрипт очень практичный, с его помощью можно делать блоги не просто с миниатюрами, но самое главное — без использования произвольных полей. Внедредние скрипта происходит за четыре шага, и я расскажу о них в надежде, что когда-то моя инструкция пригодится начинающему сайтостроителю.

1. Скачайте скрипт со страницы разработчика: http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/ . Положите его в папку используемой темы (должен скачаться файл timthumb.php).

2. Добавьте в файл functions.php код:

function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;  
 
$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);
 
}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}

3. Добавьте в шаблон вызов миниатюры (index.php, archive.php, search.php — подробнее смотрите пост Шаблоны в WordPress), которая одновременно будет и ссылкой на полную версию поста:

<div class="thumbnail">
<a href="" title="">
<img src="/timthumb.php?src=&w=150&h=150&zc=1">
</a>
</div>

Обратите внимание на w=150 и h=150 — это ширина и высота миниатюр.

4. Добавьте в файл style.css оформление для миниатюры:

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#fcfcfc; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#acacac;}

Никаких произвольных полей, никаких настроек миниатюр, все делается автоматически.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. ig0r74

    Эм… А разве нельзя выводить миниатюры стандартными средствами WordPress?

    Например так

     "avatar")); } else {echo (''); } ?>
    Ответить
    1. ig0r74

      Через the_post_thumbnail

      Ответить