菠萝筐 » wordpress模板 http://www.blook.org.cn 网罗网络精华 Wed, 08 Feb 2012 12:44:27 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WordPress模板制作教程+常用函数 http://www.blook.org.cn/wordpress-tutorial-templates-to-create-commonly-used-functions/ http://www.blook.org.cn/wordpress-tutorial-templates-to-create-commonly-used-functions/#comments Mon, 28 Sep 2009 02:56:23 +0000 菠萝 http://www.blook.org.cn/?p=723 已经把Dedecms的模板制作掌握得差不多了，今天开始转入WordPress的模板制作工作中来，其实模板制作方法都是一样的，对我来说，只是需要了解不同CMS或BLOG程序的代码结构和调用方式，掌握了这些，模板制作起来就容易多了，下面的内容分为Wordpress模板教程和WordPress模板函数两部分：

WordPress模板教程

（转自蔚蓝光辉）

每一套 WP 主题都由结构层、表现层和数据层构成，可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单，但又极其灵活的。可以说，学会了制作 WP 主题，就相当于基本理解了 Web开发的客户端模型，对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在！
在一套 WP 主题中，最基本的两个文件是 index.php 和style.css。其中，前者定义结构和内容，后者定义样式。所谓结构，就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中，结构层主要使用的是添加了适当的 id 或（和）class 属性的 div 和 ul元素，以便更好地通过表现层来控制页面的布局和外观。所谓表现层，其实就是网页的布局和样式－－也就是外观。表现层由CSS（级联样式表）规则定义构成。而数据层，顾名思义，也就是网站中实际显示的内容，是通过调用 WP内置的函数（有时需要传递适当的参数）从数据库中取得的。

说明：为简明起见，本教程不涉及如何定义样式表（CSS）文件的内容。

事实上，当我们打开某个主题的文件夹时，看到的并不止这两个文件，而是更多。但一般来说，在一个完整的 WP 主题文件夹中都应该包含下列文件（也称为模板文件）：

页面 模板文件 用途
首页 index.php 显示网站首页
单页 single.php 显示博文的页面（相当于细节页）
静态页 page.php 显示静态页的页面（包含各级静态页面）
分类页 category.php 显示分类页的页面（相当于栏目页）
存档页 archive.php 显示存档页的页面（相当于按时间归类的栏目页）
搜索页 search.php 显示搜索结果的页面
评论页 comments.php 显示评论的页面
弹出式评论页 comments-popup.php 显示弹出式评论的页面
404错误页 404.php 显示 404 错误信息的页面
级联样式表 style.css 控制页面布局外观

除此之外，一套主题模板中还可以包含 author.php、home.php、date.php、searchform.php 以及 functions.php 等页面（其中部分页面稍后介绍）。
虽然上面列出了与 WP 内置功能对应的 9 个 php 文件，但制作一套主题远没有想像得那么复杂。因为事实上，你只需要制作一个 index.php 文件，就可以派生出另外 8 个文件来！
从 WP 应用主题的机制来说，这 9 个模板文件是存在优先级差别的，也可以认为是重要性不同。它们的优先级顺序是：
index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。
这样，当不存在后边的页面时，WP 会自动调用前面的页面，直至调用 index.php。比如，当程序调用页面页 page.php 时，如果page.php 模板文件不存在，那么程序会尝试调用前面的文件－－single.php。而如果 single.php也不存在，那么就会调用最终的 index.php 来显示页面页。可见 index.php属于“垫底儿”的缺省页面，它的重要性是最高的。但当存在具体页面时，还是要优先使用具体的页面，可见具体的页面优先级最高。
在明确了 index.php 是一套 WP 主题的核心之后，我们就可以将制作 WP 主题的过程简单地分成两步，即－－定义主模板文件 index.php 和派生其他模板文件。
定义主模板文件 index.php从页面布局的角度上，有必要将主模板文件 index.php 拆分成 header.php、sidebar.php 和footer.php 三个子页面。WP 专门为在 index.php 中包含这三个子页面提供了对应的get_header()、get_sidebar() 和 get_footer() 函数。
下面，就来详细介绍一下制作 index.php 页面的过程：
首先，在 myThemes 文件夹中建立一个文本文件并将其重命名为 index.php，然后再建立一个 style.css 文件（内容暂时留空）。
然后，用你喜欢的文本编辑器打开 index.php 并输入下列代码（最好复制，因为这一部分不重要）：

