Web-стиль: Аниме
С аниме по жизни

Создание темы для WordPress с нуля. Часть 2

Займемся вплотную заголовком. Header.php

Для вывода информации о языке и стране сайта служит функция language_attributes(). Так что первые две строчки нашего файла будут такого вида:

1
2
3
< !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" <?php language_attributes(); ?>>

Переходим в секцию <head>.
Уделим пару минут заголовку страницы-окна браузера, описанному тегом <title>. Можно пойти по пути наименьшего сопротивления и поместить туда просто заголовок блога функцией <?php bloginfo(’name’); ?>, а можно сделать красивей – менять титл в зависимости от того, что за страница блога открыта.

5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
< ?php
if (is_home()) {
	bloginfo('name');
} elseif (is_404()) {
	echo '404 Не найдено'; echo ' | '; bloginfo('name');
} elseif (is_category()) {
	echo 'Рубрика: '; wp_title(''); echo ' | '; bloginfo('name');
} elseif (is_search()) {
	echo 'Результаты поиска '; echo ' | '; bloginfo('name');
} elseif ( is_day() || is_month() || is_year() ) {
	echo 'Архив '; wp_title(''); echo ' | '; bloginfo('name');
} else {
	echo wp_title(''); echo ' | '; bloginfo('name');
}
?>

После секции <title>; добавляем ссылку на нашу таблицу стилей:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"
type="text/css" media="screen" /></link>

а также на RSS-канал и пингбеки

<link rel="alternate" type="application/rss+xml"
title="<?php printf('%s RSS Feed'), get_bloginfo('name')); ?>"
href="< ?php bloginfo('rss2_url'); ?>" />
</link><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
</link>

Переходим к блоку <div id=”header”>.
Поместим в него заголовок блога и его описание, причем заголовок оформим ссылкой, чтобы с каждой страницы блога легко можно было вернуться на главную. Вот так:

<div class="blog-title">
	<a href="<?php echo get_option('home'); ?>/">< ?php bloginfo('name'); ?></a>
</div>

Классы blog-title и blog-description заданы опять же здесь для легкого форматирования через CSS-файл.

В принципе, в файле заголовка больше ничего не надо. Но если Вы захотите вставить сюда меню – допустим, постраничную навигацию, – то Вам поможет конструкция wp_list_pages(), разбираться с которой Вам придется самостоятельно. Это полезно и интересно)).

А далее у нас настройка сайдбара.


Урок создан: Январь 19th, 2010   Просмотров: 969   Комментарии RSS 2.0

Похожие посты

Написать

Вы должны войти для того, чтобы оставить комментарий.