为您的WordPress产品构建欢迎页面：简介

在更新WordPress之后，您立即被重定向到查看欢迎页面。 此欢迎页面可帮助您更好地了解当前更新中的新功能和错误修复。 一些插件也是如此。 当用户安装这些插件之一或对其进行更新时，它们将被重定向到欢迎页面。 该欢迎页面是我们将在本系列文章中构建的页面。

在这个由四部分组成的系列中，我将解释为WordPress插件创建欢迎页面的过程。 在本系列的最后，您将知道如何编写一个欢迎页面，其中可能包含促销视频，插件功能，订阅表单等。因此，让我们开始吧。

策略

在我们深入之前，让我解释一下我将如何继续本系列。 本系列分为四个部分：

• 第一部分 ：欢迎页面简介和插件架构讨论
• 第二部分 ：WordPress中的瞬态是什么？ 举例说明
• 第三部分 ：构建欢迎页面＃1：欢迎页面插件背后的逻辑
• 第四部分 ：构建欢迎页面＃2：使用HTML和CSS创建欢迎页面的代码

什么是欢迎页面？

如果您为WordPress插件创建了一个入门页面，其中列出了与该产品相关的所有功能和步骤，则该页面可以称为欢迎页面。

创建此页面的想法是向用户提供有关他们刚安装的产品的一些信息。 它可以包含与您的产品有关的任何信息，例如说明性视频或下一步操作指南。

那就是我们要建立的。

成份股

我将以可在任何项目中使用的WordPress插件的形式创建WP欢迎页面样板 。 让我们深入研究“欢迎页面”插件的体系结构。 欢迎页面插件有两个组成部分：

• 欢迎页面 ：使用PHP，HTML和CSS构建
• 重定向 ：激活后可安全地将用户重定向到欢迎页面的逻辑

欢迎页面

整个欢迎页面是整个系列的核心要素。 它可以包含以下元素：

• 产品的主要功能
• 解释性或教程视频
• 您的新闻通讯的订阅表格
• 推荐的插件和先决条件
• 常见问题部分
• 免费版和高级版之间的比较等

我们将使用PHP，HTML和CSS来构建此页面。 该页面的某些部分将是动态的，例如您产品的版本号。

重定向的伪算法

我们为重定向编写类似伪算法的代码怎么样？ 作为WordPress开发人员，我认为从伪算法开始（并且可以选择将其转换为伪代码）是您开发工作流程的重要组成部分。

因此，欢迎页面插件需要将用户重定向到欢迎页面。 就像下面的步骤一样：

• 该插件已安装并激活。
• 在插件激活时将瞬态设置大约60秒。
• 检查设定的瞬变是否存在。
• 如果未设置瞬变，则不执行任何操作。
• 从网络或批量站点激活时保释。
• 如果存在瞬变，请删除瞬变并将用户安全重定向到我们的“欢迎”页面。

这就是这个插件的全部内容。 在下一篇文章中，我将解释瞬态API在WordPress中的工作方式。

欢迎页面示例

到目前为止，我已经提到了在为插件的欢迎页面编码时要采取的措施。 在进入技术细节之前，让我们看一下WordPress社区中一些欢迎页面的现有示例。

大多数WordPress插件都不习惯添加欢迎页面的想法。 我不知道为什么。 就用户体验而言，我认为欢迎页面很棒。 他们帮助连接并填补空白，而不是在用户安装产品后立即将他们摆在茫茫人海中。

以下是一些欢迎页面示例。

WordPress默认欢迎页面

如果我错过了更新WordPress时出现的默认欢迎页面，那将是不公平的。 在撰写本文时，WordPress版本4.4.2具有功能丰富的欢迎屏幕。

我最喜欢的是视频和“致谢”标签，该标签会感谢所有贡献者（因为您也可以找到我的名字！）。 但是你明白了。

它还会通知用户有关安全和维护的修补程序。 然后，它将显示最新的默认主题，即“二十一岁”。

WooCommerce

如果您要求定义一个完美的入门工作流程，那么WooCommerce就是答案。 到目前为止，它是设备最完善的多层欢迎页面，或者您可以将其称为工作流程。 它可以通过查看默认值或自定义默认值来帮助用户设置插件。

激活后，它会通过安装以下项目来帮助用户：

• 页面设置
• 存储区域设置
• 运费和税金设置
• 付款设置

最后，它可以帮助您添加第一个产品。

简而言之，它为用户提供了完整的导游指南。

可以将几个名称添加到列表中。 但是为了简单起见，我仅提及一些著名的东西，例如Easy Digital Downloads ， Jetpack ， bbPress等，它们也有欢迎页面。

为什么要建立欢迎页面？

受这些产品的启发，我在一个相对较新的插件CF7 Customizer中添加了欢迎页面。 我的插件需要用户安装Contact Form 7，然后创建一个包含Contact Form 7简码的页面，并最终对其进行自定义。

没有比通过将用户重定向到带有入门信息的欢迎页面更好的传达这些步骤的方法。 否则，安装此插件的新用户将一无所获。

接下来，它显示插件功能，一个简短的视频和一个订阅表单。

下一步是什么？

因此，到目前为止，您已经知道欢迎页面如何帮助改善最终用户的体验，以及我们将如何做。 在下一篇文章中，我将重点介绍有关WordPress中的瞬态及其在建立欢迎页面中的作用的一些有趣的事实。

最后，您可以在我的个人资料页面上捕获我的所有课程和教程，还可以在我的博客上关注我，和/或在Twitter @mrahmadawais上与我联系 ，在那儿我写了有关WordPress的开发工作流的信息。

和往常一样，请不要在下面留下任何问题或评论，我将尽力回答每个问题或评论。

翻译自: https://code.tutsplus.com/articles/building-a-welcome-page-for-your-wordpress-product-introduction--cms-26013