🦄 2024 独立开发者训练营,一起创业!(早鸟优惠在1天后结束)查看介绍 / 立即报名 →

《 WordPress 主题开发 》从网页到网站

《 WordPress 主题开发 》从网页到网站

在 《 WordPress 主题开发 》 这个课程里,我们会把在 《 HTML5 与 Bootstrap 应用实例 》 里做的两张静态网页做成真正用在 WordPress 上的主题。

在主题里创建不同的模板文件来设计不同类型的页面的布局与样式,在模板文件里使用特殊的模板标签来显示不同的内容,或是做点什么。自定义查询让你找到你想显示的内容。想完全控制页面输出的内容有时需要用点自定义的函数,可以覆盖 WordPress 原有的函数,也可以挂到 WordPress 的勾子函数上。

我们前几个月决定在课程中加入 WordPress ,不仅仅是因为 WordPress 是最受欢迎的开源内容管理系统,还有就是我个人的一个百万美金的梦想,并不是为我自己,而是所有的自由职业者。去年我曾经看到一个网站两次报道,自由职业者销售网站模板,两年可以卖掉 100万 美金,他们大部分收入是来自 themeforest ,在这个网站上单个模板累计销售几十万美金的有不少。

我想我们也可以,对于我个人来说,这种用自己的想法做产品,然后去销售,是最好的自由职业工作,更自由,而且可以累计无限的去销售。我比较害羞,不善与人沟通,所以我知道定制式的网站设计服务并不适合我,我想应该也有很多人像我一样,为客户做完网站以后,如果要求修改,你会不好意思收钱。时间就是钱,每一分钟都有价值,慢慢的,我们也可以推行按小时计算费用的方式。

你可以选择 WordPress,Joomla,或者 Drupal,找一个自己喜欢的系统,用做应用程序的思想去考虑模板的设计,这也就是模板不仅仅只是一个单纯的模板,他更像是一个整体的网站或者应用。我觉得模仿不丢人,换个词行吗,叫 “临摹” ,这是学习的一个过程,也是人性的一部分,人出生就会仿佛别人。但要有一双好眼睛,要找好的设计作品,Dribbble 是个不错的地方,behance 也很好,或者直接就去 themeforest ,看看卖的好的模板是怎么做的,什么样的。

封面摄影:Anton Jankovoy

课程发布 WordPress

评论

终于抢到沙发

皓哥辛苦!先看教程。

一大早起来把教程看完, 一日之计在于晨, 哈哈! 一直在用WordPress , 此教程很受用, 稍候整理下...
希望年后宁皓网会出"WordPress 高级应用"教程```比如 taxonomy custom, multi-site..等... WordPress 真的很强大,比Drupal容易上手些...
预祝-皓哥&小雪-新年快乐!

WordPress 的自定义内容类型、分类法,还有视图显示相关的插件也在不断完善中,我也很期待。 谢谢了 :)

宁皓网非常的给力,几乎每月都有新的课程推出,新年推出更加有吸引力的课程,你是准备让我在回家的火车上也要看吗?希望2013年的宁皓网,欲穷千里目,更上一层楼!

很感激大家的支持,2013 ! 一起努力与进步吧 。

哈哈!来晚了!下次一定要早一点。

今早法國時間開電腦就看到這個新課程。真棒,是今天與二月最高興的事!謝謝王老師的課程~

还有封面摄影链接,喜欢有美学感的技术控。

新的课程又如期而至,太好了!

过年前的一个好礼物,衷心感谢宁皓网!

WordPress有没有类似Joomla一样网站关闭的功能,就是在网站没做完前,访问网站的时候显示一个登陆框,登陆后才能看网站???

试试这个插件:http://wordpress.org/extend/plugins/site-is-offline-plugin/ ,搜索 wordpress offline 找到的这个插件。

模板开发正在头疼中,非常及时,谢谢版主了,此外还有个小要求,设计好的psd如何变成wordpress模板,这方面的中文教程非常少,只是youtube上有一些英文的教程

你可以看一下 《 HTML5 与 Bootstrap 应用实例 》http://ninghao.net/course/663 ,配合这个主题开发教程。

求教
在学习 这个教程的 06-01 分页导航按钮 一课中 我按照 老师的方式 代码也完全相同 可是首页文章下方就是不出现 分页导航的 按钮

王老师 可以帮分析下原因么? 检查了好几遍 那部分代码 完全一样

是不是没有足够多的文章啊。

請問老師再這個課程的03-06-在主题中显示导航菜单
如果不用bootstrap的架構,可否能有這樣菜單的效果,因為很不想被bootstrap綁死死的,所以不用,
但在課程中就遇到這樣的問題了....

你可以覆盖 Bootstrap 的样式。

現在是用很笨的方法,一個一個把用到bootstrap的css抓出來,再放到自己的.css裡....
覆盖的意思應該就是重新寫css吧?
謝謝老師囉~

开始学习Wordpress自定义模版,开始就遇到了问题啊,在stlye.css中设置的信息中,Theme Name: Description: Author:
有中文字段怎么不显示中文啊?

参考 WordPress 默认的主题,如果我没记错的话,你应该可以在主题的翻译文件里添加翻译。或者,是不是因为文件的编码格式的原因呢。一般如果文件里有中文,文件的编码格式都是 utf-8。

开始在台式机做就不显示中文,换了笔记本又可以了,原因不明。谢谢老师的回复。

皓哥,我使用bootstrap3的带列表的面板设计我的右边栏,如何能在自己的主题里将它实现。我的右边栏的功能主要是想动态的显示更新的东西,我目前在右边栏注册了小工具区域。

可以自己设计一个小工具,参考这个地址:http://codex.wordpress.org/Widgets_API

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点