WordPress 主题制作指南（三）...

沙漠之子 2008-01-07

展开全文

WordPress 主题制作指南（三）

作者:辛晶晶日期:2007-10-06

字体大小: 小中大

header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml" lang="zh-CN">
<head profile="http:///xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> »Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<link rel="shortcut icon" href="favicon.ico" />
<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'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="header">
<div class="bloginfo">
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
</div>
<div class="admin">
<?php wp_loginout(); ?>
<a href="http://www./#sub-menu">Sub-Menu</a>
</div>
</div>
<div id="page">

line1-5：用来描述页面的基本信息，诸如使用那一种标准，字符编码，还有页面标题。
line7-13：一些meta标签信息和站点ico设定。
line15-20：对css文件和rss订阅地址的设定，方便自动发掘程序。
line22-24：我也不知道干吗的，反正个个模版都有-_-;。
line29-35：标题部分。
真正在页面上看到的效果其实只有line29-35这一段，一开始只有Blog标题（左）和
login链接（右），后来为了方便跳转到页底的Sub-Menu部分又增加了一个链接。标题图片
demo1是直接在body里设定的。相应的CSS部分如下：