WordPress有一个完美的HTML>主题转换包装器:主题本身。可以找到所有信息in the Codex page.
只需将文件夹添加到wp-content/themes
目录(或除此之外注册的任何目录),并添加以下文件
functions.php
style.css
index.php
header.php
根据您的习惯
themename
文件夹然后使用
Plugins API 将一些回调附加到WordPress core的执行流中。这是定义基本内容的地方,例如添加样式表或脚本。您的示例
functions.php
:
add_action( \'wp_enqueue_scripts\', function() {
// Register Stylesheets and Scripts in here
// @link https://developer.wordpress.org/reference/functions/wp_enqueue_script/
} );
在您的
header.php
, 添加HTML的开始调用:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php wp_head(); ?>
</head>
The
wp_head();
函数调用所有操作,这就是您注册的脚本和样式表将出现的地方。
在你身上index.php
, 您将添加正文标记:
<?php get_header(); ?>
<body <?php body_class(); ?>>
<!-- Markup from your HTML files -->
<?php get_footer(); ?>
</body>
The
get_footer();
函数将调用
footer.php
文件(如果包括)。
最后,您只需添加Page templates 替换原始PHP文件。这些与index.php
除了一件事:标题注释。假设您添加了index.php
, 将其重命名为about-us.php
并添加以下内容作为第一行:
<?php /** Template Name: About Us */ ?>
现在,当您在管理UI中添加一个新页面时,您可以选择这个新模板,您将有一个替换文件来替换一些现有的HTML文件。您甚至可以在管理UI页面编辑屏幕中调整slug。
所有这些都应该为您将HTML模板转换为有效的WordPress主题提供一个良好的开端。您可以稍后根据您的合同一点一点地将这些模板动态化,例如通过拆分重复的边栏,使菜单可调整,change the title 和the content.