Dreamweaver CS5中很酷的wordpress代码提示功能

  一直以来,Dreamweaver只注重于静态HTML页面的设计,对动态语言,例如PHP、ASP等的支持比较少,甚至连最基本的代码提示功能都没有。

  Dreamweaver CS5是对动态语言的一个历程碑,不但支持PHP代码提示,还支持Wordpress、Drupa等开源建站系统的函数提示。用Dreamweaver CS5来开发Wordpress插件和主题,只要输入Wordpress内置函数的前几个字符,就会显示整个函数,再也不用辛苦记住函数名称了。

  以下用图说明怎么在Dreamweaver CS5中启用wordpress代码提示功能:

  首先你自己的电脑上要有一个网站服务器,例如apache或者IIS,推荐使用xampp安装包。并且,要安装好Wordpress测试网站,保证网站已经能在本地正常浏览。注意,不能先设置好Dreamweaver再安装Wordpress,否则以下的设置会不能正常进行。


点击菜单中的”Site–>New Site”,如上图设置建立新站点。


在同一对话框中切换到”Servers”界面,点击”+”号添加测试服务器。

Dreamweaver cs5
这里需要一个测试服务器,所以你必须预先在你的电脑上安装例如xampp之类的服务器,上图中的http://www.sheying-t.com/是链接到本机的一个网址,例如http://localhost/

Dreamweaver cs5
在同一对话框中切换到”Advanced”界面,”Server Model”选择”PHP MySQL”,保存

Dreamweaver cs5
返回到”Servers”设置界面,选中”Testing”,保存,退出此对话框,完成站点设置了

Dreamweaver cs5
点击Dreamweaver菜单中的”Site–>Site-Specific Code Hints”,以便让站点与Wordpress关联,如上图,一般Dreamweaver会自动选中Wordpress,如果没有,请手工选择一下,保存退出些对话框。

好了,一切设置已完成,下面是见证奇迹的时刻,请打开一个Wordpress主题中的文件,例如index.php,如下图

Dreamweaver CS5

输入Wordpress某个函数的前几个字符,例如”the_”,按Ctrl+H,就会弹出Wordpress里以”the_”开头的所有函数供你选择,是不是很方便呢?

PS:添加了站点之后,每次打开Dreamweaver CS5,CPU都会占用100%并持续1-2分钟,很郁闷;如果删除站点,再打开就没问题了。大家有没有遇到呢?

文章来自: 幻龙网络
引用通告地址: 太多垃圾评论了,暂时关闭引用通告
Tags:
分类:网站制作 | 5 条评 | 引用: 0 |


发表评论

*

5条评论 - “Dreamweaver CS5中很酷的wordpress代码提示功能”

  1. 周震宇 说道:

    不错啊。我要转发!对我开发自己的模板太有帮助了。

  2. leeo 说道:

    DWCS5资源占用太高啊.

  3. 菠萝 说道:

    非常棒的教程,DWCS5这个功能真棒!以后开发WP方便多了。

  4. whoas123 说道:

    希望更多介绍,看看要不要更换cs5用用

  5. Sivan 说道:

    抢一个沙发,哈哈。