我们都知道在WordPress
网站建设中有很多组件要用，我们可以通过三种主要方式添加它们。首先，通过手动输入网站——将它们直接放入小部件或文本块中，基本上是我们可以放置其他 HTML 的任何地方。其次，我们可以将它们添加为主题文件中的主题输出。最后，我们可以将它们添加为自定义块的输出。
现在无论我们最终以哪种方式添加 Web 组件，我们都必须确保以下几点：我们的自定义元素的模板在我们需要时可用，我们需要的任何 JavaScript 都已正确排队，并且我们需要的任何未封装的样式都被排入队列。
让我们触及第一点。一旦我们有了模板，就可以很容易地将它添加到 WordPress 主题的footer.php文件中，但与其直接将其添加到主题中，不如将其挂钩，wp_footer以便独立于footer.php文件和整体加载组件主题 — 假设主题使用wp_footer，大多数情况下都会使用。如果在您尝试时模板没有出现在您的主题中，请仔细检查wp_footer在您的主题footer.php模板文件中调用的那个。
接下来是将我们组件的 JavaScript 加入队列。我们也可以通过添加 JavaScript wp_footer，但排队是将 JavaScript 链接到 WordPress 的推荐方式。因此，让我们将 JavaScript 放在一个名为ezwebcomp.js（该名称完全是任意的）的文件中，将该文件粘贴到主题的 JavaScript 目录中（如果有），并将其放入队列（在functions.php文件中）。
我们要确保最后一个参数设置为true，即它在结束正文标记之前加载 JavaScript。如果我们在头部加载它，它将找不到我们的 HTML 模板，并且会变得非常暴躁（抛出一堆错误。）
如果您可以完全封装您的 Web 组件，那么您可以跳过下一步。但是，如果您（像我一样）无法做到这一点，则需要将那些未封装的样式排入队列，以便在使用 Web 组件的任何地方都可以使用它们。（与 JavaScript 类似，我们可以将其直接添加到页脚，但推荐的做法是将样式排入队列）。所以我们将加入我们的 CSS 文件：那并不太难，对吧？如果您不打算让管理员以外的任何用户使用它，那么您应该准备好将这些添加到您想要的任何位置。但情况并非总是如此，所以我们会继续前进！
