在创建了style.cssindex.php文件之后,这个时候切换到前台,还是空白的,这是因为index.php没有任何内容。

创建 header.php

在里面添加如下代码:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>myTheme</title>
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" media="all">
</head>
<body>
  <header>
    <a href="<?php bloginfo( 'home' ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
  </header>

部分代码解释:
language_attributes():加载语言,如果你不懂多语言,现在不要管。
get_template_directory_uri():获取当前主题的url。
bloginfo( 'home' ):获取博客首页地址;
bloginfo( 'name' ):获取博客名称;

创建 footer.php

在里面添加如下代码:

<footer>
  <p>Copyright © <?php echo get_the_time('Y', '1'); ?>-<?php echo $showtime=date("Y"); ?> <a href="<?php bloginfo( 'home' ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>. All Rights Reserved</p>
</footer>
</body>
</html>

部分代码解释:
get_the_time('Y', '1'):获取你id为1文章的发表时间年份。
$showtime=date("Y"):获取系统当前时间年份。

index.php

在里面添加如下代码:

<?php get_header(); ?>

<div class="container">
  <p>这里会显示文章列表,本节先不讲如何显示文章列表。下一节 文章循环(loop)之后,就会知道如何显示文章列表。</p>
</div>

<?php get_footer(); ?>

部分代码解释:
get_header():加载主题页眉;
get_footer():加载主题页脚;

本课代码下载:
https://github.com/sieon/myTheme/archive/v0.1.1.zip

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据