1 wordpress主题开发-起步
主题由什么组成?
在最基本的层次上,WordPress主题是不同文件的集合,这些文件一起创建您所看到的内容以及网站的行为。
必需文件
WordPress主题中必需包含两个文件:
-
index.php
–主模板文件 -
style.css
–主样式文件
以下文件不是必需的,但是我们很可能会在各种主题中看到:
主题和插件之间有什么区别?
在主题和插件中找到功能之间的交叉是很常见的。但是,最佳做法是:
- 主题控制内容的外观
- 插件控制WordPress网站的行为和功能
您创建的任何主题都不应添加关键功能。 这样做意味着当用户更换主题时,他们将无法使用该功能。例如,用户的站点中需要一个作品集功能,如果我们在主题中包含了此功能,使用你的主题创建了作品集的站点在更换主题时,这些作品集的内容将无法访问。
通过将关键功能移至插件,您可以更改网站的设计,而功能保持不变。
请记住,有些用户经常更换主题。最佳做法是使用插件实现您网站的所需的关键功能,这样即使用户更换了主题,内容也不会丢失,同时,您的工作量也会减小很多。
WP默认主题
自3.0版以来,每个版本的WordPress都打包了默认主题(并以发布它们的年份命名),默认主题是研究主题构建方式的最佳方式。这是因为它们的设计考虑了广泛的用途,并且完全遵守WordPress编码标准。您可以下载和研究它们的主题文件,并在学习如何开发自己的主题的同时保留它们作为示例以供参考:
- Twenty Seventeen
- Twenty Sixteen (only packaged in WordPress 4.8)
- Twenty Fifteen
- Twenty Fourteen
- Twenty Thirteen
- Twenty Twelve
- Twenty Eleven
- Twenty Ten
你的第一个主题
必需文件
正如前面在“ 什么是主题 ”部分中提到的,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 –**主题
现在,您已经安装了主题,请转到管理>外观>主题 将其**
下一篇: 天猫店铺自然排名突然下降,原因有哪些?