Лучики здоровья мне|...или хитрые заголовки

Вот правильно я не люблю праздники. Пьянки как минимум в трех разных компашках, чуть-чуть экстрима, чуть-чуть романтики — и завершается все больничкой.

Хорошо то, что еще недельку можно не ходить на работу. Впрочем, и это омрачается тем фактом, что придется ходить уже в больницу. Капелька мёда здесь — прелестные медсестрички. Что, конечно же, тоже сдобрено ушатом холодной воды... ну, так до бесконечности.

Но самое главное — запланированные на эти десять дней дела, конечно же, не сделаны. Поэтому я тружусь не покладая рук, ног и прочих атрофированных конечностей. И, чтобы не расслабляться, да по просьбе @lilumi, рассказываю о замечательных штучках, которые можно сделать с заголовками на Вордпрессе. Которые, уже по традиции, конгениально просты и забавны.

Адаптирующийся хедер

Самое унылое в текущем HTML (да и в грядущем HTML5) — это многоуровневые заголовки, за расстановкой которых просто необходимо следить при верстке. Действительно — ведь на хедеры обращен пристальный взгляд всех поисковых систем.

Основные рекомендации (в спецификации они прописаны вообще мельком) просты — один заголовок первого уровня <h1> на всю страницу, следующие уровни должны быть вложены друг в друга в соответствии с рангом (Ханойские башни!!!). Также не рекомендуются пропускать уровни.

Основная проблема для меня — то, что на 90% сайтов в <h1> находится всегда название всего сайта, а не заголовок страницы. Это вполне логично, но мне всегда хотелось делать все наоборот. Впрочем, есть подозрение, что поисковики не сильно обращают внимание на циферку в теге, лично переранжируя заголовки.

Да не суть. Есть задача — выводить на главной странице в h1 название блога, а в посте заголовком становится название поста (для таксономии — имя тега, категории и т.п.), при этом не меняя стиля шапки. Это, как понимаете, продолжение задачи нет ссылке с главной на главную.

Для этого в header.php в блоке шапки мы просто будем, в зависимости от того, где находимся, ставить либо ссылку, либо заголовок.

<div id="header">
	<?php if($_SERVER['REQUEST_URI']!='/') :  ?>
		<a title="на главную страницу бложека" href="<?php bloginfo('url') ?>"><?php bloginfo('description'); ?></a>
	<?php else : ?>
		<h1><?php bloginfo('description'); ?></h1>
	<?php endif ?>
</div>

Мы используем реквест-юри только потому, что условные тэги is_home() и is_front_page() с задачей не справляются.

Соответственно, в single.php (а также archive.php, tag.php, category.php и др.) вместо стандартного

<h2><?php the_title(); ?></h2>

ставим уже человеческий

<h1><?php the_title(); ?></h1>

И в CSS обращаемся со ссылкой в хедере так же, как обращались и с h1. Аналогично поступаем с двумя уровнями заголовка в посте (если нам надо, чтобы выводилось все одинаково).

#header a,#header h1{
...стили для шапки...
}
#header a{
display:block;
}
.post h1, .post h2{
...стили для заголовка поста...
}

Остается один момент — в результате получается, что в использованных в посте заголовки (а это соответственно, <h3>, <h4>, <h5>, <h6>) появляется пропуск — ведь мы можем спокойно использовать теперь <h2> для подзаголовков. Хорошо, если они всегда под катом или за excerpt'ом — можно просто переопределить классы и заменить теги внутри single.php даже просто реплейсами:

$stext = get_the_content('');
$stext = apply_filters('the_content', $stext);
$stext = str_replace(']]>', ']]>', $stext);
$stext = str_replace('<h3', '<h2', $stext);
$stext = str_replace('</h3', '</h2', $stext);
$stext = str_replace('<h4', '<h3', $stext);
$stext = str_replace('</h4', '</h3', $stext);
echo $stext;

В случае же с отдачей больших постов, придется добавлять классы — чтобы пары <h2> на главной и <h3> в посте выглядели одинаково.

В общем, это очередная херня, которой я побаловался, отлынивая от нормальной работы.

Журнальные подзаголовки

Второе, чем я буду сегодня ездить по ушам — это пародия на журнальные заголовки. Например, кричащий заголовок «Они убили Кенни» сверху и скучный, но более правдивый, подзаголовок «В результате операции террористы были уничтожены» снизу. В бложеках этому формату место еще как есть.

Для этого можно использовать, например, произвольные поля. То есть каждому посту брать и добавлять кастомфилд с названием, например, subtitle и вписывать что угодно. Выводить же этот подзаголовок в нужном месте потом просто:

echo get_post_meta($post->ID, 'subtitle', true);

Можно сделать так же хитро как у меня, например — на главной выводить один заголовок (the_title()), а в single.php — уже дополнительный.

Впрочем, постоянно дополнять полем пост как-то лениво — мне хочется писать просто в самом заголовке «Лучики здоровья мне|...или хитрые заголовки», только разделяя вертикальной чертой заголовок и подзаголовок. Для этого можно создадим две функции в functions.php (который заменяет миллионы плагинов). Если файла нет в папке шаблона — создайте, ага.

function my_title($before = '', $after = '', $echo = true){
	$post = &get_post($id);
	$title = $post->post_title;

	$s=explode("|",$title);
	$title=$s[0];

	$title=apply_filters( 'the_title', $title );
	if ( strlen($title) == 0 )
		return;
	$title = $before . $title . $after;
	if ( $echo )
		echo $title;
	else
		return $title;
}
function my_subtitle($before = '', $after = '', $echo = true){
	$post = &get_post($id);
	$title = $post->post_title;

	$s=explode("|",$title);
	if(!empty($s[1])) $title=$s[1]; else $title=$s[0];
	$title=apply_filters( 'the_title', $title );
	if ( strlen($title) == 0 )
		return;
	$title = $before . $title . $after;
	if ( $echo )
		echo $title;
	else
		return $title;
}

После этого можно вызывать my_title() на главной странице и my_subtitle() в сингле. Соответственно, если подзаголовок будет не указан (не будет черты), то вторая функция выведет просто заголовок.

С другой стороны, если шаблон менять не хочется, можно переопределить саму функцию the_title() в том же самом functions.php. Например, так, чтобы на всех страницах показывалась часть до вертикальной черты, а на главной — после:

add_filter('the_title', 'my_title', 50);
function my_title($title){
	if ( strlen($title) == 0 )
		return;
	$semtitle=explode("|",$title);
	if(!is_single()||empty($semtitle[1]))
		return $semtitle[0];
	return $semtitle[1];
}

Есть одна мелочь при генерации подзаголовков из заголовка — надо следить за слагами, чтобы они выходили нормальными и читаемыми. Впрочем, это надо в любом случае — от автоматического транлитерированного «ЧПУ» тошнит не только специалистов юзабилити.

Можно поиграть заголовками и дальше. И при этом не требуется чего-то большего, чем самые азы одного из простейших языков — было бы желание.

Но обычно шаблоны для Wordpress такие скучные, что зевать хочется.

Кстати, да. Пойду я спать.