WordPress主题制作(1)

经历了2周左右的时间,编写了一个自己想要的wordpess主题。下面跟大家分享一下制作WordPress主题的过程。话不多说,先上个图给大家看看。是不是很炫酷,其实这个WordPress没有关系,做出这些炫酷的效果主要是考验Css的功底,只要Css功底深厚,可以做出任何想要的界面。

WordPress最简单的主题只需要2个文件,index.php style.css。

style.css的内容如下,要填写Theme Name、Theme URI、Author、Author URI、Description等信息。

/*
Theme Name: FUDUM
Theme URI: http://www.fudum.com/
Author: fudum
Author URI: http://www.fudum.com/
Description: the auther’s first theme.
Version: 1.0.0
*/

index.php的内容如下,最简单的html文件内容便可以了。把index.php style.css文件放在以主题名字命名的文件夹中,然后复制到网站安装的主题目录下htdocs/wordpress/wp-content/themes下。在WordPress后台点击外观-主题,便显示了你制作的主题,点击启用。在去前台页面刷新一下,你自己制作的主题便成功了。

<!DOCTYPE html>
<html>
<head>
<title>fudum</title>
</head>
<body>
Hello WordPress.
</body>
</html>

WordPress帮大家搭建好了一套完整的系统。如果只是搭建一个博客网站,我们只需根据自己的需要把后台所写的东西在前台展示出来便可以了。关键是怎么把后台的数据显示到前台页面中呢?答案是使用WordPress封装好的函数。下篇文章给大家讲解如何使用WordPress封装的函数。

小编的主题git地址:https://gitee.com/fudum/wp_theme  欢迎大家访问。