初学者的WordPress开发:入门

对学习PHP感兴趣并为WordPress构建自己的主题和插件?或者只是能够为您的网站编写自己的杀手自定义?

学习Wordpress开发可能看起来像是一个令人生畏的事情,但这一切都归结为入门.所以我们把这个免费系列放在一起,帮助你开始新的一年.

超过五个星期,您将学习PHP并开始从头开始编码自己的主题和插件.

这是我们五部分系列为初学者的第一篇文章,教授WordPress开发的根本概念,以便从Tinkerer到开发人员那里跳跃.

注意:对于本系列,重要的是您已经对HTML和CSS进行了全面的了解,因为使用WordPress时,这两种语言都是基本构建块.

让我们开始.

WordPress如何工作

要了解我们如何为WordPress开发的内容以及如何快速查看WordPress如何工作.

有三个主要组件:核心,主题和插件.

核心代码包含构成WordPress内容管理系统的所有默认功能.这包括从管理员后端到功能,如调度帖子,密码实力检查,允许创建用户等,从而允许用户等.

虽然核心负责网站的后端以及它如何运行,主题负责前端以及网站如何看待和感受.我们使用WordPress管理员创建帖子,页面和其他网站内容,但完全是我们的帖子和页面如何向访问者显示为主题.这为您提供了相当大的权力.您可能希望完全安装和激活预构建的主题或突破框中,并使用自定义设计来获取自己的方式.

描述插件的最简单方法是它们为wordpress提供了额外的功能.为了实现这一目标,插件可以修改网站的后端和/或前端.为Twitter添加Tweet按钮的插件是一个很好的例子.它可能会在后端管理员菜单中创建一个新的设置页面,您可以在其中设置用户推文的一些默认选项,并且还将自身添加到网站的前端,最有可能在帖子下显示.

开发区域

就WordPress开发而言,您可以在新REST API的帮助下除了独立应用程序之外,还可以开发上面的三个主要组件中的任何一个,但在片刻内容.

无论您想要如何处理WordPress,我都会建议在学习中的一条路径之后.以下列表将帮助您熟悉您在学习更多关于您的选择范围之前所需的系统:

  1. 主题
  2. 插件
  3. 休息api
  4. 核心

主题

学习主题如何工作以及如何开发它们将允许您创建网站和工艺单页网站,内容繁忙的动态网站以及之间的一切.它还允许您获得更好/更多的客户工作(如果这是您对追求的感兴趣)甚至进入主题销售业务.

在市场上有许多成功的主题作者,如 themeforest mojo marketplace 等.

在撰写本文时,最受欢迎的主题上周售出1,377次-只需一周超过81,000美元!如果您能够开发完美的主题,那就是很多钱.

虽然并非所有主题开发人员都赚得很多钱,而且你可能不会成为一个多百万富翁过夜建筑主题,如果你做对的话,你仍然可以从主题中享受愉快的生活.

如果要查看主题的一些很好的例子,请查看上面提到的MarketPlaces,或者看看 WordPress主题目录所有内容都是免费的.许多首次主题开发人员也将他们的工作释放到目录.

插件

在某种程度上,插件是WordPress的命脉,将其转换为从论坛到社交网络,电子商务平台的所有内容,以及按下按钮.插件会在WordPress系统的所有方面提供全面控制,允许您修改所需的任何内容.这可能是为客户提供WordPress白标标签的巨大帮助,添加您总是需要的一个小功能;让WordPress你自己.

插件市场也存在,并且通常由其他一些公司运行主题市场的公司拥有. codecanyon 是最大的,可以购买超过4,000个插件.销售往往低于主题,但如果你找到合适的利基,它仍然可以是非常有利可图的.

wordpress还有一个free 插件目录包含超过40,000个插件.这是一个伟大的工具,灵感和伟大代码的例子的伟大来源(以及令人遗憾的是令人遗憾的代码).

REST API

使用REST API将在您的职业生涯中有所了解,当您拥有掌握主题和插件开发时,虽然理论上,如果您知道另一种语言,如Java或Ruby,您可能能够使用它.

REST API相对较新,允许您根据WordPress创建真正的应用程序.这包括iPhone和Android应用程序以及电视应用程序中的各种疯狂的东西,即使您知道其他编程语言.

解释此功能的最佳方法是将其与Twitter或Instagram相提并论.毫无疑问,您已经看到某人在其网站上显示的Twitter Feed.要将此功能添加到您自己的网站,您不需要知道Twitter的核心代码是如何工作的,所需的只是一些代码,说:请检索我的最新五次推文.Twitter处理实际检索,吐回您要求的五个推文的数据.然后,您可以使用HTML和CSS显示该数据.

这正是REST API用于WordPress的.您可以连接到任何网站并询问您最新的五个帖子.但是你可以做到很多,因为你可以删除用户,创建用户,编辑类别等(当然,您需要验证自己).这意味着您可以使用WordPress作为信息存储库,并完全使用不同的系统构建前端和/或后端.

核心

WordPress是由世界各地数千名志愿者的社区开发的.在WordPress 4.4上共有471人,还有更多人在WordPress的其他方面工作,从翻译和移动应用程序到可访问性和支持.

