wordpress主题制作1 将html制作为wordpress主题模板

wordpress有一些主题基础知识，可参考：wordpress主题制作开发实战教程3.1（1）- 主题基础 BY WP花园

文章内容目录：

• WordPress主题主要文件模块
• 模板工作流程，判断使用哪个模块
• WordPress主题文件模块优先级
  主题里的基本循环
• 1.找到代码
• 2.在
  标签之前添加代码，开始我们的循环。
• 3.接下来，添加显示文章内容的代码
• 4.在文章内容中替换掉链接的代码
• 5.关闭循环，否则循环将没有作用。
• 6.保存所有页面，然后在浏览器中刷新显示。

1. 创建存放所有主题文件的文件夹，放在服务器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

2. 将index.html重命名为index.php文件，并拆分成头部文件，脚部文件，侧边栏文件，php文件等。

• 将以上部分代码剪切，新建为header.php。在index.php文件开头加入，调用header.php文件。
• 在header.php文件与footer.php文件中分别添加了wp_head和wp_footer回调。
  wp_head回调用于许多插件添加标签至,例如styles,scripts及meta tags，
  wp_footer用于插件回调JavaScript文件。
  在header.php文件中， 标签上方插入以下代码：
  在footer.php文件中，标签上方插入以下代码：

    
    
    
    

    
    
    
    



    

        //……
    

• 将index.html中
  以下部分剪切，新建为footer.php。在index.php文件开头加入，调用footer.php文件。

    

        //……
    
    

3. 为静态页面创建模板文件:WordPress是由pages，posts和atachments构成的。可以通过创建特殊的模板文件来展示。
   最常用的模板文件为index.php和page.php，用于展示静态页面。这是由于静态页面不需要展示所有的信息，例如数据和评论。

4. style.css 样式表
   wordpress主题默认引用wp-content/themes/style.css为主要css样式文件，注意css存放位置及命名。
   在index.php文件中修改css引用地址：href=""
   在css文件最开始的地方添加以下信息：

Theme Name: （主题名字）
Theme URI: （主题地址）
Author: （主题作者）
Author URI:（作者地址）
Description: （主题描述）
Beginners Guide
Version:（版本）
Tags: （标签）

5. 在wordpress后台启用主题

bloginfo('name');（显示站点标题）
bloginfo('url');（显示站点地址）
bloginfo( 'description' );（显示站点描述）