<!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 name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />
<!– leave this for stats –>
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>”
type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_directory’); ?>
/print.css” type=”text/css” media=”print” />
<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_head(); ?>
</head>
<body>
</body>
</html>

显然，这是一些构成网页文件的 HTML 代码，当然其中包含 PHP 代码。如前所述，HTML 代码定义结构，而 PHP 代码用于生成内容。
在 WP 后台的“主题”模块中，选择 myTheme 主题。然后，在浏览器中观察你的 WP 外观。此时，应该显示页面一片空白。但通过“查看源文件”，你会发现 index.php 中的 PHP 代码已经生成了一些头部内容。
接着，我们开始动手定义 index.php 中 body 部分的结构和内容。
（一）构建 header在 body 元素内，新建如下结构化标记元素，注意各元素都带有不同的 id 属性：

<div id=”page”>
<div id=”header”></div>
<div id=”content”></div>
<div id=”sidebar”></div>
<div id=”footer”></div>
</div>

然后，在该 <div id=”header”></div> 元素的两个标签之间输入下列代码：

<h1><a href=”<?php bloginfo(’url’); ?>”title=”<?php bloginfo(’name’); ?>”><?php bloginfo(’name’);?></a></h1>
<p><?php bloginfo(’description’); ?></p>

这里用到了 WP 内置的 bloginfo 函数来生成内容，其中：

bloginfo(’url’)返回网站主页链接；
bloginfo(’name’)返回网站标题；
bloginfo(’description’)返回网站描述。

保存 index.php 文件，然后在浏览器中按 F5 刷新一下页面，看能看到什么？再通过“查看源文件”，核对一下由 WP 的 bloginfo() 函数生成的相关信息。
（二）构建 content在 <div id=”content”></div> 中，我们要通过循环显示博文，包括每个博文的标题、作者、发表日期以及其他相关信息。并且，可以分页显示博文（取决于 WP 后台的设置）。
首先，在 <div id=”content”> 与 </div> 之间输入下列代码：

