四種常見的WordPress主題開發錯誤

WordPress以其難以置信的靈活性而著稱，尤其是在主題和插件開發方面。如果您想檢視證明，隻需詢問一組開發人員他們将如何實作特定功能。

您可能會收到幾種不同的方法來實作相同的結果。但是，有了這種靈活性，現實就是很容易以“錯誤”的方式做事。“錯誤”意味着無法持續進行某些操作或效率低下。盡管從功能上講可能會起作用，但通常有更好的方法來完成任務。

作為剛開始接觸WordPress主題或插件開發的人來說，通常都無可避免的會犯一些比較常見的錯誤，今天我們就來簡單說一下。

1.在模闆中使用絕對網址

如果您曾經看過WordPress頁面或文章産生的HTML代碼，則會注意到圖檔和内部連結都使用絕對（完整）網址。但這不是将代碼添加到主題模闆時完成工作的最佳方法。

舉例來說，假設您正在開發使用臨時網址的網站。模闆中的使用絕對網址意味着當您準備在其永久域上啟動網站時，必須手動更改代碼。盡管可以做到這一點，卻很容易忘記這種類型的代碼存在的所有地方。

WordPress有内置的方法來确定正确的網址 –從儀表闆區域中 設定 > 正常直接擷取。

對于連結，輸出esc_url( home_url() )将提供指向首頁的完整路徑。是以，您可以像下面這樣向您的首頁添加一個簡單的連結，而不是将位置明确地添加在代碼中：

<a href=”<?php echo esc_url( home_url() ); ?>” />首頁

此外，您還可以使用它來指向其他頁面。例如，如果我們想連結到網站的“關于我們”頁面，則可以使用以下代碼：

<a href=”<?php echo esc_url( home_url() ); ?>/about-us/” />關于我們

類似的代碼段也适用于圖檔。本示例從激活的主題的/images/子檔案夾中提取圖檔：

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

2.将腳本和樣式直接添加到模闆

在WordPress中使用第三方腳本和樣式是非常多的。剛開始建構主題時，您可能會想直接放置

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 );

這告訴WordPress從其現有庫中加載元素。

4.過度定制

添加自定義字段和自定義文章類型的功能可以使開發人員和網站内容編輯者的生活變得更加輕松。它們提供了便利，更好的内容組織和更直覺的使用者體驗。對于這種類型的定制，沒有硬性規定。我們唯一能做的就是最好地判斷應該定制哪些内容，以及哪些内容可以更好地留給WordPress内容編輯器甚至是一個小插件。當我們确實添加字段或文章類型時，隻要知道事情可能會發生變化，并嘗試在此基礎上進行建構即可。

本文轉自六藝開源：閱讀原文