在研究了织梦模板制作原理,再比较了wordpress主题制作,我发现所有的php代码的cms系统的模板制作原理都大同小异,对于小白也很容易上手。
一,首先我们要懂得不同cms系统的调用代码.这包括,最新文章列表的调用,热门文章的调用,某一分类下文章的调用,以及产品图片的调用等等。我们可以用一些网页制作的辅助软件,或者在网上下载一些好看的现成的网站页面。
二,我们应该了解css网页布局的基础知识,在这个基础之上,我们只要在需要添加模块的地方写入相应的调用代码即可。然后用css控制调用模块在整个网页中显示的位置。这一步的工作量比较大,而且要求非常细心,特别是css代码的控制。
三,完成前两步基本上就完成了一大半,剩下的就是进行细节的调整,我们可以加入一些特效,包括滚动文字,滚动图片,等等。
下面我们来说说wordpress主题修改过程
有些朋友,在购买了模板下载吧的wordpress主题后。想修改一些样式,却不知道怎么去修改。在这里,我提供下简单的教程帮助。
第一步,你得有一个谷歌浏览器,或者其他神马浏览器都可以,只要可以审查元素。
第二步,你再需要一个修改代码的软件,例如notepad++。
第三步,把你主题下载到你的电脑上,解压。
PS:style.css文件是一个主题的核心文件之一,通常位于该主题目录中,它负责控制着整个网站页面的外观。
例如,如果你要向修改首页文章列表的标题。对着那个标题,右键,审查元素或者按F12。
浏览器就会出现截图下面的东西。左边是网站的html代码,右边是css样式。这时候,你要看左边是否已选中了你要修改的东西(例如你要修改标题)。那么对应右边就是这个标题的css样式。你会看到这个标题的样式是由.content-header h2
控制,字体大小为:font-size=22px,如果你要修改成16px怎么修改呢?
你可以先在谷歌浏览器中在线修改预览效果,例如把font-size=22px修改成font-size=16px,你可以直接修改右侧的参数。而此时网页的样式就会发生变化。如下图。
好了,你觉得这样修改很满意了。此时,你必须修改style.css的参数,才能真正修改到网站的样式。
下一步:你看到style.css?ver=traveler:100
。最后的数字100
,代表着的是这个.content-header h2
在style.css中第100行。
好了,知道这个.content-header h2
在哪里,那就很好办了。
这时候,用notepad++打开style.css这个文件。你可以看到,在左侧,会有行数。找到第100行,把font-size=22px修改成font-size=16px,那样,就可以修改到字体的大小了。
然后保存。
然后,用FTP上传style.css到你网站主题目录中,大功告成!点击下载FTP工具。其他主题的文件,大概也是如此,用谷歌浏览器精确到某个代码的位置,用notepad++进行修改。
另外,WordPress主题制作教程并不仅限于以上这篇文章,本站WordPress分类下的教程其实也都涉及到了主题制作的方方面面,有什么问题,大家可以一起讨论。
模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!
立刻开启你的建站之旅