您好!欢迎来到模板下载吧!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请提交工单!

wordpress主题制作修改教程

半岛未凉 2018-01-21 Wordpress教程 3216 已收录 本文共1302个字,预计阅读需要4分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

在研究了织梦模板制作原理,再比较了wordpress主题制作,我发现所有的php代码的cms系统的模板制作原理都大同小异,对于小白也很容易上手。

一,首先我们要懂得不同cms系统的调用代码.这包括,最新文章列表的调用,热门文章的调用,某一分类下文章的调用,以及产品图片的调用等等。我们可以用一些网页制作的辅助软件,或者在网上下载一些好看的现成的网站页面。

二,我们应该了解css网页布局的基础知识,在这个基础之上,我们只要在需要添加模块的地方写入相应的调用代码即可。然后用css控制调用模块在整个网页中显示的位置。这一步的工作量比较大,而且要求非常细心,特别是css代码的控制。

三,完成前两步基本上就完成了一大半,剩下的就是进行细节的调整,我们可以加入一些特效,包括滚动文字,滚动图片,等等。

下面我们来说说wordpress主题修改过程

有些朋友,在购买了模板下载吧的wordpress主题后。想修改一些样式,却不知道怎么去修改。在这里,我提供下简单的教程帮助。

第一步,你得有一个谷歌浏览器,或者其他神马浏览器都可以,只要可以审查元素。

第二步,你再需要一个修改代码的软件,例如notepad++。

第三步,把你主题下载到你的电脑上,解压。

PS:style.css文件是一个主题的核心文件之一,通常位于该主题目录中,它负责控制着整个网站页面的外观。

例如,如果你要向修改首页文章列表的标题。对着那个标题,右键,审查元素或者按F12。

如何修改wordpress主题的样式和文件-苏醒主题

浏览器就会出现截图下面的东西。左边是网站的html代码,右边是css样式。这时候,你要看左边是否已选中了你要修改的东西(例如你要修改标题)。那么对应右边就是这个标题的css样式。你会看到这个标题的样式是由.content-header h2控制,字体大小为:font-size=22px,如果你要修改成16px怎么修改呢?

你可以先在谷歌浏览器中在线修改预览效果,例如把font-size=22px修改成font-size=16px,你可以直接修改右侧的参数。而此时网页的样式就会发生变化。如下图。

如何修改wordpress主题的样式和文件-苏醒主题

好了,你觉得这样修改很满意了。此时,你必须修改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,那样,就可以修改到字体的大小了。

如何修改wordpress主题的样式和文件-苏醒主题

然后保存。

然后,用FTP上传style.css到你网站主题目录中,大功告成!点击下载FTP工具。其他主题的文件,大概也是如此,用谷歌浏览器精确到某个代码的位置,用notepad++进行修改。

另外,WordPress主题制作教程并不仅限于以上这篇文章,本站WordPress分类下的教程其实也都涉及到了主题制作的方方面面,有什么问题,大家可以一起讨论。

温馨提示:本文最后更新于2018年3月27日,已超过 2 年没有更新,如果文章内容或图片资源失效,请留言反馈,模板下载吧会及时处理,谢谢!

上一篇:

下一篇:

wordpress主题制作修改教程:等您坐沙发呢!
大牛,别默默的看了,快来点评一下吧!:)。

您必须登录后才能发表评论哦!:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者

模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
';
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。