wordpress本地开发_WordPress开发新手的学习之路

wordpress本地开发

In this information age, one obstacle in learning something new is not where to find the resources. It’s from where to start and make sense of all the resources available online these days. This holds especially true in web development when new tools are popping up overnight.

在这个信息时代，学习新事物的一个障碍不是在哪里找到资源。 这是从哪里开始的，并且可以利用这些天在线上可用的所有资源。 当新工具突然出现时，在Web开发中尤其如此。

Back in 2015, since I first decided to learn web development, I have faced challenges of self-doubt and lack of motivation. But the one challenge which drained my energies was not knowing what path to follow.

早在2015年，自从我第一次决定学习网络开发以来，我就面临着自我怀疑和缺乏动力的挑战。 但是，消耗我精力的一个挑战是不知道要走什么路。

Considering the initial challenges in this path I have written this piece for technology enthusiasts who want to get their hands dirty in web development. Especially WordPress development. All in the hope you are going to spend your time building something cool than getting into this never-ending vicious cycle of learning one tool to another.

考虑到这方面的最初挑战，我已为希望在Web开发中动手的技术爱好者撰写了这篇文章。 尤其是WordPress开发。 希望所有的时间都花在构建一些很酷的东西上，而不是陷入从一个工具到另一个工具的永无止境的恶性循环。

警告！ 在这方面的很多学习 (Caution! A lot of learning in this path)

I am a WordPress developer (although my impostor syndrome tells me otherwise). I can share my experience only related to WordPress. But before diving into details, let’s examine a Q/A session first.

我是WordPress开发人员(尽管我的冒名顶替综合症告诉我否则)。 我只能分享与WordPress相关的经验。 但是，在深入探讨细节之前，让我们先检查一下Q / A会话。

Now, is the answer mean? Maybe. Is it true? Absolutely! WordPress and Web Development, in general, are as serious and demanding as any profession. So be ready for…

现在，答案是什么意思？ 也许。 是真的吗 绝对！ 总体而言，WordPress和Web开发与任何专业一样严肃和苛刻。 所以准备好……

• Lifetime of Learning
  终身学习
• Pulling all-nighters occasionally
  偶尔拉通宵

All right, have you read and understood the above points? Great. Now relax as it is not to discourage you or anything. It’s just how the life of a developer is as the ever-changing nature of this field requires.

好了，您阅读并理解了以上几点吗？ 大。 现在放松一下，因为这不会阻止您或其他任何事情。 这正是该领域不断变化的本质所要求的开发人员的生活。

The good news is there are not many web technologies you have to learn to master the craft of WordPress Development. That being said, give your time to this amazing piece of software, and WordPress will adore you in return.

好消息是，要掌握WordPress开发的技巧，您不需要学习太多的Web技术。 话虽这么说，给你时间去这个神奇的软件，而WordPress会回报你。

WordPress will change your life if you let it — Chris Lema

如果您愿意，WordPress将改变您的生活—克里斯·勒玛

It’s all inspiring and cute, right? It is one of the reasons Topher DeRosia (huge props) has provided the HeroPress platform for WordPressers (yes, this is what we proudly call ourselves). Here WordPressers share regularly their WordPress origin stories with the community. Rest assured while reading through the stories you are going to feel adrenaline rush through your body as many of you are going to find yourself related to those stories.

一切都充满灵感和可爱，对吗？ 这是Topher DeRosia (巨大的道具)为WordPresser提供HeroPress平台的原因之一(是的，这就是我们自豪地称呼自己)。 在这里WordPresser定期与社区分享他们的WordPress起源故事。 在阅读这些故事时，请放心，您会感到肾上腺素在体内奔流，因为许多人会发现自己与这些故事有关。

所有人的WordPress！ (WordPress for Everyone!)

WordPress is super easy to use. In fact, anyone without any technical knowledge, can set up and start using WordPress in no time. However, WordPress has a vast ecosystem. I, for one, would categorize WordPress development being carried out in two different domains. I’ll first list those domains below and then I will discuss each one separately.

WordPress非常易于使用。 实际上，任何不具备任何技术知识的人都可以立即设置并开始使用WordPress。 但是，WordPress具有广阔的生态系统。 我将其中一个分类为在两个不同领域中进行的WordPress开发。 我将首先在下面列出这些域，然后再分别讨论每个域。

• WordPress Site Customization
  WordPress网站定制
• WordPress Themes/Plugins Development
  WordPress主题/插件开发