事实上,你现在可以参与其中.虽然您需要具有相当多的经验来为WordPress核心贡献代码,但您可以使用 wordpress trac ,随着WordPress核心代码的开发而遵循的地方.

如果您发现了一个错误,您实际上可以附上摆脱它的代码.经过公平的审查和审查,如果一切都会检查,您的代码将被使用.这是参与致力于核心发展的最佳方式.

ThemeForest is by far the most popular WordPress theme marketplace with more than 6000 themes for sale. themeforest是迄今为止最受欢迎的WordPress主题市场,超过6000个主题出售.

WordPress开发:您需要学习的内容

您需要熟悉的明确定义的工具组,以便使用WordPress开发和 WordPress Web Design .

然而,对于任何好的开发人员,学习的过程永远不会结束.我会在这里铺设起动器捆绑,我还将覆盖一些更高级的工具,你可能会在您了解更多内容.

绝对最少,您需要舒适的是HTML,CSS和PHP.除了这些语言外,您最终还想在某些方面学习JavaScript和MySQL.当您对这些语言很好掌握时,您可以移动到更少/SASS,COFFEEScript,XML,JSON等的内容.这些语言都不是WordPress开发至关重要,但知道它们会扩大您的视野和/或使您的生活变得如此简单.

html和css

您应该学习的前两种语言是HTML和CSS.无论你写什么代码,无论你使用什么语言,它最终都会向用户发送网页时归结为HTML,很可能有一些CSS打造了该页面.

html 负责给网站结构.在基本级别,这意味着您将决定哪个文本应该是一个标题,应该是列表,侧栏中的内容,以及页眉和页脚中的内容.在更深层次的水平上,您实际上正在进行重要的SEO和优化决策.但是,现在不要担心那个位,因为掌握语法的掌握是最重要的.

css 用于将样式应用于HTML结构.使用CSS代码,您将定义文本,链接,段落,图像对齐,边框颜色,浮点属性,边框厚度和其他元素之间的颜色.CSS非常容易学习,但非常难以掌握.

web开发人员网站 w3schools 提供了如何使用HTML和CSS的奇妙教程.

php

P> PHP是一种非常受欢迎的服务器端脚本语言,根据Web技术调查服务W3Techs ,用于81.6%的所有网站所知的网站.PHP是语言WordPress(以及大多数其他内容管理系统)构建,因此,对PHP的全面了解对于WordPress开发至关重要.

只是通过了解PHP,您将获得更多的知识来代码wordpress.学习任何服务器端语言都会让您了解如何编程工作,并且它将赋予一种特殊的逻辑,您可以使用它来解决和离线的各种问题.

服务器侧语言与客户端语言-类似HTML的语言不同-因为它首先在服务器上处理.在HTML中,您可以为Good Morning 编写代码,然后将HTML发送到浏览器,因为您的访问者会看到"早上好"的位置.

在服务器侧语言中,您可以编写代码,如good [time_of_day].在该命令发送给用户之前,服务器将处理它并找出要置于置于[time_of_day]的内容.取决于您访问该网站的一天的时间,您可能会看到"美好的一天"或"晚上好".请注意,您的浏览器接收的数据仍然是纯粹的旧HTML,但它已预先在服务器上处理.另请注意,上面的代码不是实际的PHP代码,这只是向您展示逻辑的示例.

w3schools 还提供了一个很棒的PHP教程.我们将在本系列中查看PHP编程的基础知识,但值得刷新您的技能,以便熟练.

与所有编程语言一样,它的实践将使事情陷入困境并帮助您变得更好.你可以在几天内学到几乎所有的PHP,但你仍然不知道你在做什么-你需要尝试一下,搞砸,不明白发生了什么.总的来说,坚持下去!正如他们所说,练习是完美的.

javascript

JavaScript在Web上的角色是不断增长的,特别是基于JavaScript的工具突出,如节点和角度.

javascript通常用于为网站和异步加载添加动态功能.

让我给你一个例子.

如果您想要一种完全隐藏的表单,但是当用户点击一个按钮时淡入灯箱内部,可以使用JavaScript,因为它可以处理动画,也许是其他功能,如检查表单是否正确填写在发送之前.

异步加载是通过称为ajax的机制完成的.Ajax可用于从服务器检索信息,然后在不重新加载页面的情况下显示它.一个很好的例子是无穷无尽的滚动,其中加载了前10个帖子,并且当您接近页面底部时,将检索下一帖子并附加到当前设置.

11月,Automattic推出的Calypso,一个桌面应用程序,允许用户管理WordPress.com和启用Jetpack的网站.纯粹在JavaScript中撰写,并利用节点等库和反应,Calypso表示远离WordPress依赖PHP的潜在转变.因此,WordPress联合创始人鼓励开发人员"深入了解JavaScript".

一个开始学习javascript的好地方,再次 w3schools .我们不会在这个初学者系列中探索JavaScript,但值得学习,因为了解这种语言对于未来几年的WordPress开发人员将成为必不可少的.

