• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含WordPress,代码提示等相关知识,佚名 希望在学习及工作中可以帮助到您
使用 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 CS5 中启用 WordPress 代码提示功能的图文方法
  • 用Dreamweaver制作WordPress的留言本III
  • Dreamweaver 制作基于WordPress的留言本II
  • Dreamweaver制作基于WordPress的留言本的图文教程

相关文章

  • 2017-08-06在Dreamweaver制作可拖动表格效果
  • 2017-08-06Dreamweaver CC 2017怎么切换界面样式?
  • 2017-08-06Dreamweaver怎么创建本地测试服务器?
  • 2017-08-06Dreamweaver代码视图字体更改(让dreamweaver代码更漂亮)
  • 2017-08-06dreamweaver怎么制作网页折叠菜单效果通过层的显示和隐藏来实现
  • 2017-08-06Dreamweaver怎么给网页添加下拉的条幅?
  • 2017-08-06DreamWeaver操作技巧大全(16条技能)
  • 2017-08-06Dreamweaver下用CSS制作网页的技巧
  • 2017-08-06Dreamweaver中制作细边的表格的技巧
  • 2017-08-06巧用DW判断字符串中是否有换行

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver怎么怎么利用层布局网页?
    • Dreamweaver CS3网页制作之布局实例
    • dreamweaver教程之怎么快速批处理图片链接
    • 教你把图片添加到Dreamweaver工程中
    • Dreamweaver CS6安装失败提示配置错误代码16该怎么办?
    • 用Dreamweaver制作网页中常用的过渡效果
    • Dreamweaver怎么给页面添加时间?
    • dreamweaver怎么设置段落首行自动缩进两个字符?
    • dreamweaver怎么制作网页折叠菜单效果通过层的显示和隐藏来实现
    • Dreamweaver代码视图字体更改(让dreamweaver代码更漂亮)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有