如何将 WordPress 站点与 Adob​​e Dreamweaver CS5 连接 [Bonus]

尝试消除问题的工具

->

如果您注意到 WordPress 内置的 Web 代码编辑器有一定的局限性,它没有代码突出显示、行号、编程语言支持或您可以在软件代码编辑器中找到的许多其他功能。在编辑 WordPress 文件时,没有可用的工具可能会让人感到困惑。因此,如果您拥有 Adob​​e Dreamweaver 的副本(今天我们将使用 CS5),您是否知道您实际上可以使用该软件通过 FTP(文件传输协议)连接到您的 WordPress 站点并直接在您的桌面?它并不复杂。

使用 Adob​​e Dreamweaver CS5 的优势在于它是一个成熟的应用程序。它具有许多其他代码编辑器中可能找不到的强大功能,例如代码突出显示、行号、代码提示,这是一项有助于更快且无错误地插入代码的功能,支持不同的编程语言,无效标记更正,以及许多其他功能。

1要将 Adob​​e Dreamweaver CS5 配置为编辑 WordPress 站点文件中的文件,您需要打开 Dreamweaver 并从文件菜单中单击 地点 ,并选择 新网站…

Dreamweaver-CS5-文件菜单

2站点设置 将打开并在 地点 部分,设置 站点名称 — 任何您想要的,但尽量使其具有描述性 — 并设置 本地站点文件夹 ,Dreamweaver 将用于在您的计算机本地存储来自 WordPress 站点的文件的文件夹。因此,您可能会看到 Dreamweaver 无法处理远程文件,它会将其下载到本地文件夹,这就是您将要编辑的文件;然后,当您完成工作并准备保存它时,Dreamweaver 将上传并更新位于远程站点中的文件。

Dreamweaver CS5 站点设置 - 站点

3接下来是 服务器 ,在这里您将通过单击配置远程站点 FTP 争用设置 (‘+’) 标志。

Dreamweaver CS5 站点设置 - 服务器创建新的

4填写通过 FTP 连接到您的 WordPress 站点所需的信息。

提示:记得设置 根目录:(‘/’) 签名,如果你不点击,你可能会遇到一些问题 更多选择 并检查 使用被动 FTP 设置 .如果您托管 WordPress 站点的服务器使用的不是端口号 21,请记住更改 FTP 端口号。

Dreamweaver CS5 站点设置 - 服务器 FTP 配置

5要验证所有设置是否正确,请单击 测试 按钮位于 密码: 字段,当您获得成功确认时 Dreamweaver 成功连接到您的 Web 服务器 , 点击 好的 ,然后单击 节省 完成。

这些几乎是您需要的所有设置,但您可以随意检查和使用其他配置。

现在要确保您可以成功浏览远程网站文件,请执行以下操作:

  1. 关上 站点设置 页面并转到 档案 标签。
  2. 从下拉菜单中选择您刚刚创建的新站点,然后选择 远程服务器。
  3. 如果 Adob​​e Dreamweaver CS5 尚未连接到 WordPress 站点,请单击插件图标进行连接。

Dreamweaver CS5 测试 FTP 连接

连接到远程站点成功!

Adobe Dreamweaver CS5 - 连接成功

奖金

如果您需要重新安装 Adob​​e Dreamweaver CS5 或您的操作系统并且不想再次执行这些步骤,您可以将您的 WordPress 站点 FTP 配置导出(或备份)到一个文件,然后使用只需点击几下。方法如下:

  • 转到文件菜单,单击 地点 并选择 管理网站…
  • 选择你想要的网站,选择 出口 ,选择你想导出设置的方式——默认选项应该就可以了,这样以后就不用重新输入用户名和密码了——,点击 好的 并将文件保存到网络位置或 USB 驱动器。
  • 重新安装 Adob​​e Dreamweaver CS5 后,您可以按照导出设置的相同方式导入设置,但现在不是单击 出口 你会点击 进口 , 浏览到 文件名.site 就是这样!