Уроки WordPress

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

Публикация основана на ветке форума Sape, но с учетом специфики WordPress, ведь кодировка у нас UTF-8, из стилей убраны упоминания о Sape, а то неподготовленный пользователь возьмет и скопирует как есть, сразу задан стиль, который позволяет делать первую букву предложения визуально заглавной.

Прежде всего на форуме рассматривается как сделать полную имитацию Яндекс-Директ или Google AdSense (при клике на изображения они открываются в оригинальном размере).

Считаю, что такой подход неправилен, и наоборот можно получить санкции от поисковых систем. Поэтому предлагаю оформить блок красиво, но указать что это это ваши рекламные объявления, но никак не Яндекс-Директа.

Весь код привден ниже. Его вставляем в файлы index.php, single.php и т.п. Дальше я рассмотрю, как сделать так, чтобы реклама Sape выводилась после определенного поста.

<?
@define('_SAPE_USER', '*****************************');
require_once($_SERVER['DOCUMENT_ROOT'].'/'._SAPE_USER.'/sape.php');
$sape = new SAPE_client(array('charset'=>'UTF-8'));
$sape_block= '';
$c=0;
while($tmp=$sape->return_links(1)){
    if(@preg_match('~<a href="(https?://([^"/]+)[^"]*)"[^>]*>([^<]+)</a>~i', $tmp, $match)){
        $c++;
        $sape_url= $match[1];
        $sape_host= $match[2];
        $sape_anchor= ucfirst(trim($match[3]));
        $sape_text= ucfirst(trim(preg_replace('~<[^>]+>~', '', $tmp)));
        $sape_block.= '<td style="padding:5px" width=""><p class="goleft"><b onclick="window.open(\''.$sape_url.'\')">'.$sape_anchor.'</b></p><p class="goleft"><span onclick="return false">'.$tmp.'</span></p><p class="goleft1">'.$sape_host.'</p></td>';
    }
    else
        $i= false;
}
if($sape_block!=''){
    $sape_block= str_replace(' width=""', ' width="'.floor(100/$c).'%"', $sape_block);
    echo '<div style="text-align:center;"><table class="go" cellspacing="0" cellpadding="0"><tr valign="top">'.$sape_block.'</tr><tr class="go1" valign="bottom"><td colspan="'.$c.'"></td></tr></table></div>';
}
?>

В файл style.css добавляем стили. Меняем цвет рамки и ссылок при необходимости. В корень сайта будет необходимо загрузить файл ads1.gif, написав там что-то вида «Наши объявления», «Наша реклама» и т.п. Картинку, что использована в примере, можно скопировать отсюда.

.go {
    width:580px;
    background:#FFF;
    border:1px solid #c7d9e5;
    margin:20px 0 10px 0;
}
.go p {
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
}
.go span, .go a, .go a:visited, .go a:hover {
    color:#666;
    font-size:9pt;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    cursor:text;
}

.go b {
    font-size:10pt;
    cursor:pointer;
    text-decoration:underline;
    color:#690;
}
.go left1 {
    color:#690;
	 text-align:left;
}

.goleft:first-letter { text-transform: capitalize; padding: 0px; }
.goleft { text-align:left; }
.go1 {
    height:18px;
    background:url(/ads1.gif) no-repeat right bottom;
}

Чтобы сделать вывод блока после N-ного количества анонсов для разного типа материалов (архивы, рубрики и т.п.), открываем файл, отвечающий за этот тип материала, например, category.php, и вставляем до цикла Loop такой код:

<?php $postcount=0; ?>

В середине цикла, например, после кода публикации, добавляем:

<?php
$postcount++;
if ($postcount==1){?>
тут ваш код Sape
<?php } ?>

При этом вместо $postcount==1 может быть $postcount==6 (вывод после 6-й записи) и т.п.

В последнее время оптимизаторы все меньше склонны покупать ссылки в подвале сайта, так что старайтесь размещать ссылки выше на странице. Есть также искушение размещения нескольких таких блоков, но это излишнее, даже 3 ссылки со страницы – это уже много. Лучше всего размещать 1-2 ссылки.

Было замечено, что при размещении такого кода Sape не может добавить новые страницы, поэтому на время переиндексации сайта или добавления нового в систему, ставьте стандартный код.

Анастасия, 09 Сен 2010. Рубрика: Заметки и события, Разработка шаблонов. Комментарии RSS 2.0. Вы можете оставить трекбек.