1 wordpress主题开发-起步

主题由什么组成?

在最基本的层次上,WordPress主题是不同文件的集合,这些文件一起创建您所看到的内容以及网站的行为。

必需文件

WordPress主题中必需包含两个文件

  1. index.php –主模板文件
  2. style.css –主样式文件

以下文件不是必需的,但是我们很可能会在各种主题中看到:

  • PHP文件 – 包括模板文件
  • 本地化文件
  • CSS文件
  • 图片
  • JavaScript 文件
  • 文本文件–通常是许可证信息readme.txt说明和变更日志文件

主题和插件之间有什么区别?

在主题和插件中找到功能之间的交叉是很常见的。但是,最佳做法是:

  • 主题控制内容的外观
  • 插件控制WordPress网站的行为和功能

您创建的任何主题都不应添加关键功能。 这样做意味着当用户更换主题时,他们将无法使用该功能。例如,用户的站点中需要一个作品集功能,如果我们在主题中包含了此功能,使用你的主题创建了作品集的站点在更换主题时,这些作品集的内容将无法访问。

通过将关键功能移至插件,您可以更改网站的设计,而功能保持不变。

 请记住,有些用户经常更换主题。最佳做法是使用插件实现您网站的所需的关键功能,这样即使用户更换了主题,内容也不会丢失,同时,您的工作量也会减小很多。

WP默认主题

自3.0版以来,每个版本的WordPress都打包了默认主题(并以发布它们的年份命名),默认主题是研究主题构建方式的最佳方式。这是因为它们的设计考虑了广泛的用途,并且完全遵守WordPress编码标准。您可以下载和研究它们的主题文件,并在学习如何开发自己的主题的同时保留它们作为示例以供参考:

你的第一个主题

必需文件

正如前面在“ 什么是主题 ”部分中提到的,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 –激活主题

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

发布了159 篇原创文章 · 获赞 45 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/lsmxx/article/details/104141423