SEO-оптимизация блога на wordpress.Вывод картинок с заданными alt и title.

Итак, как и обещала, рассказываю, как я организовала вывод картинок с тегами alt  и title «магазины Самары».
Для редактирования главной страницы я добавила следующий код в Основной шаблон (index.php)

<?php $image ='';
if ($image = get_children(array( 'post_type' => 'attachment', 'numberposts'
=> 1, 'post_status' => null,'post_parent' => $post->ID,)))  foreach($image
as $image) { $attachment=wp_get_attachment_image_src($image->ID, $size);

$image = $attachment[0];} 

if($image !== '') { ?>  
<img src="<?php echo $image; ?>" valign="top" align="left" alt="магазины
Самары" title="магазины Самары" width=80> <?php } endif;?>
Давайте разберем его по порядку.
Мы использовали переменную $image, которую для начала обнулили

$image ='';
Потом получаем первую картинку, которая загружена при добавлении записи
(прикреплена к ней)
if ($image = get_children(array(
    'post_type' => 'attachment',
    'numberposts' => 1,
   'post_status' => null,
    'post_parent' => $post->ID,))) 
    foreach($image as $image) {  $attachment=wp_get_attachment_image_src($image->ID,
$size);
$image = $attachment[0];} 
А теперь проверяем, нашлась ли такая картинка, или изображений к записи
загружно не было

if($image !== '')
и если картинка действительно нашлась, то выводим ее следующим образом:
<img src="<?php echo $image; ?>" valign="top" align="left" alt="магазины
Самары" title="магазины Самары" width=80>

Добавлю только, что вывод анонса лучше сделать следующим образом:

<div valign="center" align="justify"><?php the_excerpt(); ?></div>
 
У Вас в стандартном шаблоне скорее всего стоит the_content('Читать
дальше…');
Отличие этой функции от the_excerpt() в том, что the_excerpt() выводит только
текст
 до тега <!—more—>,
текст в поле Цитата, или текст самой статьи(первые 55 слов) без
html
. Ведь иначе, если у Вас были картинки в записях, то при выводе
анонса будут показаны две картинки — то, что было в записи, и то, что мы
получили сейчас.

Вывод анонсов в категориях будет отличаться лишь значениями тегов alt и
title. Тут они будут иметь значение "название категории"+"в Самаре".
Для этого добавим после $image ='';

$mycat = get_the_category(); $catid=$mycat[0]->cat_ID;
Таким образом, мы получим идентификатор категории, к которой пренадлежит
пост.

А вывод картинки примет такой вид:
<img src="<?php echo $image; ?>" valign="top" align="left" alt="<?php echo $mycat[0]->cat_name;?>
в Самаре" title="<?php echo $mycat[0]->cat_name;?> в Самаре" width=100>

Вот теперь все. Если что-то непонятно, спрашивайте. А я в следующей статье
разберу другой свой блог на wordpress.

Комментарии на Facebook