建立WordPress主题时加快工作流程
已发表: 2020-12-17速度对于几乎任何项目都至关重要。 通常,截止日期很紧,团队中良好的工作流程是按时完成任务并避免每个人在整个过程中筋疲力尽的唯一方法。
这样的工作流程是什么样的? 以及如何在日常工作中实施一些最佳做法以加快交货速度? 好吧,我们可以通过几种方法进行研究。 第一个是:
技术工作流程改进
在这一部分中,我们将研究开发人员用来加速工作的工具。 找出最有效的方法的最简单方法是指出最慢的过程,即花费最长时间的事情。 接下来是–需要最大的精力去做的事情。 有时一个过程可能很快,但是每次实际执行时,感觉就像是一件琐事,您希望将其推迟到以后。
建议1 –准备入门主题
DevriX工作流程的一项重大改进是在开始每个项目之前先做所有标准的工作,将它们托管在存储库中,然后在每次新构建时都对其进行克隆。
有什么帮助?
- 无需每次都进行Gulp设置。 所有软件包都开箱即用,它们可以运行,并且已经在多台机器上测试了配置。
- 它带有简短的文档。 如果有新的团队成员,则他们不必询问有关基本设置任务的问题,因为大多数任务已经说明。
- 无需每次都为前端确定文件结构。 通常,我们的前端团队从第1天起就致力于一个新主题,因此,如果他们每次都需要为Sass文件设计一个文件夹/文件结构,那么我们将在每个项目上浪费时间。
- 我们保持一切一致–这是另一个巨大的推动力。 通常同时有多个项目处于活动状态,因此在打开项目时第一次知道在哪里可以找到要查找的内容可以节省大量时间。 所有主题,样式,JS文件,PHP文件的结构都相同。
每当我们找到解决问题的更好方法时,可能会改善构建设置,引入短绒毛线,钩子,在各处添加一些操作或常用的辅助功能,我们都会更新启动器主题。 如果对构建设置的更改很重要,我们也会更新现有项目的代码库。
建议2 –保持相同的编码风格和方法
这样,所有开发人员都将了解人们之前所做的事情。 但是,还有更多的内容–当采用相同的方法来实现布局时,代码库将更加一致。 前端开发人员尤其需要这样做,因为污染样式是主要的回归问题。
您可以查看例如Google的HTML / CSS编码样式指南。

资源
命名“条目”或“注释”的常用方法,或诸如“ .list-<name>
”之类的“列表”管理方法,都是我们在构建布局时采用的一些标准方法。
建议3 –改进本地工作设置
在项目之间导航的一种快速方法就是节省大量的时间。 目录之间的$cd'ing
一天可能很容易花费半小时。 这都是浪费时间。 相反,您可以在计算机上设置TMUX,为每个项目设置一个单独的窗口,为每个任务/目的设置一个单独的面板,例如“ Running Gulp”(面板1); “主题中的运行命令” –面板2; “插件中的运行命令” –面板3。
另外–确保可以直接从终端打开代码编辑器。 与从图标打开然后导航到“打开项目”等类似的方法相比,这是一种更快的编码方法。 VS Code的设置非常简单。
更好地利用您的工具
- VS代码,Sublime文本和许多其他工具都有一个“命令”弹出窗口,您可以在其中键入编辑器可以执行的几乎所有操作。 保存所有打开的文档? 只需几个按钮。 关上他们吗? 全部都一样。
- 浏览命令面板–浏览侧边栏中的文件也需要太多时间。 只需继续输入所需的文件名即可。 添加一些扩展名以加快常见操作,例如重命名,移动,复制和删除文件。
- 设置短绒。 如果有工具可以帮您做到这一点,则无需浪费文件格式的时间。 每次缩进代码时,在方括号之间添加空格等可能会更好地用于解决问题。
- 利用快捷方式和摘要–对于前端开发人员,Emmet是救生员。 简单的单行代码如下:
nav>.site-nav>ul.list-items>li.list-item*5>a{title}
扩展到15行以上的HTM1代码,所有代码都已格式化并可以设置样式。 键入该行需要几秒钟。

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

改善工作流程的决策
这可能有点棘手,可能需要更多经验和对客户业务需求的理解。 它也是较重的责任方法之一,但是有时它可以使项目免于错过最后期限。
从最重要,最快的实施开始。 如果页面在第1天可能无法启动的可能性很小,则无需从头开始。 如果根据您的估计,可能还没有准备好,请确保与您的客户讨论。 您越清楚地说明自己所做的事情,可能会延迟的事情以及可能出现问题的地方,则克服潜在问题的可能性就越大。
尽早委托工作,但要减少参与的总数。 每个人在特定阶段都会注意到这一点。 也许最早的时候是在学校,当时有10个孩子开始从事某个项目,但大部分工作只有两个或三个。
这在以更多前端工作开始的项目中尤其明显。 从第一天开始,您就不可能有多个开发人员在工作,因为必须首先确定的第一件事就是项目的体系结构。 设计团队的基本决定应该是构建。 什么是组件,如何扩展,文件分离,媒体查询结构和规则,命名约定。 所有这些。
当在这个基础阶段有多个开发人员时,他们两个都可能开始实施他们需要的基础代码,以便他们设计网站的其余部分。 当他们推送该代码时,就会出现冲突,并且其中一名开发人员可能需要重做大部分工作。
添加更多前端开发人员的好时机是,当完成更多的基础工作并且可以将工作委派给单独的组件时,例如“内容卡”,“着陆页X”或“ 404页”等。 届时,将应用字体,设置常规字体设置,创建大多数文件并且至少创建1-2页。
然后,理想的是将关注单个项目的总人数保持在最低水平。 在时间管理和专注于任务方面,团队中的开发人员可能需要考虑的一个技巧是在给定项目上切换工作量。
假设我们有一个前端开发人员John,他在一个新站点上全职工作了两个星期。 到那时,他每天已经看了80多个小时。 他极有可能停止在网站上发现问题! 现在是他的朋友凯特(Kate)接手并接管他大部分工作的好时机。 凯特(Kate)可以开始解决一些小问题,仔细检查它是否遵循设计,在这里和那里提高性能,完成仅由于约翰没有足够的精力去做而推迟的几页和一些组件。
大多数开发人员很可能经历过这种情况,有一个团队成员可以介入并继续工作一两个星期,而您又可以通过一个新的新项目或旧网站上的一些维护工作使您头脑清醒,这真是太好了。
综上所述:
有很多明显的技术方法可以提高站点的开发速度。 这是团队合作之间的混合-您如何定义团队中的通用准则以及如何设置工作环境/如何在利用所有可用工具的同时使工作自动化。 如何长时间保持头脑清醒和敏锐,以保持第一天的高生产率。
为了管理所有这些,一个强大的团队需要优秀的高级开发人员来布置体系结构,负责任的开发人员必须遵循准则并进行高质量的工作,优秀的项目经理需要寻找每个人的心理状态。