<?php while (have_posts()) : the_post(); ?> <div class=”post” id=”post-<?php the_ID() ?>”>
<!– 博文标题及链接 –>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”>
<?php the_title(); ?></a></h2>
<!– 发表日期 –>
<div class=”post-date”>
<span class=”post-month”><?php the_time(’M’) ?></span>
<span class=”post-day”><?php the_time(’d’) ?></span>
</div>
<!– 作者 –>
<span class=”post-author”><?php _e(’Author’); ?>：<?php the_author(’, ‘) ?></span>
<!– 类别 –>
<span class=”post-cat”><?php _e(’Categories’); ?>：<?php the_category(’, ‘) ?></span>
<!– 注释 –>
<span class=”post-comments”>
<?php comments_popup_link(’No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></span>
<!– 内容 –>
<div class=”entry”>
<?php the_content(’更多内容 »’); ?>
</div>
<!– 其他元（Meta）数据 –>
<div class=”post-meta”>
<?php edit_post_link(’编辑’,’ | ‘,”); ?>
</div> </div>
<?php endwhile; ?><div class=”navigation”>
<span class=”previous-entries”><?php next_posts_link(’前一篇’)?></span> <span class=”next-entries”><?phpprevious_posts_link(’后一篇’) ?></span>
</div>
<?php else : ?>
<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div><?php endif; ?>

看似复杂，其实不然。首先：

<?php if (have_posts()) : ?>
<?php else : ?>
<?php endif; ?>

这三行，在 WP 中表示 if 控制结果。注意，if 语句通过测试 have_posts() 函数来测试是否存在博文。而

<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>

这两行，是 WP 中的 while 循环。其中，while 语句通过测试 have_posts() 决定是否调用 the_post()函数。如果测试 have_posts() 返回 true，则调用 the_post() 函数，初始化与博文相关的内置变量。
在 while 循环内部，首先要注意通过 div、h2、span 这三个元素定义的嵌套语义结构，以及相应元素的 class 和 id属性（其中只为 class 为 post 的 div 元素定义了一个 id 属性－－post-<?php the_ID()?>）。这是将来使用 CSS 控制外观的关键所在。在这个 div 元素中，为显示博文的相关信息，分别调用了以下 WP 函数：

the_ID()：返回博文 ID；
the_permalink()：返回博文固定链接 URL；
the_title()：返回博文标题；
the_time(’M’)：返回发表日期中的月份；
the_time(’d’)：返回发表日期中的天；
the_author()：返回博文作者；
the_category()：返回博文的类别；
the_content()：返回博文的内容，其中的参数表示用于“更多内容”的链接文本；

以上函数都是以 the_ 开头的，加上后面的函数名不仅颇有自解释的味道，而且令人联想到 this 关键字。此外
_e() 函数是一个包装函数，这个函数主要用于语言的转换，如果调用该函数并传递标准的 WP 术语，如：Author 或 Categories，则返回你相应语言包中的译文，在中文包中分别是“作者”和“类别”。当然，不用也可。但会失去一些适应性。
还有，omments_popup_link() 和 edit_post_link() 两个函数，分别显示注释和编辑链接，这里不多说了。
另外，在 <?php endwhile; ?> 后面显示了分页导航链接，调用的函数分别是：next_posts_link() 和previous_posts_link()。此时，如果你的博文总数小于 WP 后台设置的最多显示数目，比如：你在后台设置最多显示 5篇，而你有 10 篇博文，就会分页显示；否则，如果你的博文少于或等于 5 篇则看不到分页导航链接。
最后，不要丢下 <?php else : ?> 语句后面的内容：

<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div>

显然，这是一个错误提示信息。
（三）构建 sidebarsidebar 的内容当然要在 <div id=”sidebar”></div> 元素中构建了。sidebar，中文叫侧边栏，其中可以包含很多内容。比如：分类、页面、链接、日历等等导航及相关信息。
在 WP 中，sidebar 中的内容都以无序（ul）或有序（ol）列表的形式输出。因此，需要在 <div id=”sidebar”></div> 中输入以下标记：

<ul>
<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<li id=”search”>
<?php include(TEMPLATEPATH .’/searchform.php’); ?>
</li> <li id=”calendar”>
<h2><?php _e(’Calendar’); ?></h2>
<?php get_calendar(); ?>
</li> <?php wp_list_pages(’title_li=<h2>页面</h2>’); ?> <li class=”catnav”>
<h2><?php _e(’Categories’); ?></h2>
<ul>
<?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>
</li>
<li class=”archivesnav”>
<h2><?php _e(’Archives’); ?></h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>
<li class=”blogrollnav”>
<h2><?php _e(’Links’); ?></h2>
<ul>
<?php get_links(’-1′, ‘<li>’, ‘</li>’, ‘<br />’, FALSE, ‘id’, FALSE, FALSE, -1, FALSE); ?>
</ul>
</li>
<li class=”meta”>
<h2><?php _e(’Meta’); ?></h2>
<ul><?php wp_register(); ?><li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?></ul>
</li>
<?php endif ?>
</ul>

以上代码从第三行开始，分别通过包含 searchform.php 显示搜索表单；

调用 get_calendar() 函数显示日历；
调用 wp_list_pages() 函数显示页面导航；
调用 wp_list_cats() 函数显示分类导航；
调用 wp_get_archives() 函数显示存档导航；
调用 get_links() 函数显示链接导航。

在构建侧边栏时，要为生成搜索框新建一个 searchform.php 文件，其内容如下：

<form method=”get” id=”searchform” action=”<?php bloginfo(’home’); ?>/”>
<div>
<input type=”text” value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” size=”15″ /><br />
<input type=”submit” id=”searchsubmit” value=”Search” />
</div>
</form>

将其保存在 myTheme 文件夹中，通过 include 语句包含进来就可以了。注意，常量 TEMPLATEPATH 中保存的是模板路径。
最后，说明一下以上代码第二行和倒数第二行。显然这是一个 if 语句块。那这个 if 语句块包含 sidebar是何用意呢？这是部件化侧边栏的需要，就是让 sidebar 适合 Widget 插件（WP 2.0 后内置了Widget，所以不用再安装了）。如果要使用 Widget 插件，必须对 sidebar 进行部件化。这样，在 WP 后台通过 Widget插件你就可以使用拖动来方便地定义侧边栏的组件了。部件化侧边栏，除了在 ul 元素内侧放入这个 if 语句之外，还必须在 myTheme文件夹中建立一个文件 functions.php，其内容如下：

<?php
if ( function_exists(’register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”sidebartitle”>’,
‘after_title’ => ‘</h2>’,
));
?>

（四）构建 footerfooter 中一般都一些版权信息和不太重要的链接。所以可以在 <div id=”footer”></div> 元素中简单地放入下列代码：

<p>Copyright © 2007 <?php bloginfo(’name’); ?></p>

至此，核心 index.php 文件就算是大功告成了！
接下来，是拆分 index.php 和基于 index.php 派生子模板文件。
在 myTheme 文件夹中新建 header.php、sidebar.php 和 footer.php 三个文件。把index.php 中的 <div id=”header”></div>、<divid=”sidebar”></div> 和 <div id=”footer”></div>三个结构化元素及其内容分别转移（剪切）到这三个新文件中。然后，在 <div id=”header”></div>原来的位置处输入代码：

<?php get_header();?>

在 <div id=”sidebar”></div> 原来的位置处输入代码：

<?php get_sidebar();?>

在 <div id=”footer”></div> 原来的位置处输入代码：

<?php get_footer();?>

前面说过，这三个 get 函数是 WP 专门为包含结构化的文件定义的。现在你的 index.php 文件应该如下所示：

<!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=”<?phpbloginfo(’html_type’); ?>; charset=<?php bloginfo(’charset’);?>” /><title><?php bloginfo(’name’); ?> <?php if (is_single() ) { ?> » Blog Archive <?php } ?> <?phpwp_title(); ?></title><meta name=”generator”content=”WordPress <?php bloginfo(’version’); ?>” /> <!–leave this for stats –><link rel=”stylesheet” href=”<?phpbloginfo(’stylesheet_url’); ?>” type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_directory’); ?>/print.css” type=”text/css” media=”print” />
<link rel=”alternate” type=”application/rss+xml” title=”<?phpbloginfo(’name’); ?> RSS Feed” href=”<?php bloginfo(’rss2_url’);?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” /><?php wp_head(); ?>
</head>
<body>
<div id=”page”><?php get_header(); ?> <!– content –>
<div id=”content”>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?> <div class=”post” id=”post-<?php the_ID() ?>”>
<!– 博文标题及链接 –>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”>
<?php the_title(); ?></a></h2>
<!– 发表日期 –>
<div class=”post-date”>
<span class=”post-month”><?php the_time(’M’) ?></span>
<span class=”post-day”><?php the_time(’d’) ?></span>
</div>
<!– 作者 –>
<span class=”post-author”><?php _e(’Author’); ?>：<?php the_author(’, ‘) ?></span>
<!– 类别 –>
<span class=”post-cat”><?php _e(’Categories’); ?>：<?php the_category(’, ‘) ?></span>
<!– 注释 –>
<span class=”post-comments”>
<?php comments_popup_link(’No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?></span>
<!– 内容 –>
<div class=”entry”>
<?php the_content(’更多内容 »’); ?>
</div>
<!– 其他元（Meta）数据 –>
<div class=”post-meta”>
<?php edit_post_link(’编辑’,’ | ‘,”); ?>
</div> </div>
<?php endwhile; ?> <div class=”navigation”>
<span class=”previous-entries”><?php next_posts_link(’前一篇’)?></span> <span class=”next-entries”><?phpprevious_posts_link(’后一篇’) ?></span>
</div>
<?php else : ?>
<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div><?php endif; ?>
</div><!– end content –><?php get_sidebar(); ?> <?php get_footer(); ?></div>
</body>
</html>

然后，是派生子模板文件。把这个“模块化”的 index.php 文件另存为single.php、page.php、archive.php、 search.php 和 category.php。当然，都保存在myTheme 文件夹中。这样，WP 在显示页面时就会调用相应的页面文件了。比如，显示博文详细内容时，会调用single.php；而显示页面内容时，则调用 page.php。

WordPress模板常用函数

（转自知更鸟）

一套完整的WordPress模板应至少具有如下文件：

style.CSS : CSS(样式表)文件
index.php : 主页模板
archive.php : Archive/Category模板
404.php : Not Found 错误页模板
comments.php : 留言/回复模板
footer.php : Footer模板
header.php : Header模板
sidebar.php : 侧栏模板
page.php : 内容页(Page)模板
single.php : 内容页(Post)模板
searchform.php : 搜索表单模板
search.php : 搜索结果模板

当然，具体到特定的某款模板，可能不止这些文件，但一般而言，这些文件是每套模板所必备的。

基本条件判断Tag

is_home() : 是否为主页
is_single() : 是否为内容页(Post)
is_page() : 是否为内容页(Page)
is_category() : 是否为Category/Archive页
is_tag() : 是否为Tag存档页
is_date() : 是否为指定日期存档页
is_year() : 是否为指定年份存档页
is_month() : 是否为指定月份存档页
is_day() : 是否为指定日存档页
is_time() : 是否为指定时间存档页
is_archive() : 是否为存档页
is_search() : 是否为搜索结果页
is_404() : 是否为 “HTTP 404: Not Found” 错误页
is_paged() : 主页/Category/Archive页是否以多页显示

Header部分常用到的PHP函数

<?php bloginfo(’name’); ?> : 博客名称(Title)
<?php bloginfo(’stylesheet_url’); ?> : CSS文件路径
<?php bloginfo(’pingback_url’); ?> : PingBack Url
<?php bloginfo(’template_url’); ?> : 模板文件路径
<?php bloginfo(’version’); ?> : WordPress版本
<?php bloginfo(’atom_url’); ?> : Atom Url
<?php bloginfo(’rss2_url’); ?> : RSS 2.o Url
<?php bloginfo(’url’); ?> : 博客 Url
<?php bloginfo(’html_type’); ?> : 博客网页Html类型
<?php bloginfo(’charset’); ?> : 博客网页编码
<?php bloginfo(’description’); ?> : 博客描述
<?php wp_title(); ?> : 特定内容页(Post/Page)的标题

模板常用的PHP函数及命令

<?php get_header(); ?> : 调用Header模板
<?php get_sidebar(); ?> : 调用Sidebar模板
<?php get_footer(); ?> : 调用Footer模板
<?php the_content(); ?> : 显示内容(Post/Page)
<?php if(have_posts()) : ?> : 检查是否存在Post/Page
<?php while(have_posts()) : the_post(); ?> : 如果存在Post/Page则予以显示
<?php endwhile; ?> : While 结束
<?php endif; ?> : If 结束
<?php the_time(’字符串’) ?> : 显示时间，时间格式由“字符串”参数决定，具体参考PHP手册
<?php comments_popup_link(); ?> : 正文中的留言链接。如果使用 comments_popup_script() ，则留言会在新窗口中打开，反之，则在当前窗口打开
<?php the_title(); ?> : 内容页(Post/Page)标题
<?php the_permalink() ?> : 内容页(Post/Page) Url
<?php the_category(’, ‘) ?> : 特定内容页(Post/Page)所属Category
<?php the_author(); ?> : 作者
<?php the_ID(); ?> : 特定内容页(Post/Page) ID
<?php edit_post_link(); ?> : 如果用户已登录并具有权限，显示编辑链接
<?php get_links_list(); ?> : 显示Blogroll中的链接
<?php comments_template(); ?> : 调用留言/回复模板
<?php wp_list_pages(); ?> : 显示Page列表
<?php wp_list_categories(); ?> : 显示Categories列表
<?php next_post_link(’ %link ‘); ?> : 下一篇文章链接
<?php previous_post_link(’%link’); ?> : 上一篇文章链接
<?php get_calendar(); ?> : 日历
<?php wp_get_archives() ?> : 显示内容存档
<?php posts_nav_link(); ?> : 导航，显示上一篇/下一篇文章链接
<?php include(TEMPLATEPATH . ‘/文件名’); ?> : 嵌入其他文件，可为定制的模板或其他类型文件

与模板相关的其他函数

<?php _e(’Message’); ?> : 输出相应信息
<?php wp_register(); ?> : 显示注册链接
<?php wp_loginout(); ?> : 显示登录/注销链接
<!–next page–> : 将当前内容分页
<!–more–> : 将当前内容截断，以不在主页/目录页显示全部内容
<?php timer_stop(1); ?> : 网页加载时间(秒)
<?php echo get_num_queries(); ?> : 网页加载查询量

通过以上两大资源，相信Wordpress模板制作应该很快可以上手，学习中。。。

]]> http://www.blook.org.cn/wordpress-tutorial-templates-to-create-commonly-used-functions/feed/ 15 WordPress模板教程 2.Template Files and Templates | 模板文件和模板 http://www.blook.org.cn/wordpress-template-tutorial-2-template-files-and-templates-template-files-and-templates/ http://www.blook.org.cn/wordpress-template-tutorial-2-template-files-and-templates-template-files-and-templates/#comments Fri, 04 Sep 2009 02:15:42 +0000 菠萝 http://www.blook.org.cn/?p=362 在 WordPress模板教程 1 中，我们一起学习了* 基本规则* 术语 / 行话* 层式结构，在学习WordPress模板教程 2.Template Files and Templates | 模板文件和模板 之前，你必须把教程1先学好!本教程会让你更详细地了解模板文件以及每个页面的结构。

