一、最小WordPress主题

一个能够被 wordpress 正常识别你的主题，必须包含两个文件: style.css 和 index.php

并且在 style.css 中必须包含 wordpress 能够识别的头部注释，如

/*
Theme Name: 主题名称
*/

当然，正常情况下，style.css 头部的信息应该包含

/*  
Theme Name:主题描述
Theme URI:主题简介URL
Description:主题描述
Version:主题描述
Author:主题作者
Author URI:主题作者简介URL
*/

二、WordPress模版层级

WordPress模版层级描述的是，当用户访问站点中的一个页面时，WordPress会将主题中哪个文件的内容展示给用户。如果你的主题没有对应的模板文件，就会选用默认的 index.php

三、数据调用

模版层级控制的是，当用户访问某个网页时，将显示哪个模版文件中的内容。而数据调用则

控制着到底要显示哪些内容给用户。

1、默认调用

在你访问 WordPress 站点的任何一个页面（比如，文章详情页、分类归档页）时，WordPress

会根据请求的网址，将数据调用出来。

在页面的对应模版文件中，添加如下代码，可以查看默认的数据调用结果

<pre>
 <?php global $wp_query;print_r($wp_query);?>
</pre>

3.2、数据显示

<?php if(have_posts()): ?>
 <?php while(have_posts()):the_post(); ?>
 <div class="item" style="padding:15px;border:1px solid red;">
图片：<?php the_post_thumbnail('thumbnail'); ?><br />
 标题：<?php the_title(); ?><br />
 网址：<a href="<?php the_permalink(); ?>">url</a><br/>
 摘要：<?php the_excerpt(); ?><br />
 正文：<?php the_content(); ?><br />
 时间：<?php echo get_the_date('Y-m-d H:i:s'); ?><br />
 作者：<?php the_author_posts_link(); ?><br />
 分类：<?php the_category(); ?>
 标签：<?php the_tags(); ?><br />
 评论链接：<?php comments_popup_link('0 条评论','1 条评论','%条评论'); ?><br 
/>
 评论：<?php if(comments_open()) {comments_template();} ?>
 </div>
 <?php endwhile; ?>
<?php endif; ?>

用循环结构，分别显示获取到的内容。

再用 the_title()这些模版标签，获取并显示想要的信息。

3、自定义调用

<?php 
 // 自定义调用数据
 $my_query = new WP_Query(array(
 'post_type' => 'post',
 'post__in' => array(1)
 ));
?>

3.4、自定义调用数据的显示

<?php if($my_query->have_posts()): ?>
 <?php while($my_query->have_posts()):$my_query->the_post(); ?>
 <div class="item" style="padding:15px;border:1px solid red;">
 标题：<?php the_title(); ?><br />
 网址：<a href="<?php the_permalink(); ?>">url</a><br/>
 摘要：<?php the_excerpt(); ?><br />
 正文：<?php the_content(); ?><br />
 时间：<?php echo get_the_date('Y-m-d H:i:s'); ?><br />
 作者：<?php the_author_posts_link(); ?><br />
 分类：<?php the_category(); ?>
 标签：<?php the_tags(); ?><br />
 评论：<?php if(comments_open()&&is_single()) {comments_template();} ?>
 </div>
 <?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_postdata(); //清楚自定义调用对默认调用的影响 ?>

4、样式脚本

当熟悉模版层级和数据调用后，那么你可以控制任何一张网页的 HTML 结构（比如，标题放在 h1、h2 还是其他标签重）。然后，再给网页配上合适的 CSS 样式或 JS 脚本，那么你的网页外观就会变得更加美观、人性化。

// 在主题的 functions.php 中，通过以下代码可以给站点添加样式和脚本
// 前提是，在主题的模版文件中要调用 wp_head() 和 wp_footer()两个函数
function tiezhu_theme_scripts() {
wp_enqueue_style('xx-css', get_template_directory_uri() . '/js/xxx.js',array());
wp_enqueue_script('xx-js', get_template_directory_uri() . '/js/xxx.js', array(), '', true );
}
add_action( 'wp_enqueue_scripts', 'tiezhu_theme_scripts' );