外贸独立站的底层设计密码WordPress 成品站模板

你的第一个主题

  1. 主页
  2. 文档
  3. WordPress主题开发手册
  4. 主题开发入门
  5. 你的第一个主题

必需文件

正如前面在“ 什么是主题 ”部分中提到的,WordPress主题开箱即用所需的唯一文件是显示文章列表的 index.php 文件,和用于样式化内容的 style.css 文件。

一旦进入更高级的开发领域,并且主题的大小和复杂性不断增加,您就会发现将主题分解为许多单独的文件(称为模板文件)。例如,大多数WordPress主题还将包括:

  • header.php
  • index.php
  • sidebar.php
  • footer.php

我们将在本手册的后面部分介绍如何创建单独的文件,但是现在让我们启动您的第一个主题!

(注意:以下步骤假定您已经完成“ 设置开发环境 ”部分。)

步骤1 –创建主题文件夹

首先,在计算机上创建一个新文件夹,并将其命名为my-first-theme。这是您所有主题文件的存放位置。

步骤2 –创建一个style.css文件

您可以使用计算机上的任何基本文本编辑器来创建一个名为style.css的新文件。

如果您使用的是基于Windows的计算机,请暂时使用记事本;如果使用的是Mac,请使用TextEdit。

将以下代码复制并粘贴到新创建的style.css文件中:

/*
Theme Name: My First WordPress Theme
*/

body {
	background: #21759b;
}

步骤3 –创建一个index.php文件

现在创建一个名为 index.php 的文件,将其放入主题的文件夹中,并向其中添加以下代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="stylesheet" href="<?php echo esc_url( get_stylesheet_uri() ); ?>" type="text/css" />
<?php wp_head(); ?>
</head>
<body>
<h1><?php bloginfo( 'name' ); ?></h1>
<h2><?php bloginfo( 'description' ); ?></h2>
 
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 
<h3><?php the_title(); ?></h3>
 
<?php the_content(); ?>
<?php wp_link_pages(); ?>
<?php edit_post_link(); ?>
 
<?php endwhile; ?>
 
<?php
if ( get_next_posts_link() ) {
next_posts_link();
}
?>
<?php
if ( get_previous_posts_link() ) {
previous_posts_link();
}
?>
 
<?php else: ?>
 
<p>No posts found. :(</p>
 
<?php endif; ?>
<?php wp_footer(); ?>
</body>
</html>

步骤4 –安装主题

将新主题复制到开发环境上的 wp-content/themes 文件夹中,然后将其激活以进行测试。

步骤5 –激活主题

现在,您已经安装了主题,请转到管理>外观>主题  将其激活。

使用第一个主题

恭喜,您已经完成了第一个WordPress主题!

如果您激活新主题并在浏览器中查看它,则应该看到以下内容:

这是您的第一个主题在前端的外观

好的,这还不是最漂亮的主题,但这是一个了不起的开始!

我们学到了什么?

尽管您的第一个主题可能缺少其他主题中提供的功能和设计元素,但正如我们上面刚刚创建的那样,WordPress主题的基本构建块都是相同的。

请记住,现在的关键是不要忙着完成所有工作的其他事情,而是了解制作WordPress主题背后的指导原则,这样不管以后怎样改动代码或模板文件结构,这些主题将可以经受住时间的考验。

所有网站,无论如何在后台进行创建,都需要通用元素:页眉、主要内容区域、菜单、侧边栏、页脚等。您会发现制作WordPress主题实际上只是制作网站的另一种方法。

从这个最基本的主题开始,您将开始学习将上面提到的元素组合在一起,以创建更复杂主题结构。

接下来

第2章:主题基础,我们将进一步深入主题,并讨论构成大多数主题的模板和其他文件,以及用于制作动态主题的PHP,包括:

  • 模板标签
  • 循环
  • 主题函数
  • 条件标签
  • 和更多
这篇文章对您有用吗? 18 1
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索