必威体育Betway必威体育官网
当前位置:首页 > 运营推广

如何修改源码的网页模板?

时间:2018-02-27 12:00:00来源:运营推广作者:seo实验室小编阅读:63次「手机版」
 

卢松松

终于下载了一款自己满意的新模板,打算装到自己的网站上,但我又不想和原来的风格模板一模一样,该怎么办呢?接下来卢松松带你一起去修改各种源码的风格模板。

模板有很多种类,在这里我主要讲的是zblog风格模板如何修改,此方法可以举一反三。对于wordPress、pjblog、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。修改一个你满意的网页模板,你要有以下基础,会一点html语言,会一点DIV+CSS,会一点图片制作方法。

第一步,先讲解一下主题模板的构成。下面以z-blog主题“低调与华丽”风格模板来说明,模板均分为三大部分,①网页的html文件,②CSS文件,③图片文件。一般情况修改模板只需修改这三部分。第二步,你可以让模板可视化再修改。几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。如:<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/style/<#ZC_BLOG_CSS#>.css" type="text/css" media="screen" />加红色的部分就是系统标签,这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明,请查看相关系统标签。如:<link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" />修改好之后你就可以在Dreamweaver里面直观的看到网页界面了,并且修改起来也非常方便。(记得模板修改之后别忘记把CSS路径改回去哦!)如图所示:如何修改源码的网页模板? 建站教程扩展阅读:如何学习HTML语言;如何从零开始学习DIV+CSS。第三步,修改LOGO,和模板相关图片。网页我所要的框架改好了,但里面的logo和banner都还是人家的怎么办呢?接下来就是如何修改模板中的相关图片了。由于卢松松提供的“低调与华丽”风格模板,包含的有源文件,所以修改起来非常方便,你只需要修改里面的文字,下载一点你喜欢的其他图标就可以了。对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源文件,还可以打开PSD源文件,相反Photoshop是不能打开PNG源文件的。(注:卢松松提供的源文件都是PNG格式)如果你遇到没有提供源文件的模板怎么办?比如修改logo,无论是JPG格式还是GIF格式,一律用Fireworks打开,然后在原基础上修改,然后直接保存就可以看到效果了。但这需要一点点PS技巧。扩展阅读:我的博文插图是如何制作的。仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具“拾色器”非常重要哦,可以让你修改的图片与整个网页颜色协调统一。第四步,教程看的再多不自己动动手,亲自试一试。那就赶快下载“低调与华丽”风格模板试一试吧!

相关阅读

Vue.js应用回退或刷新界面时提示用户保存修改

 在实际应用中,运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以

修改网站关键词会影响网站的排名吗?

 修改网站关键词会影响网站的排名吗?这个问题是很多初次接触seo的同志们会问的问题。现在我们随着SEO实验室小编一起看看。

淘宝宝贝标题怎么修改?如何定位?

一个店铺想要让宝贝能够扩大搜索量或者是提升排名的话,那么肯定需要取一个好的淘宝宝贝标题,同时各位卖家一定要定位好淘宝宝贝标题

操作系统篇(一):Windows7无法修改主题的根源

今天打开电脑有一阵,正在调试Python程序,突然感觉电脑异常的慢,对于我来说这种速度是相当于的诡异,就像给你一辆飞机,结果你偏偏要用人

git 撤销,放弃本地修改

一、未使用 git add 缓存代码时 可以使用 git checkout -- filepathname (比如: git checkout -- readme.md  ,不要忘记中间的

分享到:

栏目导航

推荐阅读

热门阅读