Урок 3. Тег head для блогаУже создан файл 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="<?php bloginfo('url'); ?>/wp-content/themes/free_subject/favicon.ico" rel="shortcut icon"> </head> На этом с шапкой кода мы закончили, переходим к 4-у уроку - Редактирование таблицы стилей.
|
