Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法

所属分类: 网页制作 / Dreamweaver 阅读数: 296
收藏 0 赞 0 分享
使用 Dreamweaver 这样的可视化的 IDE 工具进行编程的最大的一个好处是它的代码提示功能,只要输入几个字符,IDE 工具就会智能的给出一系列可选的函数或者变量让你输入。

  代码提示功能的好处是非常明显的,比如你对某个函数记不清楚,就可以通过代码提示功能快速输入,而不用去搜索和查资料,即使非常清楚,也可以通过代码提示功能快速输入而无需输入每个字符,这样的对编程效率提高是非常明显的。

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”,如下图建立新站点:

Dreamweaver CS5 建立新站点

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

Dreamweaver CS5 添加测试服务器

  上面我们说到 Dreamweaver CS5 中启用 WordPress 代码提示功能需要一个测试服务器,我们已经预先在电脑上安装例如 XAMPP 之类的服务器,并把一些信息输入上图。

Dreamweaver CS5 测试服务器基本设置

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

Dreamweaver CS5 测试服务器高级设置

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

把服务器设置为测试

开启 Dreamweaver CS5 中 WordPress 代码提示功能

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

开启 Dreamweaver CS5 中 WordPress 代码提示功能

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

Dreamweaver CS5 的 WordPress 代码提示功能

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

更多精彩内容其他人还在看

Dreamweaver怎么添加背景音乐?dw添加声音文件的方法

Dreamweaver怎么添加背景音乐?想让网页打开就会有歌声出现,该怎么设置呢?今天我们就来看看给网页添加声音文件的详细方法,图文教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver中CSS面板该怎么设置?

Dreamweaver中CSS面板该怎么设置?Dreamweaver中新建的网页需要使用CSS面板设置摆弄狂,字体,背景颜色等等各种参数,该怎么设置呢?下面我们就来看看CSS面板的使用方法
收藏 0 赞 0 分享

Dreamweaver编辑网页预览的时候显示乱码该怎么办?

Dreamweaver编辑网页预览的时候显示乱码该怎么办?Dreamweaver做网站的时候,网页出现了乱码,无论是预览还是发布出来都是乱码,出现这个状况我们需要在网页编码里面加上声明编码的meta信息,详细解决办法请看下文
收藏 0 赞 0 分享

Dreamweaver浏览器测试图文教程

这篇教程主要是向脚本之家的朋友分享Dreamweaver浏览器测试方法,教程真的很不错,很值得大家学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

Dreamweaver怎么添加文本?怎么设置文本?

文本行为,就是网页中的文本有行为,用的最多的又状态栏文本和文本域文本,尤其是文本域文本是最常用到的,那么Dreamweaver怎么添加文本?怎么设置文本?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

Dreamweaver中怎么让html网页中的table边框细线显示?

Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

DW cc 2015快捷键该怎么导出/修改/删除?

DW cc 2015快捷键该怎么导出、修改、删除?dw中有很多快捷键方便我们操作,但是有时候自己设置的快捷键项导出来以后备用,该怎么办呢?如果想修改或删除其中一个或多个快捷键又该怎么办呢?请看下文详细介绍
收藏 0 赞 0 分享

Dreamweaver怎么进行批量文件搜索指定内容?

Dreamweaver怎么进行批量文件搜索指定内容?Dreamweaver中的文件很多,想要查找文件很不容易,该怎么才能快速的进行批量查找文件的?下面我们来看看Dreamweaver文本查找功能的使用方法
收藏 0 赞 0 分享

怎么格式化html代码? Dreamweaver格式化html代码的技巧

怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作网页很方便,为了方便学习我们我们举了一个实际的例子,使用Dreamweaver CS6做了一个简单的网页,非常简单,适合新手学习,需要的朋友可以参考
收藏 0 赞 0 分享
查看更多