写给想个性化主题又苦于不知如何入手而到处求人的童鞋

这里简单介绍一下模版修改的基本知识和所需的工具及技巧,希望为新手起到抛砖引玉的作用。关键是掌握DIV+CSS,网上教程很多,对于修改模板粗略学一下原理就够了,也就是那么几句属性写法,因为我也还在学习,这里就不现丑教大家了,自己找个教程看看吧。如何搭建本地测试环境网上教程很多,这里就不详细说了,推荐使用Wamp,自己搜索一下。

文章来源:https://www.zuifengyun.com/wordpress-theme-modify-tutorial.html

字号+

字号-

在本文之前,洃少还是抱歉,中学没网,每次只能到网咖更新博客,因为时间有限,顾不上原创,只能转载一些洃少觉得对你们有帮助的文字。不过还是谢谢你们的关注。

此篇教程献给想个性化主题又苦于不知怎么入手而四处求人的童鞋。

[buy]

刚接触童鞋,可能都对丰富多彩、数量诸多的主题特别感兴趣,在成千上万各色各样的主题中苦苦追寻自己中意的,但最终会发觉几乎没有一款主题能完全符合自己的心意,如何办?只能自己动手改,但又苦于对网页制做一无所知,只能望洋却步,或是四处求人,常常又到处碰壁。这儿简单介绍一下模版更改的基本知识和所需的工具及方法,希望为菜鸟起到抛砖引玉的作用。

[/buy]

虽然更改和制做主题并没有想象中的这么复杂,其实你要做出一款惊世骇俗的主题除外。

先谈谈更改模版所需把握的知识。函数大部份都可以在WP官方Codex找到,也可以说是固定的,并不需深入学习,晓得某句函数从哪开始与到哪结束就可以,已免更改主题时导致错误。关键是把握DIV+CSS,网上教程好多,对于更改模板简略学一下原理就够了,也就是这么几句属性写法,由于我也还在学习,这儿就不现丑教你们了,自己找个教程瞧瞧吧。

一套完整的模版应起码包括如下文件:

[task]

[/task]

wordpress主题修改教程_wordpress主题教程 pdf_wordpress淘宝客主题制作视频教程

其实,有些主题可能不止那些文件,例如我的Pro主题模板文件有上百个,但以上文件是每套模板所必备的。

晓得里面模板的作用可以让你晓得当前页面应当更改那个对应的模板。

下边是这篇的重点:工欲善其事,必先利其器!

[noway]

可能好多人一想到网页制做工具,都会联想到"网页三剑客"中的(简称DW)堪称所见即所得,那是指当年流行用Table表格制做网页时,而现现在是DIV+CSS时代了,所见即所得的优势再也没有了,这个DW几乎已无用武之地(个人觉得)。另外国外原先常用的网页制做工具是Adobe,因为英文版推出较晚,才导致DW在国外流行,DIV+CSS网页制做小型软件也是首推Adobe,不过该软件目前已停止开发,可惜。明天推荐的工具并不是这两个售价昂贵,容积庞大软件.更改和制做主题根本无需使用哪些专业软件,不过也不像个别人吹捧的那样用系统自带的记事本能够写主题。[/noway]

首先,你须要搭建一个本地PHP测试环境,便捷更改模版,其实你也可以在后台主题编辑页面中更改,临时用一下还可以,不适宜更改较多的情况。怎么搭建本地测试环境网上教程好多,这儿就不详尽说了,推荐使用Wamp,自己搜索一下。

必备工具软件:

■文本编辑器

(收费软件)、(收费软件)、++(免费)

前两款是收费软件,前者是免费的功能也十分不错,适宜菜鸟使用,绝不能用系统自带的记事本编辑模版文件wordpress主题修改教程,非常是英文模版,否则会导致模板借位,英文模版编码为:UTF-8无BOM。

■火狐浏览器()

有的人会问,为何要用傲游,系统自带的IE一样可以浏览网站?其实不是完全用傲游去浏览网站,而是借助傲游强悍的扩充能力,为我们仙人指路。

当我们要更改某部份款式及结构时,就会直接打开主题模板文件或在后台编辑主题,密密妈妈的代码wordpress主题修改教程,就是主题作者自己看了也会背痛眼花,所以会时常在关键部位加上一些注释,

php中注释通常为:

css中为:/**XXX**/

但一些注释可能只有作者自己晓得是哪些。因而,很难在打开的模板文件中找到打算更改的部份,这时我们都会用到傲游的扩充:,下载地址

IE浏览器也有类似的插件,但功能上难以与傲游的扩充相比,一些浏览器本身就集成了该功能例如Opera,功能其实同样的强悍。

具体操作方式

假如你已安装傲游并已添加扩充,可以继续往下看怎么具体更改主题。

■修改页面元素的文字大小

以更改Pro主题CMS布局,最新文章标题文字大小为例:

键盘停在最新文章标题上,右键调出菜单选择“使用”查看元素(如图)

主题更改

然后默认会在傲游浏览器顶部调出窗口,右侧显示的是当前网页元素的HTML结构,两侧是当前元素选择器的款式属性和所在的文件及行数(如图),在style.css文件的第277行。

主题更改

用前面介绍的文本编辑软件,打开主题style.css文件在277行找到:

#post h3 {
font-size: 13px;
font-weight: bold;
}

更改其中的数字13,为自己觉得合适的大小即可。

看了里面的一个实例,是不是很简单,更改主题款式,关键是要找到所需更改元素选择器名称及款式属性的位置。

本人在更改主题模版时也用同样的方式,没有扩充的仙人指路,就是更改自己作的模板也决不是一件易事。

■如何确定某个网页元素(模块)的整段代码,以便调整位置。

以Pro主题导航菜单联通到LOGO下边为例:

首先,用前面的方式确定导航菜单最内层的选择器名称为:top

之后,用++文本编辑器,打开主题底部模板.php,搜索查找top位置,并用键盘点击该选择器,会发觉++已为我们明晰标识了该段代码开始和结束的位置(如图):

主题更改

下边的就简单了,用同样的方式找到导航菜单下边元素最内层的选择器结束的位置将代码联通至此即可。

以上就是更改模板的基本技巧和步骤,所谓的前辈基本都那么折腾模版,假如你花一两天时间学一下DIV+CSS相信会更得心就手,

另一个比较不错的扩充是:Web,这儿就不介绍了,请自行研究。

这儿要提醒你们:制做一款主题不容易,作者因此付出了无数的不眠日夜和泪水,请你们尊重作者的辛苦劳动,使用或更改主题保留作者版权链接。

给TA打赏
共{{data.count}}人
人已打赏
教程大全

欢迎阅读主题开发手册,这是学习的资源(组图)

2022-9-2 21:38:54

教程大全

使用WP是否需要有编程基础?你最佳的选择

2022-9-2 21:38:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索