Урок 3. Тег head для блога

Рубрика: Уроки WordPress
Метки/Tags: , , , ,

Уже создан файл index.php и выводятся основные файлы темы, теперь разберем содержание тега <head>.

Для начала в существующем хтмл-коде выделите “голову” и “тело”:

<html>
<head>
</head>
<body>
<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>
<!– Выводим на страницу header –>
<?php get_header(); ?>
<!– Конец вывода header –>
</td>
</tr>
<tr>
<td width=200 valign=top>
<!– Выводим на страницу sidebar –>
<?php get_sidebar(); ?>
<!– Конец вывода sidebar –>
</td>
<td width=500 valign=top>
<!– Выводим на страницу index –>
Контент, файл index.php
<!– Конец вывода index –>
</td>
<td width=200 valign=top>
<!– Выводим на страницу sidebar_right –>
<?php include(TEMPLATEPATH . ‘/sidebar_right.php’); ?>
<!– Конец вывода sidebar_right –>
</td>
</tr>
<tr>
<td colspan=3>
<!– Выводим на страницу footer –>
<?php get_footer(); ?>
<!– Конец вывода footer –>
</td>
</tr>
</table>
</div>
 </body>
</html>

Укажем вид кодировки для блога. Обратите внимание что Вордпресс использует  кодировку UTF-8 и менять ее на другую не рекомендуется:

<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
 </head>

Выводим названия блога и страниц:

<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
 <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
</head>

Прикрепим таблицу стилей style.css

<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
 <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
<style type=text/css media=screen>
@import url( <?php bloginfo(’stylesheet_url’); ?> );
</style>
</head>

Для вывода некоторой служебной информации и ключевых слов (меток) вставьте следующую строку:

<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
 <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
<style type=text/css media=screen>
@import url( <?php bloginfo(’stylesheet_url’); ?> );
</style>
 <?php wp_head(); ?>
</head>

Наконец, если вы хотите выделить в дальнейшем свой блог, можно вставить строку для фавикона:

<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
 <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
<style type=text/css media=screen>
@import url( <?php bloginfo(’stylesheet_url’); ?> );
</style>
 <?php wp_head(); ?>
 <link href=”images/favicon.ico” rel=”shortcut icon”>
</head>

На этом с шапкой кода мы закончили, переходим к 4-у уроку - Редактирование таблицы стилей.

Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php



Один комментарий
Comment от Masha

А как бы мне подписаться на Вашу RSS? Не могу найти ссылку :(. Напишите на 54632два1 в ICQ или masha_golovanova в skype. В крайнем случае - используйте почту. Заранее спасибо всем неравнодушным.

<NOINDEX>

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

</NOINDEX>



« Урок 2. Создаем файл index.php
Урок 4. Редактирование таблицы стилей »


Связанные записи

Все записи