Настройки

Шорткод постового

13.09.2011

4 просмотров

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

В любом постовом есть текст и ссылка. В коде ссылки нужно указывать анкор, тайтл, адрес. Поэтому строение любого постового можно описать так:

Текст до ссылки + ссылка (адрес, анкор, тайтл) + текст после ссылки.

Вот такой такой по структуре, простой и понятный шорткод создадим. Откройте файл functions.php, добавьте в него следующий код:

function myaddpst($atts) {
	extract(shortcode_atts(array(
		"url"     => '',
		"title"   => '',
		"before"  => '',
		"anchor"  => '',
		"after"   => ''				
	), $atts));
	return '<div class="pst">'.$before.'<a title="'.$title.'" href="'.$url.'" target="_blank">'.$anchor.'</a>'.$after.'</div>';
}
add_shortcode("pst", "myaddpst");

function myaddpst($atts) {

extract(shortcode_atts(array(

"url" => '',

"title" => '',

"before" => '',

"anchor" => '',

"after" => ''

), $atts));

return '<div class="pst">'.$before.'<a title="'.$title.'" href="'.$url.'" target="_blank">'.$anchor.'</a>'.$after.'</div>';

}

add_shortcode("pst", "myaddpst");

Для визуального оформления используется DIV с классом pst, который можно описать в файле style.css:

.pst {
margin:10px 0 10px 0;
padding:5px;
border:1px solid #codec;
background:#fcfcfc;
font-style:italic;
font-size:1em;
border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
display:inline-block
}

.pst {

margin:10px 0 10px 0;

padding:5px;

border:1px solid #codec;

background:#fcfcfc;

font-style:italic;

font-size:1em;

border-radius:3px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

-webkit-border-radius:3px;

display:inline-block

}

Вставляется шорткод постового так:

Чем удобно использование шорткода постового? В любой момент вы можете поменять оформление постового без ручного редактирования постов. В любой момент вы можете с помощью специальных плагинов (например, Search and Replace) вы можете найти любой постовой в базе данных и изменить его. Да и простая структура постового делает его использование более удобным, нежели чем вставка HTML-кода.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Все посты