我们需要知道的是，每个页面都是由多个模板文件构成的。

下面我们看一下首页文件：

index.gif

在上面的例子，我们可以看出首页是由4个模板文件组成： header.php，index.php，sidebar.php 和 footer.php。

Header 模板文件:

header-template.gif
通常在这个文件中包含你博客的标题（title）和描述（description）。而且它们通常在整个博客中保持一致。

Index 模板文件：

这个模板文件包含你的日志的标题，内容（每篇日志的文本和图片）和日志的元数据 （指的是每篇日志的信息，包括谁是作者，什么时候发表，在那个分类下，有多少留言等等）。

index-template.gif

Sidebar 模板文件

这个模板文件控制你的页面链接列表，类别链接列表，存档链接列表，blogroll 列表和其他东东。（侧边栏不一定要求布局到右边，我正在使用的主题是经典的两列的 博客布局。）

sidebar-template.gif

Footer 模板文件：

footer-template.gif

像 header.php 模板文件一样，footer 通常不会因为页面的改变而改变，你可以在这里放置任何东西，但是通常是版权信息。

现在让我解释为什么上面图片中的 index.php 所在的区域是红色的。Index.php 所在区域是红色是说明那块区域将会改变，取决于你在博客的那个页面。

如果你在单一日志页面，这时候页面将会包含这四个模板文件：header，single，sidebar 和 footer。

