Скин для WP своими руками (header.php)

header.php, как Вы уже поняли – это “шапка” нашего сайта, которая содержит множество важных нюансов:

  • описание соответствия стандартам html;
  • мета-теги и <title> сайта, которые ранжируются поисковиками;
  • описание всех типов внешних данных примененных на сайте для ввода-вывода информации (rss-фиды, css-стили, trackback-и и pingback-и);
  • все подключаемые модули php, которые располагаются до видимой области (между тегами <head> и <body>) и в самом начале видимой области.

По сути, header.php – это постоянный заголовок для всех страниц нашего дизайна, поэтому попробуем учесть всё…

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>
<html xmlns=»http://www.w3.org/1999/xhtml»> <!—Указание стандартов, которым мы будем следовать в оформлении нашего сайта—>
<head profile=»http://gmpg.org/xfn/11″> <!—Строка проверки соответствия метатегов требованиям для HTML4—>
<meta http-equiv=»Content-Type» content=»<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>» />
<!—Описание имени нашего сайта и кодировки в метатегах—>
<title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> &raquo; Архив блога <?php } ?> <?php wp_title(); ?></title>
<!—Сборка титульного тега, отображаемого в заголовке браузера.—>
<meta name=»generator» content=»WordPress <?php bloginfo(‘version’); ?>» /> <!— Мета тег версии WordPress для статистики —>

<link rel=»stylesheet» href=»<?php bloginfo(‘stylesheet_url’); ?>» type=»text/css» media=»screen» />
<link rel=»alternate» type=»application/rss+xml» title=»RSS 2.0″ href=»<?php bloginfo(‘rss2_url’); ?>» />
<link rel=»alternate» type=»text/xml» title=»RSS .92″ href=»<?php bloginfo(‘rss_url’); ?>» />
<link rel=»alternate» type=»application/atom+xml» title=»Atom 0.3″ href=»<?php bloginfo(‘atom_url’); ?>» />
<link rel=»pingback» href=»<?php bloginfo(‘pingback_url’); ?>» />
<!— Описание всех типов внешних транспортов нашего сайта—>
<?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php wp_head(); ?>
</head>
<!— Описание типа сортировки данных из БД и формата отображения на странице… С блоком head на этом и остановимся.—>
<body>
<a href=»<?php echo get_settings(‘home’); ?>»><img src=»<?php bloginfo(‘template_directory’); ?>/images/header.jpg» border=»0″ alt=»<?php bloginfo(‘name’); ?>: <?php bloginfo(‘description’); ?>» /></a><!— Картинка в шапке, при клике на которую обновляется страница блога с переходом к последним новостям.—>

header.php готов, добавим только поиск по сайту в целом и сортировку по рубрикам:

<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
<?php include (TEMPLATEPATH . ‘/dropdowncats.php’); ?>

PS: Господа “продвинутые” читатели, просьба всё та же…

Читайте в этой серии: