-
Wordpress Theme 教程(Wordpress模板制作)2 - [代码]
已经获得了header.php, index.php, sidebar.php, footer.php这四个文件,接下来我们要做的就是搭积木了。
header.phpPHP:- <!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">
- <head profile="http://gmpg.org/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 Tags -->
- <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
- <meta name="robots" content="index, follow" />
- <meta name="keywords" content="" />
- <!-- Favicon -->
- <link rel="shortcut icon" href="favicon.ico" />
- <!-- CSS -->
- <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
- <!-- RSS -->
- <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'); ?>" />
- <!-- WordPress Tags -->
- <?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="#sub-menu">Sub-Menu</a>
- </div>
- </div><!-- header -->
- <div id="page">
- line1-5:用来描述页面的基本信息,诸如使用那一种标准,字符编码,还有页面标题。
- line7-13:一些meta标签信息和站点ico设定。
- line15-20:对css文件和rss订阅地址的设定,方便自动发掘程序。
- line22-24:我也不知道干吗的,反正个个模版都有-_-;。
- line29-35:标题部分。
Wordpress Theme 教程(Wordpress模板制作)1 - [代码]
文件:
- 404.php
404出错信息,当访问者输入了一个不存在的地址就会看到这个页面,可以在这里写一些有用的提示,或者直接给个404 error。 - archive.php
控制存档、分类、日期的输出页面。其实这些内容是可以单独控制的,不过大部分模版都不把它们分开对待。 - comments-popup.php
弹出留言窗口的输出格式。 - comments.php
留言部分的输出格式。 - footer.php
一般是用来输出页脚信息的,比如放些模版作者,版权信息之类。 - header.php
用来输出标题和菜单项,同时html文件的头信息也放在这里。 - index.php
整个首页的主体结构,正文内容输出部分就是放在这里的。 - page.php
“页”的模版文件,控制Page的输出内容。 - screenshot.png
从WP2.0开始,模版选择会提供缩略图,这个文件就是缩略图文件。 - search.php
搜索的结果输出页面。 - searchform.php
搜索框的格式定义。 - sidebar.php
用于输出侧栏内容。 - single.php
当点击一篇文章后,所展示的页面内容由这个文件来控制。 - style.css
所有所有页面的具体表现样式都由这个文件来控制。
一旦做起来就会明白,WordPress把一个页面的内容分成了Header + Content + Sidebar + Search Form + Footer这样的结构,对于模版制作者和用户来说这都是一个方便的处理方式。所以,我们后面所作的和搭积木一样简单。
RGB色彩对照表 - [代码]
#FF7F50 #FF7F24 #FF7F00 #FF7256 #FF6EB4 #FF6A6A #FF69B4 #FF6347 中国传统色彩名录 - [代码]
████ 橘黄:柑橘的黄色。
████ 橙黄:同上。 (quester注:Y100 M50 感觉的色彩,现代感比较强。广告上用得较多)
████ 橘红:柑橘皮所呈现的红色。
████ 姜黄:中药名。别名黄姜。为姜科植物姜黄的根茎。又指人脸色不正,呈黄白色
████ 缃色:浅黄色。
████ 橙色:界于红色和黄色之间的混合色。
████ 茶色:一种比栗色稍红的棕橙色至浅棕色
████ 驼色:一种比咔叽色稍红而微淡、比肉桂色黄而稍淡和比核桃棕色黄而暗的浅黄棕色