single.gif

]]> http://www.blook.org.cn/wordpress-template-tutorial-2-template-files-and-templates-template-files-and-templates/feed/ 0 WordPress模板教程 1. Intro | 介绍 http://www.blook.org.cn/wordpress-templates-tutorial-1-intro-introduction/ http://www.blook.org.cn/wordpress-templates-tutorial-1-intro-introduction/#comments Fri, 04 Sep 2009 02:00:35 +0000 菠萝 http://www.blook.org.cn/?p=360 今天开始我将和大家一起来学习 WordPress 模板制作，本教程主要讲：

  • 基本规则
  • 术语 / 行话
  • 层式结构

基本规则：

  • 规则 #1：以正确顺序关闭所有标签。正确和错误关闭标签的方法在错误关闭标签的方法中，关闭的 ul 标签是不按次序的。

    每个标签都是在 < 和 > 中，是否有斜线 /，则指明这个标签是开始标签还是结束标签。如：<> 是开始标签，而</> 是结束标签。在上面的例子中，我使用 ul（无序列表）li （列表元素）标签。注意开始和结束 li 标签在开始和结束 ul 标签的里面，这就是标签正确嵌套。

  • 规则 #2：每个主题至少有这两个文件 – style.css 和 index.php。index.php 告诉你的主题所有的元素该如何布局，style.css 则告诉你主题所有的元素该如何展示。下面是完整的主题文件列表（现在不用担心这个列表）：
    • style.css
    • index.php
    • home.php
    • single.php
    • page.php
    • archive.php
    • category.php
    • search.php
    • 404.php
    • comments.php
    • comments-popup.php
    • author.php
    • date.php