WordPress网站定制 (WordPress Site Customization)

WordPress Site Customization is where all the buzz is about, as it amounts for most of the work done with respect to WordPress usage. Site Customization is that domain where no prior coding knowledge is required.

WordPress网站自定义是所有嗡嗡声的来源，因为它涉及有关WordPress使用的大部分工作。 站点自定义是不需要事先编码知识的领域。

That is to say, a WordPress power user can easily perform tasks like Theme/Plugin setup and customization using page builders, site debugging, and site maintenance, etc. Moreover, Theme customization is all about customizing or modifying a pre-made theme as per the requirements of your client.

就是说，WordPress高级用户可以使用页面构建器，站点调试和站点维护等轻松执行主题/插件设置和自定义等任务。此外，主题自定义就是按需自定义或修改预制主题您客户的要求。

Considering that, and to give you a perspective about the process, you can watch the following short tutorial by Tyler Moore. In his tutorial, he builds a new website by customizing a pre-made theme using the Elementor page builder.

考虑到这一点，并为您提供有关过程的观点，您可以观看以下Tyler Moore撰写的简短教程。 在他的教程中，他通过使用Elementor页面构建器自定义预制主题来构建新网站。

WordPress主题/插件开发 (WordPress Themes/Plugins Development)

It is where all the fun is for WordPress geeks. We can call it the actual WordPress development, as this domain is all about knowing and getting into the nitty-gritty technical details of programming. It can be as simple as using a few WordPress hooks to modify responses or as complex as building a full-fledge product on WordPress.

这是WordPress极客的所有乐趣所在。 我们可以称其为实际的 WordPress开发，因为此领域的全部目的是了解并深入了解编程的技术细节。 它可以像使用几个WordPress钩子来修改响应一样简单，也可以像在WordPress上构建完整产品那样复杂。

So, in case you want to start into this domain, you have to invest more time learning about web technologies involved in WordPress development. Considering that, the rest of this article will discuss all the technologies and a few tips and tricks to get you started in actual WordPress development.

因此，如果您想进入该领域，则必须投入更多时间来学习有关WordPress开发中涉及的Web技术的知识。 考虑到这一点，本文的其余部分将讨论所有技术以及一些提示和技巧，以帮助您开始实际的 WordPress开发。

学习路径 (Learning Path)

To get started in your WordPress Development journey, these tools and technologies are what you are going to be working with.

为了开始您的W​​ordPress开发之旅，您将使用这些工具和技术。

1. Say hello and embrace g̵o̵o̵d̵ ̵o̵̵̵l̵̵̵’ HTML5 modules with Semantics and Accessibility concepts. HTML is what gives structure to the site contents.
   打个招呼，并使用语义和可访问性概念拥抱g̵o̵o̵d̵̵o̵̵̵l̵̵̵HTML5模块。 HTML是赋予网站内容结构的基础。

2. This quote says it all:

2.这句话说明了一切：

You are the CSS to my HTML — Some Genius

您是我HTMLCSS —有些天才

CSS is how HTML is presented in the web browser. Make sure to learn SASS preprocessor as your savior in writing modular CSS once you get a grasp of the basics.

CSS是在网络浏览器中呈现HTML的方式。 一旦掌握了基础知识，请确保在编写模块化CSS时学习SASS预处理程序作为您的救星。

3. The organization behind WordPress has big plans for making JavaScript part of the WordPress Front-end. This officially came from the original author of WordPress.

3. WordPress背后的组织制定了使JavaScript成为WordPress前端一部分的宏伟计划。 这正式来自WordPress的原始作者。

Learn JavaScript, Deeply — Matt Mullenweg

深入学习JavaScript — Matt Mullenweg

Yes, I know that might be far-fetched for a newbie who is starting out to follow this advice, but keep an eye out for development in this area. Now, this doesn’t mean you have to master JavaScript to work with WordPress. Start with the basics including its hugely popular library jQuery.

是的，我知道这对于刚开始遵循此建议的新手来说可能是牵强的，但要密切注意该领域的发展。 现在，这并不意味着您必须掌握JavaScript才能使用WordPress。 从基础知识开始，包括广受欢迎的jQuery库。

4. Wouldn’t it be nice if you could get a 1000-step head-start with these three technologies to speed up your development process? Well, that is where front-end frameworks like Twitter Bootstrap come into play. Explore it and get amazed. Don’t confuse front-end frameworks with JavaScript frameworks. Front-end is used interchangeably with JavaScript libraries and frameworks, which is a whole different path.

