网络上已经有很多关于制作 WordPress 主题的教程,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的术语的话,这些教程可能不一定会帮助你,甚至还会误导你,所以这个教程会真正从零开始教你如何创建 WordPress 主题。
所需的工具和准备
开始真正制作主题之前,你需要使用到下面这些工具:
为了测试方便和快速,你首先需要在本地安装 WordPress,至于如何在 Windows 系统上安装 WordPress,你可以参考这篇日志:在 WordPress 本地安装 WordPress。
如果由于某种原因不能在本地安装 WordPress,那么你也可以的服务器上安装一个测试版的 WordPress。这个时候你必须要有一个支持 WordPress 主机的服务器,一般我使用 LAMP 主机(Linux+Apache+MySQL+PHP)主机,Win+IIS 主机可能会有很多问题,调试也比较麻烦,而 LAMP 主机,从我个人使用经验来说,我推荐 (MT) Media Temple 主机。
代码编辑工具,如 NotePad++ 或者 Vim 都可以,主要是适合自己个人使用习惯。
FTP 工具,用于上传主题到服务器上测试,这方面的工具很多,如 Filezilla,SmartFTP 等,如果你先安装软件麻烦(对啊,现在是云计算时代,谁还装软件),你也可以安装 Firefox 的 FTP 扩展,Fireftp,直接在 Firefox 中上传文件到服务器上。
XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题是否符合 XHTML 和 CSS 标准,并且可以使用它查出奇正错误的地方。
下载教程源代码
整个教程中会用到一些源代码,请到这里下载从零开始制作 WordPress 主题的源代码,请保存好,以后教程中会用到。
这篇就介绍到这里,主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备,下面就开始要了解和开始制作 WordPress 主题。请注意 这个标签是橙色的(继承自主题)而不是蓝色的(控件设置)当我们通过在@Page指令或配置文件的<pages/>段中设置StyleSheetTheme属性 把主题作为服务器端样式应用的时候 主题的属性是可以被页面中的控件重载的 下面的例子演示了应用StyleSheetTheme的情况(内容与上面一个例子相同) 请注意 页面中定义的ForeColor属性取得了胜利 所有的标签都显示为蓝色
<%@ Page Language= VB StyleSheetTheme= OrangeTheme %><asp:Label ID= Label runat= server Text= Hello /><br /><asp:Label ID= Label runat= server Text= Hello ForeColor= blue />
请注意 这个标签是蓝色的(控件设置)而不是橙色的(来自StyleSheetTheme) 主题和StyleSheetTheme(样式表主题)的优先问题 StyleSheetTheme是在应用程序开发的时候使用的 是一种在页面中构建样式信息的方法 目的是为了保证应用程序的行为与外观的改变无关 你可能需要在已经使用了StyleSheetTheme的应用程序中进一步应用主题 如果应用程序同时使用了主题和StyleSheetTheme 那么控件的属性将按下面的次序来应用 · 首先应用StyleSheetTheme属性· 应用页面中控件的属性(重载StyleSheetTheme)· 最后应用主题的属性(同时重载控件属性和StyleSheetTheme)下面的例子演示了上述内容
<%@ Page Language= VB Theme= OrangeTheme StyleSheetTheme= GreenTheme %><asp:Label ID= Label runat= server Text= Hello /><br /><asp:Label ID= Label runat= server Text= Hello ForeColor= blue Font Italic= false />
请注意 页面重载了StyleSheetTheme 的斜体属性 但是主题的前景色重载了其它内容 Visual Web Developer的支持 VWD包含了对StyleSheetTheme的设计时(design time)支持 当你把StyleSheetTheme应用到一个页面上的时候 Visual Studio中的 设计视图 在控件的显示预览中就反应了应用程序的状况 通过选择控件的智能事务面板(只有部分控件支持它)中的 自动格式化… 选项 你可以从可用的SkinID值列表中选择一个 自动格式化 对话框显示了StyleSheetTheme中包含的可用SkinID值列表 同时还显示了应用选定的皮肤之后的控件样式预览 当你选中某个值之后 设计器会为该控件保存SkinID属性
lishixinzhi/Article/program/net/201311/15066
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)