专业术语：

  • Template（模板） — 其实就是一个代码集，很多地方会利用到这个代码集，把它整合成一个代码集，就不必一遍遍输入这些重复代码。
  • Template file（模板文件） — 一个包含一个或者多个代码集（模板）文件。每个主题是由多个模板文件组成的，如：index.php，style.css，sidebar.php 等等。
  • Theme（主题）或者 WordPress theme（WordPress 主题） — 所有你正在使用的文件：文本，图像，代码等等。注意： WordPress theme（主题）和 WordPress template(s)（模板）是两个不同的东西，尽管有些人认为他们一样。
  • Post（日志） — 现在你读的就是一篇日志。此外，它是你 blog 的一个简单的条目，如：一个页面或者一篇日记。
  • Page（静态页面） — 一种特殊的 post，它不是以分类组织的。它有别于你其他的日志。注意：在 WordPress，page（页面）和 Page（静态页面）是两种不同的东西。

层式结构：

下面这幅图简单的向你展示，一旦你主题中的某个文件丢失了，WordPress 主题系统将会寻找什么。这里列出了6个文件而不是完整的13个，因为这6个是你需要或更大时间去关注的。在接下来的教程中，你将学到余下的文件。

main-hierarchy.gif

我们可以通过他们的在图中位置知道他的重要性级别，上面，左边是最重要的，下面和右边是最不重要的

