图片待添加
图片待添加

向阳WordPress主题开发教程:免费的WordPress主题教程

各位朋友大家好:

今天开始写一个向阳免费的WordPress主题开发教程

一.教程适合哪些人看?

菜鸟想学做网站的,要是会一点的话请略过我大部分文字,因为我面向的是一点都不懂想wordpress建站的朋友.
考虑到给新手看,本教程没有采用前端框架,也没用使用JS特效.
这些稍微有点难度但是很有趣的教程我以后会出.

二.为什么要自己写一个教程?

老实说高手也是从菜鸟走过来的,很多年前我读的是土木工程专业,连FTP是什么也不知道,不知道怎么去学做网站但是很想掌握这个技能.
于是我买了好几本比如《XXX从入门到精通》《XXX项目实战》,遗憾的是看了后发现我并没有精通,甚至还是没有入门.
也尝试加很多几千人的PHP QQ群,询问别人如何学会做网站,也没有人理我(这个很正常,我并不能给别人带来好处).
后来网络搜索到一篇文章 告诉我去www.w3school.com.cn ,告诉我去安装火狐浏览器然后安装Firebug(现在火狐与chrome已经自带开发者模式,Firebug也已经说再见了.)
这篇简短的教程为我打开了,新世界的大门,大学室友玩CF而我在旁边学会了网站制作与开发.
这真的是我青春岁月里很难忘与值得回味的一段岁月.
现在我还是经常在网上看到有人找教程,于是就买了 www.wpyi.com(4位数域名,行挺贵的.) 打算写一个免费的教程分享出来,希望想学网站开发的你能喜欢.

三.为什么教程是文字版本的而不是视频版本的?

因为感觉现在的大部分IT视频教程有点类似于网文了,又臭又长…那天看了一个收费的视频教程,一些基础的知识居然要好几集才讲完.
而程序基础知识看别人写上十次可能也没有记在心里,反而照着自己写写一遍就记住了.

四.为什么是WordPress主题教程?

你可以上网搜索一下,全球十分之一网站是基于WordPress制作的,绝大多数技术大牛的个人博客都是基于WordPress搭建的.
WordPress真正的免费,DEDECMS,PHPCMS,Z-BLOG其实官网都有写商业用途收费.
而且在国内各大开源软件都停止更新爆漏洞的今天,WordPress一直在更新(更新意味着安全),相信她会一直更新下去,因为他的受众很广.
其实DEDECMS,PHPCMS,Z-BLOG,Z-Blog等开源程序的主题开发都大同小异,你学会了一个,其他的上手起来会非常迅速.

五.自己学会WordPress主题教程需要多少时间?

照着我的教程来的话,依葫芦画瓢一个小时就能学会. 嗯 就看别人教程一集的时间就能掌握.

六.为什么这个WordPress主题教程免费?

因为收费的好像网上也会很快出破解的…
当然后续的高级教程与SEO教程我会收一些费用.不过没别人那么贵(我没搞懂SEO教程为什么要几千而且只教很基础的知识),因为这个只是额外收入,我并没指望靠这个发财.
当然如果你喜欢我写的教程,或者觉得我写的教程给你带来了帮助可以给我转账请我喝茶^_^.

下面开始WordPress主题教程准备工作:

需要一个代码编辑器
推荐安装 notepad++ 这是一款非常棒的开源代码编辑器,安装包仅仅只有3.5MB,虽然你听说过 网页三剑客(Dreamweaver,Fireworks,Flash)但是并不推荐新手安装这种臃肿占用几个GB而且需要收费的软件.
也有微软家的Visual Studio Code很值得推荐.
我目前是sublime_text , notepad++ 这两个看参考代码,而自己写用Visual Studio Code.
因为看参考代码用一个编辑器,自己写用一个编辑器 不会混淆.
下图为notepad++截图:(支持代码高亮与代码提示,占用内存小是台电脑就能用)

下图是官网下载notepad++ 需要注意分别有64位系统和32位系统 然后install(安装版) zip(压缩包) 7z(一种高压缩格式)

需要一个支持F12开发者模式的浏览器.
火狐(Firefox) , 谷歌浏览器(Chrome) , Vivaldi(内核基于Chrome但是很棒) 这3个浏览器自带这个功能推荐安装试试. 下图是 Vivaldi 的截图

下面简单说明下这个功能怎么用:
访问任何网站然后按下F12键,下面会出现这个开发者模式(查看前端代码,也可以尝试修改查看修改效果).
1号 那个光标 点击后可以移到你想查看的地方 下方的代码可以查看别人是如何实现这个功能的.
2号 那个光标 可以模拟 台式显示器与手机显示器 的显示效果.
然后下面的框左边代表html代码 右边代表控制显示样式的css代码.

下面是WordPress主题教程目录


本文地址: https://www.wpyi.com/wordpress-zhuti-jiaocheng.html