零基础学做网站培训介绍

当前位置:

如何将静态html网页转成wordpress模板

我们如果想制作出自己想要的网站版面,首先需要自己画一个网页版面的效果图,然后通过DIV+CSS将图片写成HTML静态页面。如果你不懂美工,不会画效果图,也可以在网上找一些HTML静态页面

得到HTML静态页面之后,如何将这些静态页面转化成WP动态模板呢?下面讲一下如何将静态的html模板转换为wordpress主题

第一步:将静态页面的CSS文件移动到模板文件夹下,然后将它重命名为style.css.这个名字是WP程序唯一能识别的CSS名称。

第二步:我们制作出的模板,属于我们的劳动成果,需要有我们自己的版权信息,所以在STYLE.CSS的最上方添加以下的版权信息。这个版权信息会显示在网站后台。

如何将静态的html模板转换为wordpress主题

/*

Theme Name: 学做网站论坛

Theme URI: https://www.xuewangzhan.net

Description:学做网站论坛 WP网站主题

Author: 学做网站论坛

Author URI: https://www.xuewangzhan.net

Version: 1.0

Tags: white, blog,学做网站论坛, blue

*/

第三步:网站模板后台缩略图的添加。在主题文件来下面放一个缩略图图片,缩略图的名字必须是:screenshot.png或者screenshot.jpg。这个模板缩略图也会在网站后台显示出来。

如何将静态的html模板转换为wordpress主题

第四步:将HTML静态页面中的index.html重命名为index.php.并且用Dreamweaver CS6破解版打开index.php文件,将页面中的css样式调用使用以下代码替换。

Style.css路径调用:<?php bloginfo( 'stylesheet_url' ); ?>

第五步:修改index.php中的图片的所有相对路径为WP绝对路径,来解决图片不显示的问题。

<?php bloginfo('template_directory'); ?>

如果还出现有些图片不显示的话,要修改style.css中的路径,因为这是的style.css是从images文件夹中拿出来的,路径已经改变了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注