许多开发人员首先通过极其流行的 jquery 框架.它在WordPress和数百万个项目中广泛使用.虽然这很好,请记住,JavaScript不仅仅是jQuery,而且自己学习JavaScript也是一个好主意.

mysql

mysql是一种用于访问数据库中的数据的语言.WordPress使用它大量才能检索其所有数据,而是作为开发人员,您将不需要太多,因为WordPress有自己的一组帮助函数.在某些特殊情况下,您可能需要编写自己的数据库查询,或者您可能想要为您自己的网站优化某些东西,因此拥有MySQL的基本知识是有用的.

使用数据库非常简单.数据库中的表与Microsoft Excel电子表格非常相似.每个列具有标题,数据存储在行中.MySQL用于添加,删除,修改和检索数据.您可能希望编写一个MySQL查询,返回所有帖子,其中包含"令人敬畏"一词,并具有超过八个评论.您可能还想找到名为"Daniel"的所有用户.您还可以使用MySQL计算所有广告视图的总和,或在网络中查找最受欢迎的广告.

再次,在WordPress中编写原始MySQL代码是罕见的,但它确实发生了,并了解语言的工作方式将如何帮助您编写更好的代码.转到 w3schools 为他们的SQL教程.

W3Schools is an excellent free resources for learning HTML, CSS and MySQL. W3Schools is an excellent free resources for learning HTML, CSS and MySQL. w3schools是学习HTML,CSS和MySQL的绝佳资源.

高级工具

一旦您熟悉至少三种基本语言- HTML,CSS和PHP -您可以开始探索各种帮助工具.人们倾向于学习的第一件事之一是 less 和/或 sass .两者都是CSS的超集,这意味着所有有效的CSS代码都有较少和SASS代码.两种语言添加是能够在CSS中使用变量,函数和其他构造,默认是不可能的.

构建工具是您想要在某些时候探索的东西.最好的是 gulp 咕噜声.这些可以在满足要求时监视更改的文件并运行各种任务.例如,随时更改SASS文件,您可以自动将其编译为CSS并将其保存到特定文件中.可以优化图像,所下载的外部软件包和下载的外部包以及所有其他方便任务的文件都可以使用这些工具.

命令行,或终端,是您应该看看的东西.是的,使用命令行可以看起来可怕,但它真的不-只是在一些命令中键入可以节省这么多时间.一个简单的脚本和一个名为 wp-cli 的工具可以在几秒钟内安装wordpress,包括安装主题,插件和测试内容,而是手动需要更长时间,涉及更多的努力.

版本控制是另一个非常有用的工具,直到您尝试它之前您不知道.它最初设计用于在团队中使用相同的代码,但可以用作管理项目,错误和同时支持事项的解决方案. svn git 是最受欢迎的竞争者.由于其稍好的工作流程和 github ,它会赢得这一轮与我一起赢得了这一轮.

WordPress是网关药物

WordPress的伟大事物是它可以是学习其他Web开发技能和语言的网关.

我亲自有这种经验,首先学习面向对象的PHP,然后进入Laravel,偏远的地区,如构建工具,少于/sass,命令行工具等.我还使用C#和其他语言冒险进入原生应用领域.

一旦你得到了一切工作,你就会在创造新的和更大的项目时了解更多和更多,一切变得更容易.在面向对象的PHP之后,学习C#并不巨大努力,因为您的大脑将习惯于它的逻辑.它类似于学习在吉他后玩尤克里莱尔或者学习一旦你在车里驾驶驾驶一旦驾驶驾驶.有很多差异,但是一旦你有基础固定,向前移动并不是如此大的飞跃.

进一步阅读和研究

现在你知道在WordPress开发中开始诵读什么,你可能会感到不知所措,但别担心,这就是每个人在这一点上感觉!

我不能压力足够重要,这是多么重要.所有编码器都必须在某处开始.当他们开始时,大多数人都在编码时,与理解概念斗争,令人沮丧.但这是那些能力贯穿的人,不要放弃,并且总是推动自己学习谁成功-在这种决心中,将良好的编码人员与坏的.

错过了我们系列的教程?

您可以在此处追赶所有五个WordPress开发:

Changes to WordPress' core code is tracked at Make WordPress Core. 对Wordpress'核心代码的更改在make wordpress核心.

在此时,在开始初学者的WordPress开发之前,您需要做的事情:学习PHP:

  • 刷新您的HTML和CSS知识.正如我上面提到的那样, w3schools 是学习HTML和CSS的很棒资源.如果您想要更多的动手方法,请 codeCademy 为初学者提供了一个很好的HTML和CSS课程包括许多实际的例子.
  • 在计算机上设置localhost环境.不仅使用LockPress在LocalHost上安装得更快,而且还更安全,更安全.如果您不确定如何在计算机上设置WordPress,请在如何在Windows 中设置帖子,也可以在Mac上将其设置为 >.
  • 下载一个好的文本编辑器.我使用原子,它具有很大的功能集.我会在整个系列中使用它,但只要你习惯使用它,你就会真的无关紧要.

标签:

3
订阅评论
提醒
0 评论
内联反馈
查看所有评论