Правильные миниатюры в archive.php – меняем название миниатюр

1 Июнь 2013

Метки: 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>

Будут вопросы – пишите в комментариях.


 

Похожие записи


© 2006 - 2024, Александр Сергеев