4.如果您可以利用这三种技术以1000个步骤的步伐来加快您的开发过程，那不是很好吗？ 好吧，这就是前端框架(如Twitter Bootstrap)发挥作用的地方。 探索它并感到惊讶。 不要将前端框架与JavaScript框架混淆。 前端可与JavaScript库和框架互换使用，这是一条完全不同的路径。

5. PHP is the scripting language that powers WordPress. If you want to dive deep in WordPress, learn PHP head-first with its OOP concepts including MySQL as its back-end database.

5. PHP是支持WordPress的脚本语言。 如果您想深入研究WordPress，请首先使用其OOP概念(包括MySQL作为其后端数据库)来学习PHP。

6. In general, when people talk about WordPress Development, it usually means only two segments of WordPress.

6.一般来说，当人们谈论WordPress开发时，它通常仅意味着WordPress的两个部分。

• WordPress Theme Development, which is developing a presentation (layout) of sites (hence the name “Theme”).
  WordPress主题开发，它正在开发网站的演示(布局)(因此名称为“ Theme”)。
• WordPress Plugin Development, which is to add functionality to WordPress sites
  WordPress插件开发，用于向WordPress网站添加功能

For a developer, it is of utmost importance to understand and be comfortable working with both these segments. And to add a tad bit more in your learning journey, get familiar with Internationalization and Localization. You also need to know WordPress Hooks and APIs to name a few.

对于开发人员来说，理解和适应这两个领域至关重要。 并在学习过程中增加一点点，请熟悉国际化和本地化。 您还需要了解WordPress挂钩和API等等。

While developing sites, most of your time is going to be spent in a local development environment and in a code editor. For the sake of complete information in this article, let me point you to an easy-to-setup yet powerful local development environment (Local by Flywheel) and lightning-fast code editor (Visual Studio Code by Microsoft). Yes, they are both free of cost like WordPress.

在开发站点时，您的大部分时间都将花费在本地开发环境和代码编辑器中。 为了本文中的完整信息，让我为您指出一个易于设置但功能强大的本地开发环境( Flywheel本地化 )和快速的代码编辑器(Microsoft的Visual Studio Code )。 是的，它们都像WordPress一样免费。

工作流程 (Workflow)

As your workflow becomes more advanced and complex, it’s important for you to stay sane and keep enjoying life. In that case, you are going to need to streamline your workflow. Try task automation tools like Grunt/Gulp and use a version control system like git to keep you from making blunders.

随着您的工作流程变得更加高级和复杂，对您而言，保持理智并继续享受生活很重要。 在这种情况下，您将需要简化工作流程。 尝试使用诸如Grunt / Gulp之类的任务自动化工具，并使用诸如git之类的版本控制系统来防止您犯错误。

在GitHub上发布的学习路径指南的插图 (Illustration of Learning Path Guide Published on GitHub)

To make things more clear for you, I have published an illustration of the Learning Path as a step-by-step guide on GitHub which I have provided below.

为了使您更清楚，我在GitHub上发布了学习路径的插图作为逐步指南，下面提供了该指南。

Learn from it, give feedback, improve it to make it better for newbies, and by that means feel free to send PR requests.

从中学习，提供反馈，改进它以使其更适合新手，从而可以随时发送PR请求。

资源资源 (Resources)

In case you are still worried that you are going to need more than a bunch of motivational words to actually start doing meaningful work, maybe you need like a step by step guide — well, worry no more. Follow the WordPress WordPress Developer Handbook and WordPress Developer Codex like religion and consider yourself in safe hands.

如果您仍然担心要真正开始从事有意义的工作需要大量的激励性词汇，也许您需要像逐步指南一样—不用担心。 遵循WordPress WordPress开发人员手册和WordPress开发人员Codex之类的宗教信仰，并确保自己安全。

Moreover, you can receive great help from the WordPress Support forum as well as digging your answers from the Q&A site Stack Overflow, which is immensely popular among the developer community.

此外，您可以从WordPress支持获得很大的帮助 论坛，以及从Q＆A网站Stack Overflow中挖掘答案，该网站在开发人员社区中非常受欢迎。

Apart, from the official WordPress resources, support forum, and developer-centric Q&A sites. There are a plethora of sites like WPBeginner, made possible by the awesome WordPress community, offering WordPress centric free tutorials and guides.

