其实修改和制作主题并没有想像中的那么复杂,当然你要作出一款惊世骇俗的Wordpress主题除外。
先说说修改Wordpress模版所需掌握的知识。Wordpress函数大部分都可以在WP**Codex找到,也可以说是固定的,并不需深入学习,知道某句函数从哪开始到哪结束就可以,已免修改主题时造成错误。关键是掌握DIV+CSS,网上教程很多,对于修改Wordpress模板粗略学一下原理就够了,也就是那么几句属*写法,因为我也还在学习,这里就不现丑教大家了,自己找个教程看看吧。
一套完整的WordPress模版应至少包括如下文件:
style.css:样式表文件
index.php:首页模板
archive.php:文章归档/分类目录模板
404.php: 404模板
comments.php:留言/回复模板
footer.php:底部模板
header.php:顶部模板
sidebar.php:侧栏模板
page.php:页面模板
single.php:文章页面模板
functions.php:模板函数
search.php:搜索结果模板
当然,有些主题可能不止这些文件,比如我的HotNews Pro主题模板文件有上百个,但以上文件是每套模板所必备的。
知道上面模板的作用可以让你知道当前页面应该修改哪个对应的模板。
下面是这篇的重点:工欲善其事,必先利其器!
可能很多人一想到网页制作工具,就会联想到"网页三剑客"中的Dreamweaver(简称DW)号称所见即所得,那是指当初流行用Table表格制作网页,而现如今是DIV+CSS时代了,所见即所得的优势再也没有了,这个DW几乎已无用武之地(个人认为)。另外国外原来常用的网页制作工具是Adobe GoLive,由于中文版推出较晚,才造成DW在国内流行,DIV+CSS网页制作大型软件也是首推Adobe GoLive,不过该软件目前已停止开发,可惜。今天推荐的工具并不是这两个售价高昂,体积庞大软件.修改和制作Wordpress主题根本无需使用什么专业软件,不过也不像某些人吹嘘的那样用系统自带的记事本就能写主题。
首先,你需要搭建一个本地PHP测试环境,方便修改模版,当然你也可以在Wordpress后台主题编辑页面中修改,临时用一下还可以,不适合修改较多的情况。如何搭建本地测试环境网上教程很多,这里就不详细说了,推荐使用Wamp或者phpStudy,自己搜索一下。
必备工具软件:
■文本编辑器
EmEditor(收费软件)、EditPlus(收费软件)、Notepad++(免费)
前两款是收费软件,后者是免费的功能也非常不错,适合新手使用,绝不能用系统自带的记事本编辑模版文件,特别是中文模版,否则会造成模板借位,中文模版编码为:UTF-8无BOM。
■火狐浏览器(Mozilla Firefox)
有的人会问,为什么要用火狐,系统自带的IE一样可以浏览网站?当然不是完全用火狐去浏览网站,而是利用火狐强大的扩展能力,为我们仙人指路。
当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,
php中注释一般为:<!-- ***-->
css中为:/** *****/
但一些注释可能只有作者自己知道是什么。因此,很难在打开的模板文件中找到准备修改的部分,这时我们就会用到火狐的扩展:Firebug,下载地址
IE浏览器也有类似的插件,但功能上无法与火狐的扩展相比,一些浏览器本身就集成了该功能比如Opera,功能貌似同样的强大。
具体操作方法
如果你已安装火狐并已添加Firebug扩展,可以继续往下看如何具体修改Wordpress主题。
■修改页面元素的文字大小
以修改HotNews Pro主题CMS布局,**文章标题文字大小为例:
鼠标停在**文章标题上,右键调出菜单选择“使用Firebug”查看元素(如图)
之后默认会在火狐浏览器底部调出Firebug窗口,左侧显示的是当前网页元素的HTML结构,右侧是当前元素选择器的样式属*和所在的文件及行数(如图),在style.css文件的第277行。
用上面介绍的文本编辑软件,打开主题style.css文件在277行找到:
#post h3{
font-size: 13px;
font-weight: bold;
}
修改其中的数字13,为自己认为合适的大小即可。
如果当前元素选择器的样式中没有控制字体大小的 font-size: 13px;属*,而是使用的全局字号设定,可以为其单独加上这个 font-size: 13px;属*
看了上面的一个实例,是不是很简单,修改主题样式,关键是要找到所需修改元素选择器名称及样式属*的位置。
本人在修改主题模版时也用同样的方法,没有Firebug扩展的仙人指路,就是修改自己作的模板也决不是一件易事。
■如何确定某个网页元素(模块)的整段代码,便于调整位置。
以HotNews Pro主题导航菜单移动到LOGO下面为例:
首先,用上面的方法确定导航菜单*外层的选择器名称为:***
然后,用Notepad++文本编辑器,打开主题顶部模板header.php,搜索查找***位置,并用鼠标点击该选择器,会发现Notepad++已为我们明确标示了该段代码开始和结束的位置(如图):
下面的就简单了,用同样的方法找到导航菜单下面元素*外层的选择器结束的位置将代码移动至此即可。
以上就是修改模板的基本方法和步骤,所谓的高手基本都这么折腾模版,如果你花一两天时间学一下DIV+CSS相信会更得心应手。
另一个比较不错的扩展是:Web Developer,这里就不介绍了,请自行研究。
个人是使用免费,商业使用是收费的。
参考用户协议:
1.您可以在完全遵守本*终用户授权协议的基础上,将本社区应用于非商业用途,而不必支付社区版权授权费用。
2.您可以在协议规定的约束和限制范围内修改WordPress社区名字或默认头像以适应您的个人要求。
3.您拥有使用本WordPress社区发布的全部内容所有权,并**承担与这些内容的相关法律义务。
三、协议规定的约束和限制
1.未获商业授权之前,不得将本软件用于商业用途(包括但不限于企业网站、经营*网站、以营利为目的或实现盈利的网站)。
2.不管您是否依赖于WordPress社区,还是部份依赖WordPress社区,在您使用了WordPress社区后请在您的主页上或页面页脚处保留 WordPress社区相关版权信息链接。
3.未经****,禁止在WordPress社区的整体或任何部分基础上以发展任何派生版本、修改版本或第三方版本用于重新分发,包括但不限于基于WordPress社区开发SAAS
平台等相关服务。
4.如果您未能遵守本协议的条款,您的授权将被终止,所被**的权利将被收回,并承担相应法律责任。
四、有限担保和免责**
1.WordPress社区及所附带的文件是作为不提供任何明确的或隐含的**或担保的形式提供的。
2.用户出于自愿而使用WordPress社区,您必须了解使用WordPress社区的风险,在尚未购买产品技术服务之前,我们不承诺对免费用户提供任何形式的技术支持、使用担保,也不承担任何因使用WordPress社区而产生问题的相关责任。
3.电子文本形式的授权协议如同双方书面签署的协议一样,具有完全的和等同的法律效力。您一旦开始确认本协议并使用WordPress社区发布内容时,即被视为完全理解
并接受本协议的各项条款,在享有上述条款授予的权力的同时,受到相关的约束和限制。协议**范围以外的行为,将直接违反本授权协议并构成**,我们有权随时终止
授权,责令停止损害,并保留追究相关责任的权力。
4.如果WordPress社区带有其网站的整合API示范例子包,这些文件版权不属于本软件**,并且这些文件是没经过授权发布的,请参考相关软件的使用**合法的使用。
版权所有©2015,WordPressS***保留所有权利。协议自2015年5月1日发布之日起即刻生效 By WordPressS***
WordPress提供的功能包括:
1.文章发布、分类、归档、收藏,统计阅读次数。
2.提供文章、评论、分类等多种形式的RSS聚合。
3.提供链接的添加、归类功能。
4.支持评论的管理,垃圾信息过滤功能。
5.支持多样式CSS和PHP程序的直接编辑、修改。
6.在Blog系统外,方便的添加所需页面。
7.通过对各种参数进行设置,使Blog更具个*化。
8.在某些插件的支持下实现静态html页面生成(如WP-SUPER-CACHE)。
9.通过选择不同主题,方便地改变页面的显示效果。
10.通过添加插件,可提供多种特殊的功能。
11.支持Trackback和pingback。
12.支持针对某些其它blog软件、平台的导入功能。
13.支持会员注册登录,后台管理功能。
WordPress设置固定链接其实是为WordPress搭建的网站设置伪静态。
伪静态不是必须要设置的,但设置了还是有些好处的。
比如:
1.URL更好看,并且像是静态地址
2.利于SEO
上面提到的“设置这样的英文别名对seo没什么帮助啊”比如你写WordPress相关的文章,URL里面有WordPress相关度会更高一些。
还有不一定非得设置英文别名,直接可以用中文也是OK的,就是复制链接得时候会转16进制,现在Chrome等浏览器都是支持中文URL的。
3.简洁
设置了伪静态就不代表不简洁,伪静态可以自由的设制自己的URL
比如我的*客固定链接设置L就是 URL就是 这种格式,也可以用/%post_name%/随意
4.可以使用WP Super Cache等静态化插件
生成静态页访问速度会更快些,但一般都得满足伪静态的前提才好设置
不设置其实也没啥坏处,动态链接地址搜索引擎现在支持的也蛮好的。
每一个建立*客的新朋友,当准备好域名和主机后,不知道怎么安装*客,我刚建立创业者李孟*客的时候,也费了很多时间,终于搭建成功,下面是我一步一步实战得来的总结。 **步:域名解析,根据域名注册商不同,解析操作上会有些细微的差别,总体来说,域名解析的时候只要添加一个A纪录就可以了,然后填上你主机的IP或者别名。域名生效的时间一般在24小时之内生效,判断域名有没有生效的方法如下:开始,运行
你可以参考 老外写的教程很细致,水煮鱼把他翻译了,也很详尽 后台不需要重新做. 不过wp的主题制作相对还是复杂些吧,我同意kris,*好还是懂点php. 你也可以下载sandbox,是老外写的空白wp模版,你在此基础上编写可以省很多事情.写写css文件和制图片就可以了. 1、创建所需的文件 在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”
使用Wordpress的一些默认主题的时候,在页面的底部会显示“自豪地采用WordPress”字样,如果你不喜欢这些内容,在底部的模板代码footer.php里删除字样就好了,对于代码高手可以路过了。 在wordpress后台点击--外观--编辑,找到底部模板footer.php,修改图中的代码字样就可以了,你可以用注释符号<!---->**代码,也可以直接删除掉
*客搬家意为为了使更换域名或是更换主机后的*客能正常运行所要做的工作。作为一名合格的*主,这些是必须要知道的。*客搬家分为以下几种情况: 1、更换域名但不换主机 2、不更换域名但更换主机 3、域名和主机全部更换 下面我们分情况来解决搬家的问题。 1、更换域名但不换主机 单换域名的步骤:原域名301重定向到新域名→更改数据库内容。 (1)301重定向