如何避免常见的WordPress主题开发错误

最后更新时间为 2020年2月26日

WordPress以其难以置信的灵活性而著称，尤其是在主题和插件开发方面。如果您想查看证明，只需询问一组开发人员他们将如何实现特定功能。您可能会收到几种不同的方法来实现相同的结果。

但是，有了这种灵活性，现实就是很容易以“错误”的方式做事。“错误”意味着无法持续进行某些操作或效率低下。尽管从功能上讲可能会起作用，但通常有更好的方法来完成任务。

作为刚开始接触WordPress主题或插件开发的人来说，通常都无可避免的会犯一些比较常见的错误，今天我们就来简单说一下。

5个常见的WordPress主题开发错误

让我们看一下主题开发中发现的五个最常见的错误，以及可以避免您以后头痛的替代方法。

1.在模板中使用绝对网址

如果您曾经看过WordPress页面或文章产生的HTML代码，则会注意到图片和内部链接都使用绝对（完整）网址。但这不是将代码添加到主题模板时完成工作的最佳方法。

举例来说，假设您正在开发使用临时网址的网站。模板中的使用绝对网址意味着当您准备在其永久域上启动网站时，必须手动更改代码。尽管可以做到这一点，却很容易忘记这种类型的代码存在的所有地方。

WordPress有内置的方法来确定正确的网址 –从仪表板区域中 设置 > 常规直接获取。

对于链接，输出esc_url( home_url() )将提供指向主页的完整路径。因此，您可以像下面这样向您的主页添加一个简单的链接，而不是将位置明确地添加在代码中：

<a href="<?php echo esc_url( home_url() ); ?>" />首页</a>

此外，您还可以使用它来指向其他页面。例如，如果我们想链接到网站的“关于我们”页面，则可以使用以下代码：

<a href="<?php echo esc_url( home_url() ); ?>/about-us/" />关于我们</a>

类似的代码段也适用于图片。本示例从激活的主题的/images/子文件夹中提取图片：

<img src="<?php echo esc_url( get_stylesheet_directory_uri() ) ; ?>/images/hello.png" />

2.将脚本和样式直接添加到模板

在WordPress中使用第三方脚本和样式是非常多的。刚开始构建主题时，您可能会想直接放置<script>或<style>标记，甚至将Google字体直接嵌入代码到主题页眉中。通常，这是静态HTML网站完成操作的方式，因此在此处执行相同操作是很有意义的。

但是，就像WordPress中的所有其他内容一样，还有更好的方法来解决它。我们应该利用wp_enqueue_script()和 wp_enqueue_style()–将脚本和样式表添加到适合您的正确位置的优势。由于从主题functions.php文件中调用了所有内容，因此这也使脚本管理变得容易得多。

3.调用jQuery的外部实例

在相关说明中，WordPress的一个隐藏秘诀是它已经包含jQuery的副本以及几种流行的UI功能。因此，您不需要安装jQuery或远程调用它。

唯一的问题是您必须通过主题functions.php文件专门启用要使用的项目。虽然这创造了一些学习曲线，但也减少了项目的文件。

而且，实现所需的jQuery UI元素并不是不是太困难。例如，要启用jQuery UI选项卡，只需将以下代码段添加到您的functions.php：

function my_jquery_elements() {
   wp_enqueue_script( 'jquery-ui-tabs', array('jquery'));
add_action( 'template_redirect', my_jquery_elements ', 10 );