没有合适的资源?快使用搜索试试~ 我知道了~
首页从零开始制作WordPress-主题 中文 高清 PDF版
资源详情
资源评论
资源推荐
WordPress 主题教程主题教程
创建 WordPress 主题其实不难,只要你从现在开始认真学习
这个教程,从零一步一步开始,你就会成为一个 WordPress
主题制作高手,至少你会修改现有主题。
下面是一个从零开始制作 WordPress 主题的教程,这个教程
最初翻译自 So you want to create WordPress themes huh?
经过多次修正以适应中文习惯,并加入了个人的理解,这个教
程它会一步一步教你如何制作 WordPress 主题。
内容目录内容目录
内容目录内容目录 ............................................................................................... 1
推荐和赞助商推荐和赞助商 ........................................................................................ 5
WordPress 主题教程:从零开始制作主题教程:从零开始制作 WordPress 主题主题......................6
创建 WordPress 主题所需的工具和准备 ........................................... 6
WordPress 主题教程主题教程 #1:介绍:介绍............................................................ 6
基本规则: ........................................................................................ 7
专业术语: ........................................................................................ 8
层式结构: ........................................................................................ 8
WordPress 主题教程主题教程 #2:模板文件和模板:模板文件和模板..........................................9
Header 模板文件:............................................................................ 10
Index 模板文件: ............................................................................ 10
Sidebar 模板文件 ............................................................................ 11
Footer 模板文件:........................................................................... 12
WordPress 主题教程主题教程 #3:开始:开始 Index.php........................................ 13
第1步:打开 XAMPP 控制面板。.................................................... 13
第2步:创建你的主题文件夹。 ....................................................... 14
第3步:创建 index.php 和 style.css 文件。 .................................... 14
第4步:创建 style.css。.................................................................. 16
第5步:安装你的主题。 .................................................................. 16
WordPress 主题教程主题教程 #4a::Header 模板模板 .......................................... 18
第1步:打开 XAMPP 和主题文件夹。 ............................................ 18
第2步:打开 index.php ................................................................... 18
第3步:调用博客标题...................................................................... 18
第4步:调用博客链接...................................................................... 20
WordPress 主题教程主题教程 #4b::Header 模板模板 2 ....................................... 21
第1步:开启 XAMPP 和打开 index.php .......................................... 21
第2步:给博客的标题添加 H1 的标签 ............................................. 21
第3步:添加博客描述...................................................................... 22
第4步:DIV 标签 ............................................................................. 22
第5步:添加 Header DIV 标签 ........................................................ 22
WordPress 主题教程主题教程 #5:主循环:主循环...................................................... 23
第1步:创建 container Div .............................................................. 24
第2步:输入主循环代码 .................................................................. 24
第3步:调用日志标题...................................................................... 26
第4步:给日志标题加上链接........................................................... 27
WordPress 主题教程主题教程 #5b:日志内容:日志内容 ................................................ 28
第1步:使用 the_content() 函数显示日志内容 ................................ 28
第2步:DIV 标签把博客日志的内容和标题区分开........................... 31
WordPress 主题教程主题教程 #5c:日志元数据:日志元数据............................................. 34
WordPress 主题教程主题教程 #5d::Else,日志,日志 ID,链接标题,链接标题...................... 37
第1步:Else .................................................................................... 37
第2步:日志 ID................................................................................ 38
第3步:链接标题............................................................................. 39
WordPress 主题教程主题教程 #5e:日志导航链接:日志导航链接 ......................................... 39
WordPress 主题教程主题教程 #6:侧边栏:侧边栏...................................................... 41
第1步:创建 id 为 "sidebar" 的 DIV................................................. 41
第2步:给侧边栏的 DIV 添加无序列表............................................ 41
第3步:给这个无序列表添加原属.................................................... 42
第4步:添加分类链接列表............................................................... 43
WordPress 主题教程主题教程 #6b:页面链接列表:页面链接列表......................................... 44
WordPress 主题教程主题教程 #6c:存档和链接列表:存档和链接列表......................................47
第1步 - 增加存档链接列表。 ........................................................... 47
第2步:增加友情链接列表............................................................... 48
WordPress 主题教程主题教程 #6d:搜索框和日历:搜索框和日历......................................... 49
第1步:增加搜索框 ......................................................................... 50
第2步:增加日历............................................................................. 51
第3步:增加元数据 ......................................................................... 52
WordPress 主题教程主题教程 #6e:窗体化侧边栏:窗体化侧边栏 ......................................... 54
第1步:创建 functions.php 文件 ..................................................... 54
第2步:窗体化侧边栏...................................................................... 54
WordPress 主题教程主题教程 #7:尾部:尾部.......................................................... 55
第1步:增加个 DIV 标签 ................................................................. 55
第2步:添加版权信息...................................................................... 56
WordPress 主题教程主题教程 #8:验证:验证 XHTML ............................................ 56
WordPress 主题教程主题教程 #9::Style.css 和和 CSS 介绍介绍............................ 58
第1步:打开 style.css 文件 ............................................................. 59
第2步:添加 CSS 代码.................................................................... 59
WordPress 主题教程主题教程 #10:十六进制颜色代码和样式化链接:十六进制颜色代码和样式化链接 ............62
十六进制代码................................................................................... 62
第1步:添加链接颜色...................................................................... 62
第2步:添加链接悬停颜色............................................................... 63
WordPress 主题教程主题教程 #11:宽度和布局:宽度和布局............................................. 64
第1步:设置页面总体宽度............................................................... 64
第2步:自动页面居中...................................................................... 65
第3步:设置 header 宽度和布局..................................................... 65
第4步:设置 Container 宽度和布局................................................. 65
第5步:设置 Sidebar 宽度和布局.................................................... 65
第6步:设置 Footer 的宽度和布局 .................................................. 66
第7步:给侧边栏增加其余的 10 像素.............................................. 66
第8步(额外的步骤):修正 IE 的双倍页边距 bug ......................... 66
WordPress 主题教程主题教程 #12:日志样式化和其他杂项:日志样式化和其他杂项........................... 67
第1步:Reset CSS.......................................................................... 67
第2步:样式化 H1 标题................................................................... 67
第3步:样式化日志 ......................................................................... 68
第4步:设置日志段落填充............................................................... 69
第5步:样式化日志杂项 .................................................................. 69
第6步:样式化导航栏...................................................................... 69
WordPress 主题教程主题教程 #13:样式化侧边栏:样式化侧边栏 ......................................... 70
第1步:样式化侧边栏的无序列表.................................................... 70
第2步:给 LI 添加填充 .................................................................... 71
第3步:样式化侧边栏下的子标题.................................................... 71
第4步:清除子 UL 下的 LI 填充....................................................... 72
第5步(可选的):扩展日历宽度到整个侧边栏 ..............................73
WordPress 主题教程主题教程 #14:底部和拆分:底部和拆分 Index .................................. 75
第1步:样式化 footer ...................................................................... 75
第2步:设置 footer P 的行距........................................................... 75
第3步:header.php ......................................................................... 75
第4步:在 index.php 中导入 header.php ........................................ 76
第4步:sidebar.php ........................................................................ 77
第5步:footer.php ........................................................................... 77
教程回顾.......................................................................................... 77
WordPress 主题教程主题教程 #15:子模板文件:子模板文件............................................. 78
第1步:archive.php......................................................................... 78
第2步:search.php ......................................................................... 78
第3步:page.php 和 single.php ...................................................... 79
第4步:定制 page.php .................................................................... 79
第5步:定制 single.php................................................................... 81
课程回顾.......................................................................................... 81
WordPress 主题教程主题教程 #16:留言模板:留言模板 ................................................ 82
第1步:创建 comments.php............................................................ 82
第2步:样式化留言 ......................................................................... 82
第3步:在 single.php 添加留言模板................................................ 82
第4步:验证代码............................................................................. 83
评论模板的进一步解释 .................................................................... 84
erdaoo 的的 WP Theme 教程学习笔记教程学习笔记 ................................................. 85
WP 主题简介................................................................................... 85
index.php ........................................................................................ 86
class................................................................................................ 89
Not Found ....................................................................................... 89
页面导航.......................................................................................... 89
侧边栏 ............................................................................................. 91
其他文件.......................................................................................... 95
主机推荐:主机推荐:(MT) Media Temple ......................................................... 97
(GS) Grid-Service............................................................................ 97
The Hosting Card............................................................................ 97
(DV) Dedivated-Virtual .................................................................... 98
(dpv) Nitro 和 (cx) Coplex-Hosting .................................................. 98
MT 各类型主机性能及价格比较....................................................... 98
MT 优惠码 ....................................................................................... 99
推荐和赞助商推荐和赞助商
WordPress 主题教程是我发布在我爱水煮鱼上的第一个非常完整的 WordPress 相关
教程,自从发布 PDF 电子书之后,截至目前为止已经被下载超过 12354 次,并且这
个统计只是 box.net提供的数据,其他下载站的数据无法统计,估计至少还有1万次的
下载,从2009年12月份来,我已经对这个教程进行大的修正,今天(2010-1-20)发
布修正后的第一版,对这个为了能够使得这一教程能够持续的修正,我开始在接赞助
商。另外我还将发布 WordPress 插件制作教程,从零开始使用 WordPress 等系列
PDF 电子书。如果您对这一教程或者以后的教程感兴趣,想赞助我们的话,请联系
Denis(http://wpjam.com/contact/)。
WordPress JAM 是国内第一个提供 WordPress 定制化服务的
团队,目前已经有了相当多WordPress 案例。
WordPress JAM 长期承接 WordPress 主题制作、博客定制
化、WordPress 插件定制、WordPress 博客 SEO 等等。
WordPress JAM 团队阵容强大,WordPress 主题设计,插件
制作等各方面人才兼备。
Media Temple 主机是我爱水煮鱼现在使用的主机,也是我目
前使用过最好的主机,到目前为止保持 99% 的 up time。
我爱水煮鱼博客使用过很多主机,但是最后选择了 Media
Temple,这也验证了传言中的国内技术博客的主机升级之
路,从国内主机到国外虚拟主机,最后都殊途终归的选择了
Media Temple,当然这是夸张的传言,但是从另外一个角度
这也说明了 Media Temple 主机在技术 blogger 心中独一无二
的地位。
如果你正需要为你的博客找款主机请点击这里直接购买 Media
Temple 主机,点击这里查看 Media Temple 主机介绍。
免費資源網路社群是以免費資源為主題的部落格,提供最新免
費資訊,包含免費空間、免費軟體、Web 2.0, 網頁設計與站
長工具。
剩余98页未读,继续阅读
梓逸宸
- 粉丝: 75
- 资源: 50
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- ExcelVBA中的Range和Cells用法说明.pdf
- 基于单片机的电梯控制模型设计.doc
- 主成分分析和因子分析.pptx
- 共享笔记服务系统论文.doc
- 基于数据治理体系的数据中台实践分享.pptx
- 变压器的铭牌和额定值.pptx
- 计算机网络课程设计报告--用winsock设计Ping应用程序.doc
- 高电压技术课件:第03章 液体和固体介质的电气特性.pdf
- Oracle商务智能精华介绍.pptx
- 基于单片机的输液滴速控制系统设计文档.doc
- dw考试题 5套.pdf
- 学生档案管理系统详细设计说明书.doc
- 操作系统PPT课件.pptx
- 智慧路边停车管理系统方案.pptx
- 【企业内控系列】企业内部控制之人力资源管理控制(17页).doc
- 温度传感器分类与特点.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论2