WordPress以其難以置信的靈活性而著稱,尤其是在主題和插件開發方面。如果您想查看證明,只需詢問一組開發人員他們將如何實現特定功能。
您可能會收到幾種不同的方法來實現相同的結果。但是,有了這種靈活性,現實就是很容易以“錯誤”的方式做事。“錯誤”意味著無法持續進行某些操作或效率低下。盡管從功能上講可能會起作用,但通常有更好的方法來完成任務。
作為剛開始接觸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 );
這告訴WordPress從其現有庫中加載元素。
4.過度定制
添加自定義字段和自定義文章類型的功能可以使開發人員和網站內容編輯者的生活變得更加輕松。它們提供了便利,更好的內容組織和更直觀的用戶體驗。對于這種類型的定制,沒有硬性規定。我們唯一能做的就是最好地判斷應該定制哪些內容,以及哪些內容可以更好地留給WordPress內容編輯器甚至是一個小插件。當我們確實添加字段或文章類型時,只要知道事情可能會發生變化,并嘗試在此基礎上進行構建即可。





