- 相關(guān)推薦
DW用WordPress代碼提示功能
歡迎大家在這里學(xué)習(xí)DW用WordPress代碼提示功能!使用 Dreamweaver 這樣的可視化的 IDE 工具進(jìn)行編程的最大的一個好處是它的代碼提示功能,只要輸入幾個字符,IDE 工具就會智能的給出一系列可選的函數(shù)或者變量讓你輸入。
代碼提示功能的好處是非常明顯的,比如你對某個函數(shù)記不清楚,就可以通過代碼提示功能快速輸入,而不用去搜索和查資料,即使非常清楚,也可以通過代碼提示功能快速輸入而無需輸入每個字符,這樣的對編程效率提高是非常明顯的。
Dreamweaver CS5 支持 WordPress 代碼提示
我們知道 Dreamweaver 代碼提示功能支持 HTML,PHP,JavaScript 這些動態(tài)語言,而最新發(fā)布的 Dreamweaver CS5 則更進(jìn)一步,支持 WordPress,Drupal,Joomla 這些開源程序的私有函數(shù)的代碼提示。
這樣使用 Dreamweaver CS5 來開發(fā) WordPress 插件和主題,只要輸入 WordPress 內(nèi)置函數(shù)的前幾個字符,就會顯示整個函數(shù),再也不用辛苦記住函數(shù)名稱了。
如何在 Dreamweaver CS5 中啟用 WordPress 代碼提示功能
下面就講解下如何在 Dreamweaver CS5 中啟用 WordPress 代碼提示功能:
將本地的測試站點添加到 Dreamweaver CS5
首先要在本地安裝好 WordPress 測試網(wǎng)站,如果是 Windows 系統(tǒng),可以查看這篇教程:如何在 Windows 系統(tǒng)上安裝 WordPress 本地測試,并保證網(wǎng)站已經(jīng)能在本地正常瀏覽。
點擊 Dreamweaver CS5 菜單中的”Site–>New Site”,如下圖建立新站點:
在同一對話框中切換到”Servers”界面,點擊”+”號添加測試服務(wù)器。
上面我們說到 Dreamweaver CS5 中啟用 WordPress 代碼提示功能需要一個測試服務(wù)器,我們已經(jīng)預(yù)先在電腦上安裝例如 XAMPP 之類的服務(wù)器,并把一些信息輸入上圖。
在同一對話框中切換到”Advanced”界面,”Server Model”選擇”PHP MySQL”,保存。
返回到”Servers”設(shè)置界面,選中”Testing”,保存,退出此對話框,完成站點設(shè)置了。
開啟 Dreamweaver CS5 中 WordPress 代碼提示功能
點擊 Dreamweaver 菜單中的 ”Site–>Site-Specific Code Hints”,以便讓站點與 WordPress關(guān)聯(lián),如上圖,一般 Dreamweaver 會自動選中 WordPress,如果沒有,請手工選擇一下,保存退出些對話框。
好了,一切設(shè)置已完成,下面是見證奇跡的時刻,打開一個 WordPress主題中的文件,例如 index.php,如下圖:
輸入WordPress 某個函數(shù)的前幾個字符,例如 ”the_”,按 Ctrl+H,就會彈出 WordPress 里以”the_”開頭的所有函數(shù)供你選擇,是不是很方便呢?
【DW用WordPress代碼提示功能】相關(guān)文章:
PHP入門需要掌握的幾種功能代碼10-25
用DW MX制作導(dǎo)航下拉菜單10-29
怎樣用DW設(shè)計限時自動關(guān)閉網(wǎng)頁08-05
如何使用Google-Code-Prettify 實現(xiàn)代碼高亮功能08-03
DW制作網(wǎng)頁的基本步驟06-26
Dreamweaver制作基于WordPress的留言本的教程10-31
如何用DW編輯網(wǎng)站模板07-17