[WordPress模板]WordPress主题制作2-模板的雏形

素材的准备

在制作WordPress主题前,我们得先准备好一套纯静态的html+css模板。静态模板的获取方式也很多,可以搜索下html模板,或div+css模板,等关键词,就可以找到很多漂亮的静态模板。

也可以使用仿站工具把想要仿的站给下载下来,保存成静态的html模板。

工具的准备

先在本机搭建好测试环境,装好WordPress网站程序。更改html和css的文件,Dreamweaver软件必不可少,安装好吧,轻量级的编程小软件sublime最好也事先装好。压缩解压缩工具也准备好。

完成雏形

一套WordPress模板至少要包含index.php文件和style.css文件。

  1. 复制静态模版中的index.html文件并重命名为index.php。

  2. 添加style.css文件。在css文件头部添加版权信息:

    /*

    Theme Name:我的第一个模板

    Theme URI:http://www.jzcoder.com

    Desctiption:这是我制作的第一个主题哦。

    Author:Tmac

    Author URI:http://www.jzcoder.com

    Version:1.0

    Tags:清新,漂亮

    */

3.添加一个主题文件的缩略图 screenshot.png 或 screenshot.jpg

4.修改index.php和style.css文件/图片的路径地址。

    <?php bloginfo('name'); ?>  博客的名字

    <?php echo get_option('home'); ?>  home主页的地址

    <?php bloginfo('template_directory'); ?>  主题文件路径

    <?php bloginfo('stlesheet_url'); ?>  style.css路径

压缩

将刚才制作的几个文件压缩成一个压缩包。

这样一个最基本的WordPress模板就成了。

分享到:更多 ()

抢沙发

评论前必须登录!