为什么会存在模板文件的层式结构或者说是重要性级别呢？因为如果 archive.php 文件（用来显示存档页面）丢失了，那么 WordPress 将会指定 index.php 去控制存档页面如何显示。

如果 single.php 模板文件丢失了呢，哪个模板文件它会去寻找用来显示单一日志呢？它会寻找 index.php。

希望这第一篇教程能对你有所帮助，也希望一起交流。都是初学者，相互学习才进步更快!

]]> http://www.blook.org.cn/wordpress-templates-tutorial-1-intro-introduction/feed/ 0 WordPress 2.8 兼容的风格列表 http://www.blook.org.cn/wordpress-2-8-compatible-with-the-style-of-a-list-of/ http://www.blook.org.cn/wordpress-2-8-compatible-with-the-style-of-a-list-of/#comments Mon, 06 Jul 2009 03:38:52 +0000 菠萝 http://www.blook.org.cn/?p=32 随着Wordpress 2.8版本的发布，很多站长都纷纷升级更新到了新的版本，但升级之前，你一定注意了，你的风格是不是与最新的Wordpress 2.8兼容呢？在这里我对一些风格进行了测试，并作以整理，把与Wordpress 2.8兼容的一些风格给罗列在下面，方便大家选择使用：

菠萝导航>>

点击下载新版的Wordpress 2.8

WordPress 2.8 兼容的插件列表

0 – 9

A – D

E – H

I – L

M – P

Q – T

U – Z

Non-Compatible Themes (or Works Conditionally)

A – D

E – H

I – L

M – P

Q – T

U – Z

]]> http://www.blook.org.cn/wordpress-2-8-compatible-with-the-style-of-a-list-of/feed/ 0