此外，除了官方的WordPress资源，支持论坛和以开发人员为中心的问答网站。 有喜欢的网站过多WPBeginner ，由真棒WordPress的社区成为可能，提供的WordPress中心的免费教程和指南。

CodexSpot is one such attempt by a bunch of WordPress geeks including yours truly to give back to the community. CodexSpot is an online platform, focused solely on providing web solutions. Our aim is to provide quality tutorials, DIY guides, and keep you up-to-date with web industry news and trend reports.

CodexSpot是一群包括您在内的WordPress怪才真正回馈社区的尝试。 CodexSpot是一个在线平台，仅专注于提供Web解决方案。 我们的目标是提供优质的教程，DIY指南，并为您提供最新的网络行业新闻和趋势报告。

We are a huge supporter of free and open-source software initiative and don’t miss any opportunity to evangelize FOSS practices to promote this movement. Besides that, we also offer free web development generators and tools to speed up your development time.

我们是自由和开源软件计划的巨大支持者，并且不要错过任何传播FOSS做法以推动这一运动的机会。 除此之外，我们还提供免费的Web开发生成器和工具，以加快您的开发时间。

Now, there is one other type of learning resource, which is premium courses. By comparison with free resources, the main benefit of premium ones is the timely support offered by the course instructors for their students. That is to say, the ability to get your queries answered by the very instructors from whom you are learning, hugely benefits you during your learning journey. Furthermore, they stay on top of the latest industry trends.

现在，还有另一种类型的学习资源，即高级课程。 与免费资源相比，高级资源的主要好处是课程讲师为学生提供及时的支持。 就是说，能够让您正在学习的非常好的指导者回答您的问题的能力，在您的学习过程中会极大地受益。 此外，它们紧跟最新的行业趋势。

I have personally learned a great deal from the Lynda.com (now LinkedIn Learning) courses, highly recommended. I have also found Learn WordPress course by Chris Castiglione, a nice beginner-friendly course to start with. So, if you are looking for a premium course on WordPress, you will find any of these courses worth your buck.

我个人从强烈推荐的Lynda.com (现在为LinkedIn学习 )课程中学到了很多东西。 我也找到了学习WordPress 当然 克里斯·卡斯蒂格里奥(Chris Castiglione)，这是一门很好的初学者友好型课程。 因此，如果您正在寻找WordPress上的高级课程，那么您会发现其中的任何课程都值得您付出 。

At this point, you have the dedication and tons of resources readily available for you to learn everything about WordPress. However, it is equally important that you understand the job market and what the companies seek in candidates applying for the WordPress developer position.

在这一点上，您已经可以使用专用的资源和大量的资源来学习有关WordPress的一切。 但是，了解就业市场以及公司在申请WordPress开发人员职位的候选人中寻求的知识同样重要。

Toptal, an exclusive network of the top freelancers in the world, has published a guide for hiring a “Great WordPress Developer” which you can read to better align yourself with the most in-demand WordPress skills.

由全球顶尖自由职业者组成的独家网络Toptal已发布了有关聘用“ 优秀WordPress开发人员 ”的指南，您可以阅读该指南，以更好地适应最需要的WordPress技能。

结论 (Conclusion)

Don’t try to learn everything at once. Start with the basics. Implement what you’ve learned and then build from there. Take note of these following two not hard-and-fast rules for guidance, as these rules will come in handy in your journey.

不要尝试一次学习所有内容。 从基础开始。 实施您所学的知识，然后从那里开始构建。 请注意以下两个并非一成不变的指导规则，因为这些规则将在您的旅行中派上用场。

• Just in Time (JIT) learning is you learn the tool when you need it.

  即时(JIT)学习是您在需要时学习该工具。

• 80/20 rule of learning is you give 20% of your time to learning and 80% of your time implementing what you have learned already.

  80/20的学习法则是，您将20％的时间用于学习，并将80％的时间用于实施已学到的知识。

Now repeat after me:

现在在我之后重复：

I learn.I code!I code again!!I code some more!!!I keep coding!!!!!

我学习，我编码！我再次编码!!我编码更多!!!我继续编码!!!!!

…and that is how you start in WordPress. Good Luck WordPresser and welcome to the WordPress family!

…这就是您从WordPress开始的方式。 祝您好运WordPresser，欢迎加入WordPress家庭！

翻译自: https://www.freecodecamp.org/news/learning-path-for-newbies-in-wordpress-development-a283981adf53/

wordpress本地开发