·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设问答 >> 关于淘客网站模板修改的一些心得总结

关于淘客网站模板修改的一些心得总结

作者:佚名      网站建设问答编辑:admin      更新时间:2022-07-23

越来越多的朋友开始做自己的网站来赚点零花钱,但是现在网站的推广越来越不容易,除了我们都知道的SEO优化,外链等提高网站收录和权重以外,还有一个较为重要的因素就是网站的模板。现在的淘客程序千篇一律的同样的模板,同样的程序。要知道,一个好的模板也能给提高网站的收录同时也能给用户提供一个较好的体验,以便留住用户。对于模板的修改,好多朋友还是不知道从哪里下手,不知道应该怎么改,今天就给大家分享一下我修改模板的经验。

首现,作为一个网站拥有者,你最基本的应该懂得html的基本语法,css的语法和常用用法。如果这些也不是很清楚,可以先百度看看,有一定的了解以后再来尝试修改模板。如果你连百度也懒得去,那这篇文章也没有看的必要了。

其次,是工具的准备。这里我推荐一个软件Notepad++,这个软件支持几乎所有的代码格式,并且可以很直观的了解到代码的层次,是个很好的修改工具。如下图所示:

那么在工具和知识都有一定的了解以后,是不是就可以开始修改模板了呢?这里容我在啰嗦一句,除了工具的准备以外,还得对你将要修改的模板有一定的了解,要对你自己程序的结构有一个了解,要知道那些是模板文件,那修改那些文件等,同时你还要准备一份在网站下载的,你自己觉得很不错的模板,用来移植或者是修改。在这些方便都准备好以后,那我们就开始修改模板。

这里我们以PHP程序架构的程序做一个例子(在修改之前最能自己能在本地搭建一个PHP环境,以供测试)

例如我要讲如图所示的部分移植到我自己的网站上。

第一步,找到该模板的模板文件,在我这里是index.tpl,也就是首页的模板文件。找到这个模板调用的CSS文件在哪里?

我们看到这个模板文件的上部有一段这样的代码

这就告诉我们,这个模板调用的CSS文件在你网站的style目录下。找到这个test.css文件然后用notepad++打开。第一步就完成了。

第二步,找到上图所需移植部分相对应的class名,这个class名在首页的模板文件里面找,这其中就需要你有一定的html知识,要知道哪一段代码是你要找的。这里我们找到这个class名为 today_goods,如图:

第三步,复制上面所找到的class名然后到css文件里面找到这个class所对应的css代码。如下图

复制下这一大段的CSS代码,然后粘贴到你自己网站的CSS文件里面。

第四步:我们复制第三步所找到的那一段代码,插入到你自己的网站相对应的位置。然后在本地搭建的php环境上查看移植情况,当然,移植过去肯定会出现错位,没对齐的情况。这时就要求我们对复制过来的那段CSS代码进行相应的修改,具体CSS语法请自行百度,我这里就不多讲了,这里是教给大家一个方法而已,让大家都路可循,知道从哪里开始下手。

好了,今天的文章就写到这里,只要你是有心人,什么事情都难不倒你,去修改自己的模板吧。本文来自多彩网 http://www.deluxmart.com,如要转载文章,请保留网址链接,谢谢!如果你还有什么问题,可以去我的网站给我留言。