當前位置:才華齋>設計>網頁設計>

DW用WordPress程式碼提示功能

網頁設計 閱讀(1.91W)

歡迎大家在這裡學習DW用WordPress程式碼提示功能!使用 Dreamweaver 這樣的視覺化的 IDE 工具進行程式設計的最大的一個好處是它的程式碼提示功能,只要輸入幾個字元,IDE 工具就會智慧的給出一系列可選的函式或者變數讓你輸入。

DW用WordPress程式碼提示功能

程式碼提示功能的好處是非常明顯的,比如你對某個函式記不清楚,就可以通過程式碼提示功能快速輸入,而不用去搜索和查資料,即使非常清楚,也可以通過程式碼提示功能快速輸入而無需輸入每個字元,這樣的對程式設計效率提高是非常明顯的。

  Dreamweaver CS5 支援 WordPress 程式碼提示

我們知道 Dreamweaver 程式碼提示功能支援 HTML,PHP,JavaScript 這些動態語言,而最新發布的 Dreamweaver CS5 則更進一步,支援 WordPress,Drupal,Joomla 這些開源程式的私有函式的程式碼提示。

這樣使用 Dreamweaver CS5 來開發 WordPress 外掛和主題,只要輸入 WordPress 內建函式的前幾個字元,就會顯示整個函式,再也不用辛苦記住函式名稱了。

如何在 Dreamweaver CS5 中啟用 WordPress 程式碼提示功能

下面就講解下如何在 Dreamweaver CS5 中啟用 WordPress 程式碼提示功能:

  將本地的測試站點新增到 Dreamweaver CS5

首先要在本地安裝好 WordPress 測試網站,如果是 Windows 系統,可以檢視這篇教程:如何在 Windows 系統上安裝 WordPress 本地測試,並保證網站已經能在本地正常瀏覽。

點選 Dreamweaver CS5 選單中的.”Site–>New Site”,如下圖建立新站點:

在同一對話方塊中切換到”Servers”介面,點選”+”號新增測試服務器。

上面我們說到 Dreamweaver CS5 中啟用 WordPress 程式碼提示功能需要一個測試伺服器,我們已經預先在電腦上安裝例如 XAMPP 之類的伺服器,並把一些資訊輸入上圖。

在同一對話方塊中切換到”Advanced”介面,”Server Model”選擇”PHP MySQL”,儲存。

返回到”Servers”設定介面,選中”Testing”,儲存,退出此對話方塊,完成站點設定了。

開啟 Dreamweaver CS5 中 WordPress 程式碼提示功能

點選 Dreamweaver 選單中的 ”Site–>Site-Specific Code Hints”,以便讓站點與 WordPress關聯,如上圖,一般 Dreamweaver 會自動選中 WordPress,如果沒有,請手工選擇一下,儲存退出些對話方塊。

好了,一切設定已完成,下面是見證奇蹟的時刻,開啟一個 WordPress主題中的檔案,例如 ,如下圖:

輸入WordPress 某個函式的前幾個字元,例如 ”the_”,按 Ctrl+H,就會彈出 WordPress 裡以”the_”開頭的所有函式供你選擇,是不是很方便呢?