有时您需要在公众视线之外测试对 WordPress 驱动的网站的更改。对实时站点进行更改可能会对您的读者产生不利影响。
你有几个选择。
这样做是为了测试驱动您的WordPress 主题和样式表,允许您在计算机上开发 WordPress 主题。这限制了您只能使用 CSS 而不能使用 WordPress 的插件和其他强大功能。这最适合仅设置页面样式。
您还可以在您的网站服务器上关闭对 WordPress 测试站点的访问。这涉及对 Apache 的一些熟悉.htaccess
,但它允许您继续在 Internet 上工作,同时不会将您的测试站点暴露给公众。
如果您决心让 WordPress 完成它的步伐,您可以在您自己的计算机上安装 WordPress,并进行一些修改。这使您可以完全控制 WordPress 的操作和功能。您仍然可以使用插件、模板文件、主题,并重新设计所有内容,就好像它在 Internet 上一样,而无需使用带宽或遭受 Internet 访问速度缓慢的困扰。我们对此有两种解释:在您的计算机上安装新安装和安装现有的 WordPress 站点。我们还介绍了在您的计算机上完成网站开发后将 WordPress 迁移到您的网站。
创建沙盒 #
沙盒是一个与您小时候可能玩过并建造沙堡的沙盒相关的术语。这是一个练习概念和探索想象力的游乐场。WordPress 沙盒基本上是 WordPress 站点上生成的页面的副本,它保存到您的硬盘驱动器中,供您在开发最终主题和查找站点时使用。
WordPress 使用不同的模板文件在您的网站上生成不同的视图。一般来说,有首页视图、单篇文章视图和多篇文章视图,用于分类、归档和搜索。有关 WordPress 主题结构的更多信息,请参阅站点架构 1.5。由于不同的页面视图使用不同的 CSS 样式,至少您需要按照这些说明在沙箱中放置三个页面视图。
- 在管理屏幕的外观屏幕中选择您想要使用的 WordPress 主题。
- 从您的初始或测试 WordPress 站点,查看以下页面视图之一:
- * 首页
- * 单个帖子
- *多帖子页面
- 从您的浏览器:
- # 选择文件 > 另存为。
- # 使用上述“标题”之一命名保存的页面。
- # 将每个页面的文件保存到您的沙箱文件夹中。
- 从您的主题文件夹中,将
style.css
样式表文件复制到您的沙箱文件夹中。 - 在文本编辑器中打开您保存的三个文件中的每一个并更改以下内容:
123 | <style type= "text/css" media= "screen" > @import url( '/wp-content/themes/yourtheme/style.css' ); </style> |
至
1 | <link rel= "stylesheet" type= "text/css" media= "screen" href= "style.css" /> |
最后,找到与样式表相关的所有图像文件和图形,如背景图像、图标、项目符号或其他,并将它们复制到您的沙箱文件夹中。从样式表中指向这些项目的链接不应在其链接中包含文件夹,或链接到沙盒文件夹中的子文件夹,例如:
12345 | header { margin : 5px ; padding : 10px ; background : url (images/background.jpg).... } |
要对此进行测试,请双击该文件夹中的一个页面以在浏览器中查看它。如果样式和图形可见,它就起作用了。如果没有,请检查指向您的样式表的链接。
现在,你有一个沙盒可以玩了。
要使用您的沙盒,请打开两个程序。一个是带有文件的文本编辑器,style.css
另一个是带有您正在处理的页面的浏览器。在样式表中进行更改,保存它,然后完全刷新或浏览器屏幕并查看更改内容。然后重复这个过程。完成一页后,转到下一页并检查这些更改并在必要时添加更多内容。
沙盒提示 #
以下是在沙盒中玩游戏的一些技巧。
经常备份
工作时,在对备份文件夹进行重大改造之前,先复制文件夹中的文件。或者,您可以使用文件压缩实用程序(如 zip 程序)来保存整个文件夹。如果您所做的更改不起作用,您可以使用最近的备份。
跟踪 DIVS 和 CLASSES
在开始之前,请在文本编辑器中浏览三个页面视图中的每一个的源代码文件,并添加关于每个部分的开始和结束位置的注释。这些通常在模板文件之间交叉,并且很难追踪。通过记录这些开始和结束的位置,让您的生活更轻松。
做笔记
在做出巨大改变之前,写下你正在改变的东西。通过这种方式,当事情以后不工作时,您可以参考笔记,并且您正在尝试跟踪更改的历史记录。
在里面做笔记
当对样式表或网页源代码进行重大更改时,请在代码中添加注释或注释。这也将帮助您跟踪所做的更改。
迈出小步
一次进行大量更改会使您更难找到导致事情失控的小更改。一个好的方法是采取小步骤并检查,然后进行额外的小修改并再次检查。
避免更改模板文件
首先使用已有的站点架构和样式参考。如果您将向公众发布您的主题,则必须认真重新考虑对模板文件的修改并仔细完成。如果您正在重建站点以供私人使用,那么您可以对 HTML 保存的页面源代码进行这些更改,然后稍后将这些更改移动到模板文件中。
将您的沙盒移动到您的主题 #
当您完成所有更改并对结果感到满意时,是时候将您的沙箱移回您的 WordPress 主题了。
- 将样式表文件上传
style.css
到您网站上的 WordPress 主题文件夹,替换旧文件。 - 将所有图形和图像上传到主题文件夹或子文件夹。
- 在浏览器中查看您的网站。改变应该是即时的。
- 如果您对这三个页面中任何一个的源代码进行了更改,请将其跟踪到其特定的模板文件,并在您网站上的这些模板文件中进行更改。
安装另一个博客 #
- 再次安装 WordPress,但在wp-config.php文件中,使用不同的table-prefix。
- 在选项 > 写入 > 更新服务中,清除该框。
- 告诉任何人您的博客所在的位置。
如果您从您的博客转到另一个站点,那么您的站点可能会因为浏览器中的引用者而被发现。为防止这种情况,请访问您的真实博客,然后访问另一个站点。
此方法在测试结束时很有用,因为您可以要求人们使用其他浏览器/屏幕分辨率进行测试。
隐藏您的 WordPress 测试区 #
要向其他人隐藏您的 WordPress 测试文件夹,您可以使用.htaccess
Apache Web 服务器上的文件。该.htaccess
文件是存储服务器指令的文件,这些指令告诉服务器在特定情况下要做什么。您也可以使用 Apache 配置文件 ( httpd.conf
) 或其他方法,但该.htaccess
文件只能应用于.htaccess
文件所在的文件夹以及该文件夹下的所有文件夹,从而允许您限制对特定文件夹的访问。
请记住,这仅适用于支持.htaccess
. 如果您不确定您的服务器是否支持.htaccess
,请联系您的托管服务提供商。根据您对主机服务器的访问权限,您可能会也可能不会这样做。你可能需要他们的帮助。如果您正在运行自己的服务器,或者您的托管服务提供商没有线索,请查阅AllowOverride 文档。
使用该.htaccess
文件,您需要提供说明来告诉服务器限制或拒绝访问您的 WordPress 测试站点。在安装 WordPress 的文件夹或目录中,执行以下操作:
- 使用文本编辑器创建一个名为
.htaccess
. - 您需要以下信息:
- *您的站点服务器上公共不可访问的目录的完整路径(如
http://example.com/public_html/
可访问但http://example.com/private/
不可访问。使用后者。 - * 安全区域的名称,例如“输入密码”或“安全区域”(这并不重要,只是简单)。
- 在文件中键入以下内容,并将
/full/path/of/directory/
和替换Security Area
为上述信息:AuthUserFile /full/path/of/directory/.htpasswd AuthName "Security Area" AuthType Basic require valid-user
- 保存此
.htaccess
文件并将其上传到您想要隐藏和保护的服务器上的目录。这将是 WordPress 的安装目录,例如/wordpress/
或blog
. - 使用 Telnet、cPanel 或其他方式访问服务器的命令面板,转到指定为
AuthUserFile
. - 键入以下命令,其中
user_name
是访问的用户名:htpasswd -c .htpasswd user_name
- 出现提示时,输入密码并确认。
- 记下您的密码和用户名,并将其保存在安全的地方。
当您准备好向公众开放您的网站并取消保护时,请.htaccess
从其位置删除密码和文件。
强烈建议您删除Ping-o-Matic 的默认 ping URL!,否则您的测试帖子将被 ping 通,并且您的测试博客将公开,但无法访问。
Htaccess 资源 #
在 Mac 上安装 WordPress #
使用这些说明设置本地服务器环境以在 Mac 上进行测试和开发。
在 Windows 桌面上安装 WordPress #
为了让 WordPress 工作,它必须能够访问 Apache 服务器、MySQL/MariaDB 和 phpMyAdmin。单独安装这些可能会很痛苦。对我们来说幸运的是,XAMPP使用一个程序安装所有这些,允许您在计算机上运行 WordPress。该程序有两个版本,Basic 和 Lite。Lite 版本通常就足够了。
- 下载并安装XAMPP。
- 这默认安装到
C:/xampplite
orC:\xampp
中。 - 从 c:\xampplite 或 c:\xampp 启动 XAMPP。
- 您可能需要重新启动计算机才能启动 apache 服务。
- 在您的浏览器中,转到
http://localhost/xampp
。 - 在工具下的左列中,单击phpMyAdmin。
- 登录是管理员。
- 在创建新数据库中输入wordpress。
- 在下一个框中,选择utf8 unicode ci。
- 单击创建按钮。
- 将您的 WordPress 下载解压缩到
htdocs
目录 – c:\xampp\htdocs\。 - 从文件夹中,
wp-config-sample.php
在文本编辑器中打开。 - 您需要的连接详细信息如下:
// ** MySQL settings ** // define('DB_NAME', 'wordpress'); // The name of the database define('DB_USER', 'root'); // Your MySQL username define('DB_PASSWORD', ''); // ...and password define('DB_HOST', 'localhost'); // 99% chance you won't need to change this
- 另存为
wp-config.php
. - 通过转到安装
http://localhost/wordpress/wp-admin/install.php
重要提示:如果您的连接足够好,则可以使用它来实际托管您的博客。如果你想这样做,你必须提高安全级别。如果您允许网络访问您的博客,则此描述不安全。
安装现有的 WordPress 网站 #
在 XAMPP 的帮助下,您可以直接在您的计算机上安装 WordPress 并随心所欲地使用它。这样一来,它就完全与公众曝光隔绝了,你所有的错误都被隐藏了起来。准备好后,您可以将其移至您的网站,供所有人查看。
要求 #
- 访问您的服务器数据库。
- 能够将整个 WordPress 安装下载到您的计算机上。
- 适用于 Windows 的基本 XAMPP
- 硬盘上有足够的空间来容纳数据库、WordPress 安装和 XAMPP。
备份WordPress #
首先完全备份您的 WordPress 站点、文件和数据库。这将确保您有一个好的副本可以依靠,以防万一。
然后需要对您的数据库进行第二次备份,但这需要您做一些内务处理。
正如 WordPress 数据库通常所代表的那样,有一些统计表包含大量数据,这些数据增加了数据库的整体大小,并减慢了备份和下载数据库备份副本的过程。您不必清除这些,但通常认为这是一个好主意。
- 在您的网站服务器上登录 PHPMyAdmin。
- 从主登录屏幕中,选择Databases。
- 选择您的 WordPress 数据库的名称。
- 从屏幕顶部的标签中,选择Export。
- 在导出部分顶部的框架中,您将看到数据库中的表列表。
- 您只需要选择与您的 WordPress 安装相对应的那些表。它们将是
table_prefix
在您的wp-config.php
文件中找到的那些。如果您只安装了 WordPress,请从左侧栏中选择全选。 - 确保选中 SQL 按钮。
- 在面板的右侧,确保选中以下框。
* 结构 * 添加 AUTO_INCREMENT 值 * 用反引号括起来表和字段名称 * 数据 勾选Save as file选项,并保留模板名称。对于压缩,选择无。点击前往。系统会提示您下载文件。将文件保存到您的计算机。根据数据库大小,这可能需要一些时间。
下载WordPress #
现在,将您的整个 WordPress 网站下载到您的计算机上。这通常使用FTP 客户端程序来完成。确保在根目录或 WordPress 目录中包含所有核心 WordPress 文件,包括index.php
.
您现在应该在您的计算机中有两个项目:
- 一个或多个数据库备份。
- 您所有的 WordPress 文件、文件夹和图像目录。
再次将备份文件复制到计算机上的安全位置,以便为下一阶段制作备份副本。
安装基本 XAMPP #
- 安装 XAMPP。默认情况下,它将安装到
C:\xampp
. - 转到
C:\xampp\apache\conf
并打开httpd.conf
在文本编辑器中调用的文件。 - 关于第 166 行,您会发现:
#LoadModule rewrite_module modules/mod_rewrite.so
. - 删除
#
并保存文件(这会mod_rewrite
打开)。 - 在里面创建一个文件夹
C:\xampp\htdocs
。这将适用于 WordPress。 - 将所有下载的 WordPress 文件(不是 sql 备份)复制到该目录中。
- 使用文本编辑器打开
wp-config.php
WordPress 安装文件。 - 更改新 MySQL 连接的详细信息:
// ** MySQL settings ** // define('DB_NAME', 'wordpress'); // The name of the new database you made define('DB_USER', 'root'); // keep this as is define('DB_PASSWORD', ''); // keep this empty define('DB_HOST', 'localhost'); // 99% chance you won't need to change this
- 您的主目录
index.php
应位于/htdocs
文件夹或子目录中,例如/htdocs/wordpress/
. 把它写下来。 - 通过单击橙色
xampp_start.exe
或使用 Program Files\ApacheFriends\XAMPP\XAMPP 控制面板中的控制台程序来启动 XAMPP。 - 一旦它工作,点击左侧栏中的链接 phpMyAdmin。
- 创建一个数据库。该名称应与
wp-config.php
文件中使用的名称相匹配。
导入您的 SQL 备份文件 #
在开始导入 SQL 备份文件之前,您需要更改.SQL
文件中的一些信息。
- 使用您的文本编辑器,打开
.sql
您下载的备份数据库文件。 - 查找旧URL的所有实例并将其替换为新 URL。例如,如果您的博客地址是 at
http://example.com/wordpress/
,而您计算机上的文件是 at/htdocs/wordpress/
,则将其替换为http://127.0.0.1/wordpress/
. - 单击保存–不要使用另存为。
现在是时候导入你的 sql 文件了。在您计算机上的 phpMyAdmin 中,单击您的数据库名称,然后选择 SQL 选项卡。在此屏幕中,单击浏览并在您的计算机上找到您的备份文件。单击“前往”。这可能需要几分钟才能导入。
该过程完成后,您的数据库将恢复并像以前一样工作。如果该过程的最后一部分出现问题,则可能是您的备份以某种方式损坏,或者数据库本身出现问题。确保您的备份文件安全!
如果到目前为止一切顺利,现在是时候访问您的博客了!在您的浏览器中,输入http://127.0.0.1/wordpress/index.php
您为 WordPress 文件创建的文件夹的名称或实际名称。
如果您收到 404,请检查您的位置是否正确。除了使用您的目录名称之外,您不需要在之后放置htdocs
或xampp
或其他任何内容。http://127.0.0.1/
WordPress 现在应该像在网络上一样运行。您无需使用 WordPress 中的内置编辑器来更改您的文件。只需直接在文本编辑器中打开文件并像编辑任何其他文件一样编辑它们。然后刷新浏览器的网页将显示效果。
将您的测试 WordPress 网站移动到您的网站 #
即将推出 – 如何将您的测试站点从您的计算机实时迁移到您的主机服务器站点。