wordpress有一些主题基础知识，可参考：wordpress主题制作开发实战教程3.1（1）- 主题基础 BY WP花园
文章内容目录：
-
创建存放所有主题文件的文件夹，放在服务器wp-content/themes/ 目录下。
主题模板文件位于根目录下，而JavaScript，CSS，图片则放置在素材目录中，模板放置在相应的模板分目录下，并将与核心相关的功能集合放置 inc文件夹下。
assets
– css
– images
– js
inc
template-parts
– footer
– header
– navigation
– page
– post
404.php
archive.php
comments.php
footer.php
front-page.php
functions.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css -
将index.html重命名为index.php文件，并拆分成头部文件，脚部文件，侧边栏文件，php文件等。
- 将</header>以上部分代码剪切，新建为header.php。在index.php文件开头加入
<?php get_header(); ?>，调用header.php文件。 - 在header.php文件与footer.php文件中分别添加了wp_head和wp_footer回调。
wp_head回调用于许多插件添加标签至<head>,例如styles,scripts及meta tags，
wp_footer用于插件回调JavaScript文件。
在header.php文件中，</head> 标签上方插入以下代码：<?php wp_head(); ?>
在footer.php文件中，</body>标签上方插入以下代码：<?php wp_footer(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="" />
<meta name="description" content="<?php bloginfo('description'); ?>" />
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php echo get_bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo('comments_rss2_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<header>
//……
</header>
- 将index.html中<footer>以下部分剪切，新建为footer.php。在index.php文件开头加入
<?php get_footer(); ?>，调用footer.php文件。
<footer>
//……
</footer>
<?php wp_footer(); ?>
</body>
<script src="<?php bloginfo('stylesheet_url'); ?>/js/XXX.js"></script>
</html>
-
为静态页面创建模板文件:WordPress是由pages，posts和atachments构成的。可以通过创建特殊的模板文件来展示。
最常用的模板文件为index.php和page.php，用于展示静态页面。这是由于静态页面不需要展示所有的信息，例如数据和评论。 -
style.css 样式表
wordpress主题默认引用wp-content/themes/style.css为主要css样式文件，注意css存放位置及命名。
在index.php文件中修改css引用地址：href="<?php bloginfo('stylesheet_url'); ?>"
在css文件最开始的地方添加以下信息：
Theme Name: （主题名字）
Theme URI: （主题地址）
Author: （主题作者）
Author URI:（作者地址）
Description: （主题描述）
Beginners Guide
Version:（版本）
Tags: （标签）
- 在wordpress后台启用主题
bloginfo('name');（显示站点标题）
bloginfo('url');（显示站点地址）
bloginfo( 'description' );（显示站点描述）
网友评论