建立WordPress主题时加快工作流程

速度对于几乎任何项目都至关重要。 经常， 截止日期非常紧迫，团队中良好的工作流程是按时完成任务并避免每个人在整个过程中筋疲力尽的唯一方法。

这样的工作流程是什么样的？ 以及如何在日常工作中实施一些最佳做法以加快交货速度？ 出色地， 有几种方法可以研究它。 第一个是：

在这一部分， 我们将研究开发人员用来加速工作的工具。 找出最有效的方法的最简单方法是指出最慢的过程，即花费最长时间的事情。 接下来是–需要最大的精神精力去做的事情。 有时一个过程可能很快， 但是每次您实际执行此操作时， 感觉像是一件琐事， 您希望将其推迟以供日后使用。

DevriX对我们工作流程的一项重大改进是在开始每个项目之前先做所有标准的事情， 将它们托管在存储库中，然后在每次新构建时都对其进行克隆。

它有什么帮助？

1. 无需每次都进行Gulp设置。 所有包装都开箱即用， 他们跑， 该配置已在多台计算机上进行了测试。
2. 它带有简短的文档。 如果有新的团队成员， 他们不必询问有关基本设置任务的问题，因为其中大部分已经说明了。
3. 无需每次都为前端确定文件结构。 从第一天开始，我们的前端团队通常都会研究一个新主题 因此，如果他们每次都要为Sass文件提出一个文件夹/文件结构， 我们会在每个项目上浪费时间。
4. 我们保持一切一致–这是另一个巨大的推动力。 通常，同时有多个项目处于活动状态， 因此，在打开项目时第一次知道在哪里可以找到您要查找的内容可以节省大量时间。 所有主题的结构相同， 样式 JS文件， PHP文件都在同一位置。

只要我们找到解决问题的更好方法，可能会改善构建设置， 引进棉短绒， 钩子 在此处或此处添加一些操作或常用的辅助功能， 我们更新了入门主题。 如果对构建设置的更改很重要， 我们也会更新现有项目的代码库。

有了这个， 所有开发人员都将先了解人们所做的事情。 但是，还有更多的东西–当采用相同的方法来实现布局时， 代码库将更加一致。 前端开发人员尤其需要这样做，因为污染样式是主要的回归问题。

例如，您可以查看Google的HTML / CSS编码样式指南。

来源

命名“条目”的常用方法， 或“评论”， 或类似的“列表”管理方法是我们在构建布局时采用的一些标准方法。

快速浏览项目的方法本身就可以节省大量时间。 仅在目录之间就可以轻松花费一天半小时的时间。 这都是浪费时间。 反而， 您可以在计算机上设置TMUX， 为每个项目设置一个单独的窗口，为每个任务/目的设置一个单独的面板，例如“ Running Gulp” –面板1； “主题中的运行命令” –面板2； “插件中的运行命令” –面板3。

另外–确保您可以直接从终端打开代码编辑器。 与从图标打开相比，这是一种更快的编码方式， 然后导航至“打开项目”等。 VS Code的设置非常简单。

• VS代码 Sublime文本和许多其他工具都有一个“命令”弹出窗口，您可以在其中键入编辑器可以执行的几乎所有操作。 保存所有打开的文档吗？ 只需几个按钮。 关上他们吗？ 全都一样。
• 浏览命令面板–浏览侧边栏中的文件也需要太多时间。 只需继续输入所需的文件名即可。 添加一些扩展程序以加快常见的操作，例如重命名， 移动， 复制和删除文件。
• 设置短绒。 如果有工具可以帮您做到这一点，则无需浪费文件格式的时间。 每次缩进代码， 在方括号之间添加空间等等可以更好地用于解决问题。
• 利用快捷方式和代码片段–对于前端开发人员，Emmet是救生员。 简单的单行代码，例如：扩展到15行以上的HTM1代码， 全部格式化并准备好进行样式设置。 键入该行需要几秒钟。

VSCode命令选项板的示例。 您可以在他们的概述页面上阅读更多内容。

这可能有点棘手，可能需要更多经验和对客户业务需求的理解。 这也是更重责任的方法之一， 但这有时可以节省项目，避免错过最后期限。

从最重要，最快的实施开始。 如果页面在第1天不太可能无法启动， 那么就没有必要从头开始。 如果根据您的估计，有可能尚未准备就绪，请确保与您的客户讨论。 您越清楚地说明自己所做的事情， 什么可能会延迟以及可能出现问题的地方， 您越有可能克服潜在的问题。

尽早委托工作， 但要减少参与人数。 这是每个人在特定阶段都注意到的东西。 也许最早是在学校， 当有10个孩子开始一个项目时， 但是只有两三个人可以完成大部分工作。

这在以更多前端工作开始的项目中尤其明显。 从第一天开始，您就不可能有多个开发人员在工作，因为必须首先确定的第一件事就是项目的体系结构。 设计团队的基本决定应该是构建。 有哪些成分 它们如何扩展， 文件分离， 媒体查询结构和规则， 命名约定。 所有这些。

在这个基本阶段，如果有多个开发人员， 他们两个都可能开始实现他们所需的基本代码，以便他们对网站的其余部分进行样式设置。 当他们推送该代码时， 冲突将会出现，其中一名开发人员可能需要重做大部分工作。

添加更多前端开发人员的好时机是，当完成更多的基础工作并且可以将工作委派给诸如“内容卡”之类的单独组件时， 或“着陆页X”或“ 404页”等。 到时， 字体被应用， 设置了常规的版式设置， 创建了大多数文件，并且至少创建了1-2页。

接着， 如果将专注于单个项目的总人数保持在最低水平，则是理想选择。 在时间管理和专注于任务方面， 团队中的开发人员可能需要考虑的一个技巧是在给定项目上切换工作负载。

假设我们有一个前端开发人员John，他已经在新网站上全职工作了两个星期。 到那个时候， 他每天要看80多个小时。 他极有可能停止在网站上发现问题！ 现在是他的朋友凯特（Kate）介入并接管他大部分工作的好时机。 凯特（Kate）可以开始解决一些小问题， 仔细检查它是否符合设计， 改善此处的性能， 完成John推迟的几个页面和组件，仅仅是因为他没有足够的精力去做。

It’s quite possible that most developers have experienced this and it feels so good to have a teammate that can step in and take things on for another week or two while you clear your mind a bit with a fresh new project or some maintenance work on older websites。

有很多明显的技术方法可以提高站点的开发速度。 这是团队合作之间的混合-您如何定义团队中的通用准则，以及如何设置工作环境/如何在利用所有可用工具的同时实现工作自动化。 如何长时间保持头脑清醒和敏锐，以保持第一天的高生产率。

为了管理所有这些，一支强大的团队需要优秀的高级开发人员来设计架构， 负责任的开发人员应遵循准则并进行高质量的工作，并由优秀的项目经理来寻找每个人的心理状态。

根据您的技术规范构建定制的解决方案。 提交您的提案或请求一个完整的发现会话，以确定您的要求并评估您的业务需求。

DevriX的创意主管和前端开发人员
亚历克斯（Alex）的热情在于学习新的网络技术， 探索创新的方法来优化网站性能并改善用户体验。 亚历克斯（Alex）喜欢骑自行车和数字艺术，最近开始在ELSYS技术学校教授设计。