今天这篇文章主要讲解下WordPress主题文件及主题文件命名。

首先我们把下载好的前端模板文件放在根目录下的 wp-content\themes 文件夹内,这里我们把要制作的WordPress主题命名为helve。如图所示

我们将要制作的主题放置在themes文件夹内就可以正常的读取了。

下面讲解下helve文件夹内的目录结构(目录也就是文件夹),为了保持良好的目录结构,主题文件夹内一般包括以下几个文件夹

  1. images
  2. css
  3. js
  4. fonts

大家应该理解上面文件夹内所对应的内容,这里不进行讲解。当完成这一步之后,我们就需要在helve文件夹内添加一些必要的文件和图片。

首先建立一个style.css文件,因为我们的前端模板内的style.css文件在css文件夹内,可以直接把它剪切过来。如果没有这个文件,可以先建立一个style.css文件,然后把前端模板的css代码复制过来即可。在我们的style.css文件的最上面还需要写下下面的内容,这部分就是介绍这个主题。

/*
Theme Name: Viti
Theme URI: https://www.finetheme.com
Description: Viti主题是一款基于WordPress搭建的博客主题,简洁的代码,清新的页面风格。
Author: 许小珂
Author URI: https://www.finetheme.com
Version: 1.1.6
Tags: SEO, Responsive, WordPress
*/

接下来我们还需要建立一个index.php文件,这个文件在主题制作教程(二)中有讲解,是WordPress必须文件之一。建立好之后直接把我们的前端文件中的index.html内的程序直接复制过来,之后就可以进行模板制作了。

还需要建立functions.php文件,这是WordPress的功能性文件,很多后台功能的添加都在这个文件内,也是WordPress的必须文件。

接下来我们还需要制作一个名字为screenshot的png图片,这个图片的主要作用就是在后台显示,代表这个主题。如图所示,图片就是在这个位置显示

准备好上面所讲的四部分,接下来我们就可以正式进行WordPress的开发了。

q一般情况下导航栏的代码会放置在header.php模板文件中,但有时也会建立一个单独的导航栏模板文件比如nav-top.php,那么我们则可以通过下面的函数调用导航栏,如下

<?php get_template_part('nav','top'); ?>

更多详细介绍 get_template_part()函数

第一步通过  register_nav_menus()函数 在后台添加我们不同位置是否调用菜单的选项

第二步创建菜单

第三步通过 wp_nav_menu()函数 在模版文件中调用导航菜单