Header

Мы можем более детализировать и насытить функциональную часть WordPress header файла. Открываем наш header.php файл.

<html>
<head>
<title>My WordPress Theme</title>
</head>
<body>
<div id=»wrapper»>
<div id=»header»>
header
</div> <!— close header —>
<div id=»content»>

Теперь приступим к функциональной части header. Начнём с title. Так как WordPress динамичная система управления контентом, мы можем сделать чтобы и title был динамичным для этого вводим <?php wp_title(); ?> между <title> и </title>. Этот тег предназначен для отображения названия страницы.

<title><?php wp_title(); ?></title>

Но создание будет ещё интересней если мы используем тег с PHP кодом. Вставляем этот код между

<title> и ></title>.
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive())
{ ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page())
or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> — <?php bloginfo(‘description’); ?>

Это будет выглядеть так:

<title>
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive())
{ ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page())
or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> — <?php bloginfo(‘description’); ?>
</title>

Следующее, что мы должны сделать это импортировать наш stylesheet файл для использования его в нашей теме.

<?php bloginfo(’stylesheet_url’); ?>

Этот тег должен загрузить stylesheet находящегося по указанному пути. Вводим этот тег после </title>. Созданный CSS файл должен иметь имя style.css.

<style type=»text/css» media=»screen»>
<!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
</style>

There are some other tags that we need to put in. Just copy this code below and paste it before </head>

<link rel=»stylesheet» href=»<?php bloginfo(’stylesheet_url’); ?>» type=»text/css» media=»screen» />
<link rel=»alternate» type=»application/rss+xml» title=»<?php bloginfo(’name’); ?> RSS Feed» href=»<?php bloginfo(’rss2_url’); ?>» />
<link rel=»pingback» href=»<?php bloginfo(’pingback_url’); ?>» />
<meta name=»generator» content=»WordPress <?php bloginfo(’version’); ?>» />

Последнее, что мы должны ввести в header.php будет <?php wp_head(); ?>.

Всё, наш header.php файл выглядит так.

<html>
<head>
<title>
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; }
if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search())
or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?>
<?php bloginfo(‘name’); ?> — <?php bloginfo(‘description’); ?>
</title>
<style type=»text/css» media=»screen»>
<!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
</style>
<link rel=»stylesheet» href=»<?php bloginfo(’stylesheet_url’); ?>» type=»text/css» media=»screen» />
<link rel=»alternate» type=»application/rss+xml» title=»<?php bloginfo(’name’); ?> RSS Feed» href=»<?php bloginfo(’rss2_url’); ?>» />
<link rel=»pingback» href=»<?php bloginfo(’pingback_url’); ?>» />
<meta name=»generator» content=»WordPress <?php bloginfo(’version’); ?>» />
<?php wp_head(); ?>
</head>
<body>
<div id=»wrapper»>
<div id=»header»>
header
</div> <!— close header —>
<div id=»content»>

Оставьте комментарий