Правильные миниатюры в archive.php – меняем название миниатюр
Метки: wordpress, миниатюры wordpress
Довольно часто, клиент, наполняя сайт и задавая миниатюры, не утруждает себя написанием грамотных названий изображений. Или в рубрике у всех картинок одно и то же название, например “фасад”, “крупный план”, “вид спереди” и тп.
Так вот, дабы Ваши старания по продвижению давали результат, предлагаю следующее оптимальное решение:
1. В archive.php мы выводим ссылки и миниатюры записей (табличка блоков квадратных, например), или, более распространенный вариант – миниатюра float:left + справа ссылка + под ссылкой текст читать далее.
2. Что мы хотим? Допустим…
У нас сайт по продаже жирафов. Есть рубрика “купить жирафа” и в ней список блоков-ссылок на записи конкретных жирафов. Все миниатюры к записям подписаны нехорошо для продвижения, например “желтый”, “коричневый”, “высокий”, “прикольный” и тп. Сами же записи названы логично, например “Желтый жираф 15м”, “Коричневый жираф из зоопарка” и тд.
А мы хотим, чтобы alt и title картинок помогал продвижению. И делаем следующее: в ручную выводим миниатюры, подставляя в их названия заголовок самой страницы, на которую идет ссылка + если нужно, “рыбу”, связанную с продвигаемой страницей рубрики.
3. Наши действия:
//в archive.php, где выводим в цикле, пример:
<div class="item arch">//блок
<a href="<?php the_permalink() ?>"><?php the_title();?></a>//правильная ссылка
<?php if ( has_post_thumbnail()) {?>//проверка миниатюры (есть ли она)
<script>dwrite('<a href="<?php the_permalink() ?>">');</script>//читаем статью "скрыть контент или ссылку"
<?php
$imgurl=wp_get_attachment_thumb_url(get_post_thumbnail_id($post->ID));//получаем урл миниатюры
if($imgurl!==''){//проверка
if(is_category(/*ваш id*/)){//если хотим добавить "рыбу"
$word='Жираф на продажу - ';//рыба, перед заголовком самой записи
}else{
$word='';//либо пусто
}
echo '<img src="'.$imgurl.'" alt="'.$word.get_the_title().'" title="'.$word.get_the_title().'"/>';//выводим картинку
}
?>
<script>dwrite('</a>');</script>//закрываем псевдо-ссылку
<?php }?>
<div class="clear"></div>//.clear{float:none;clear:both;}
</div>
Будут вопросы – пишите в комментариях.