学做网站培训课程介绍

当前位置:

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

本课程视频是VIP会员课程,学习请进入VIP学习区

我们如果想制作出自己想要的网站版面,首先需要自己画一个网页版面的效果图,然后通过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文件夹中拿出来的,路径已经改变了。

发表评论

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

相关教程

  • Wordpress 如何开启伪静态 视频教程 (1120011 次浏览)
    做网站制作好之后,如果网站做SEO优化时,需要进行伪静态的设置,同样也可以通过网站设置选置进行设置。Wordpress伪静态设置方法 登陆到wordpr
  • 常用的虚拟主机会有两种操作系统,一种是windows主机,另一种是linux/unix主机。WP特别适合在linux/unix空间上。在linux/unix主机上,只需要在WP
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • 网页如何添加背景音乐 视频教程附件下载 (1116830 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 随着智能手机的普遍使用,移动互联网用户的数量随之猛增。当我们关注PC电脑网站制作的时候,一定不要忘了制作一个手机网站。这样我们的网站用户就可以
  • wordpress程序是我们自己建网站的好帮手,它提供了二种语言版本下载,一个是中文版,一个是英文版。如果不小心下载的是英文版的WORDPRESS程序
  • 漂亮的wordpress淘客模板 图文教程 (111028 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 自己做的模板阁网站 图文教程 (17086 次浏览)
    这是我学习了论坛课程后自己做的一个模板阁网站,这款自己做网站的主题个人DIY成纯主题下载站,可以通过填加自定义字段demo、down、thumbnails来分别
  • 仿站长网admin5主题模板 图文教程 (17152 次浏览)
    这是一款模板站长网admin5的wordpress主题模板,这个模板综合了门户和企业网站所有特点,内容特别丰富,而且有大量的广告位可供站长放广告图片,实现网站