博客

修改网站时，您需要确保所做的更改不会对您的网站产生负面影响。事故发生，网站崩溃，因此您需要一个安全的环境，您可以先在其中测试所有内容，然后再在线发布。

为确保安全有效的修改，您可以创建一个WordPress预发布站点。

本教程将向您展示如何创建一个预发布环境以安全地开发和修改您的WordPress网站，而不会影响您的原始网站。

• • 什么是WordPress预发布环境？
  • 为什么使用WordPress预发布环境？
  • 如何使用WP Staging创建WordPress预发布环境
  • 其他 WordPress 预发布环境插件
    • 1. All-in-One Migration
    • 2. Duplicator
    • 3. WP Stagecoach

什么是WordPress预发布环境？

WordPress预发布环境充当您网站的副本。使用它，您可以测试您计划对WordPress网站实施的任何更改，例如更新主题、插件或完全重新制作网站。

请记住，WordPress预发布站点仅用于开发目的，公众或搜索引擎无法访问。

开发人员通常会为同一个网站使用多个环境，以确保网站顺利运行。预发布环境站点是开发站点（开发人员在其中编写代码并执行初始测试）与生产站点（站点访问者看到的实时站点）之间的桥梁。

为什么使用WordPress预发布环境？

WordPress预发布站点可帮助您安全地测试对网站所做的任何更改。

有了它，您可以修改站点而不会使其崩溃或更改实时版本的功能。这有助于避免停机时间和访问者糟糕的用户体验。

但是，使用WordPress预发布站点有其优点和缺点，例如：

优点

• 无风险环境。一个更安全的环境来修改您的网站，而不会危及实时网站的功能。
• 及早预防错误。它有助于在网站上线之前发现关键问题和系统崩溃。
• 灵活的设置。根据您的喜好，可以在本地或在线进行设置。
• 最好的输出。允许您构建一个更好的站点，因为您可以在启动它之前彻底测试所有内容。

缺点

• 陡峭的学习曲线。如果您是一个完整的初学者，那么创建一个WordPress预发布站点一开始似乎有些挑战。
• 额外费用。如果您更喜欢让预发布站点在线，它可能包括额外的插件或托管费用。
• 耗时。您将花一些时间测试WordPress预发布站点上的更改，并将这些相同的更改重新应用到该站点的实时版本。

如何使用WP Staging创建WordPress预发布环境

如果手动创建预发布站点似乎过于复杂，那么预发布站点插件可能是您的正确选择。

WP Staging是设置预发布环境的首选插件之一，因此我们建议在使用任何其他插件之前先尝试一下。

在使用WP Staging创建预发布站点之前，请确定是在您的活动站点的子目录、子域还是其他域上设置预发布站点。

在本教程中，我们将向您展示如何在子文件夹上创建WordPress预发布站点。

1. 在子文件夹中创建新的预发布站点

使用WP Staging创建预发布站点的最简单和最快的方法是使用子文件夹。此选项在免费和高级插件版本中均设置为默认值。

（1）在您的WordPress管理侧边栏上，导航到WP Staging -> Sites -> CREATE NEW STAGING SITE。

（2）在Staging Site Name字段中输入预发布站点的名称。在此示例中，您的预发布站点URL将为https://mysite.com/staging。

高级设置仅适用于WP Staging Pro用户。本节提供更高级的功能，例如创建克隆站点并将其保存到自定义目标目录的能力。

2. 选择要包含和排除的数据库表

在某些情况下，您可能希望从克隆过程中排除特定文件和数据库表。排除繁重的内容，例如由网络统计插件创建的表格，可以提高克隆过程的速度。

您可以在插件的数据库表和文件部分进行这些调整。

请记住，如果您不确定自己在做什么，则不应篡改任何其他设置。如果有疑问，只需将所有内容保持默认即可。

3. 开始克隆过程

调整DB Tables and Files后，单击START CLONING按钮。

此过程可能需要几分钟，具体取决于您网站的大小。

WP Staging完成创建临时网站后，它将通知您完成并显示临时网站的URL。您可以单击Open staging site按钮并直接访问新创建的预发布环境。

访问预发布站点的另一种方法是从WordPress仪表盘导航到WP-Staging -> Sites。

WP Staging允许您在有空间的情况下创建尽可能多的预发布站点。

其他WordPress预发布环境插件

除了WP Staging，市场上还有另外三个优质的预发布环境站点插件。

1.All-in-One WP Migration

All-in-One WP Migration迁移所有WordPress网站文件，包括数据库、插件、主题和媒体文件。该插件提供了一个工具，只需将您的站点文件拖放到WordPress中即可将它们上传到不同的位置。

All-in-One WP Migration的主要功能包括：

• 绕过大小限制。分块上传或下载您的站点数据，克服任何文件大小限制。
• 多合一登录凭据。使用与生产站点相同的用户名和密码登录预发布站点。
• 导出期间的查找和替换。能够在导出过程中查找和替换数据库上的操作。
• 选择性迁移。它提供了一个选项来排除特定文件，例如数据库和垃圾评论，从而更有效地复制您的WordPress网站。

All-in-One WP Migration是一个免费插件。要添加更高级的功能，例如云存储迁移和更大尺寸的备份，您需要购买高级扩展。

2.Duplicator

Duplicator是一个插件，可以在主机和域之间克隆、备份和迁移网站，让您轻松地将网站迁移到任何暂存位置。

它通过创建一个包含站点数据库、内容、插件、主题和其他WordPress文件的ZIP文件的包来实现这一点。

复印机的主要功能包括：

• 预配置站点。Duplicator软件包使您可以避免重复设置。配置您的生产站点并将其捆绑到Duplicator包中。这样，您就不必在预发布环境站点上从头开始配置所有内容。
• 恢复点。它可以让您在出现任何错误或执行错误更新时快速将系统恢复到已知且安全的状态。
• 预定备份。高级版提供两种备份选项——立即或在特定时间安排。
• 支持大型网站。打包形式的迁移使Duplicator能够有效地处理更大的网站。

有两种类型的Duplicator插件：免费的Duplicator Lite和高级的Duplicator Pro。这些插件是独立的，因此您无法升级Duplicator Lite。如果您想使用 Duplicator Pro，则必须单独购买。

Duplicator Pro附带每年69美元起的年度计划或549美元起的终身计划。

3. WP Stagecoach

WP Stagecoach使用数据库合并功能将您在预发布环境中所做的更改应用到实时站点。这意味着它不会在导入过程中覆盖您的数据库，这是一个很好的安全功能。

WP Stagecoach还允许您更改实时站点，同时还可以在预发布站点上工作。

该插件特别适用于电子商务网站或其他定期更新其内容或数据库的网站。它允许您在保持内容、订单或注册运行的同时对站点进行故障排除或修改。

WP Stagecoach的主要功能包括：

• 一键设置。您可以一键设置预发布站点或将更改推送到您的实时站点。这对非技术用户特别有益，因为他们可以跳过技术步骤，使他们的工作更快更容易。
• 受密码保护的预发布站点。您的预发布环境站点位于您的服务器上并受密码保护，以便您可以安全地向您的客户或队友展示它。
• 选择性迁移。您可以选择要将哪些更改上传到您的实时站点。
• 支持大型网站。它也适用于多个网站。该插件可以分块导入站点文件，如果您的服务器速度较慢，这将很有帮助。
• 恢复备份。当您不小心犯了错误时，WP Stagecoach会提供一个链接以恢复到您的旧站点。

WP Stagecoach是一个付费插件，具有各种计划选项，起价为99美元/年。

小结

WordPress预发布环境为您提供了一个安全的地方来修改您的网站。

与生产站点不同，预发布站点不会被搜索引擎索引，访问者将无法访问它们。这意味着，您不必担心犯错误和使您的网站崩溃。

有两种方法可以创建WordPress预发布站点——通过手动设置或使用插件。评估您的技术技能并选择一种您觉得最舒服的方法。

使用理想的长度（字数）是文章在Google搜索中排名良好的成功因素之一。没有决定长度的规则，这取决于你写的主题。然而，长篇文章往往表现良好，因为除了焦点关键词之外，它们还可以对长尾关键词进行排名。

不管怎样，一次展示3000字以上的文章，会让用户很快感到疲倦和无聊。解决方案是在WordPress中使用分页符，以便将文章分成几页。在本文中，我们将解释如何在WordPress中使用分页符并自定义样式。

使用分页符时会发生什么？

分页符是WordPress中将冗长的文章拆分为所需页数的功能。您可以在一篇文章中插入多个分页符以拆分为多个页面。发表的文章会有一个分页，用户可以点击它进入下一页阅读更多内容。假设您在一篇文章中插入了两个分页符。在这种情况下，文章将分为三个页面，如下所示，三个不同的 URL：

请记住，每个URL在WordPress中都是一个单独的页面，这意味着用户可以独立访问它们。WordPress将在源代码中添加同一拆分页面（如 /2/ 或 /3/）的规范URL，以通知搜索引擎这些可以被视为独立页面。

WordPress中分页符的规范URL

但是，您的XML站点地图将有一个文章URL，即文章的第 1 页。无论您使用默认的WordPress站点地图还是使用插件为您的站点生成站点地图，情况都是一样的。

分页符的优点

在WordPress中添加分页符有助于通过以下方式提高可见性：

• 限制单个页面的长度而不会拉伸太长。
• 用户可以导航到下一页或上一页以阅读内容，从而增加现场参与度和时间。
• 每个页面都可能在搜索引擎中排名，从而提高您的流量。

但是，请确保内容对您的读者足够有吸引力以保留它们并将页面分解在适当的位置。否则，用户可能会在未阅读完整内容的情况下离开页面，从而产生负面影响。

在古腾堡编辑器中添加分页符

分页符是古腾堡编辑器中的区块之一，您可以在内容的任何位置插入它。创建要插入分页符的段落块，只需键入/page以插入该区块。

在Gutenberg中查找分页符区块

选择要插入的分页符区块，它将显示一条分隔线，如下图所示。这个区块没有额外的设置，你唯一能做的就是插入或删除。

古腾堡编辑器中添加的分页符

现在，发布或更新您的文章并在单独的浏览器选项卡中打开页面。您可以在编辑器中看到您在其中插入分页符的页面导航链接。Gutenberg编辑器中分页线下方的内容部分将移动到一个新页面，您可以通过单击第2页链接访问该页面。您可以插入多个分页符以将内容分成不同的页面，这些页面可以使用分页链接访问。下面是它在WordPress主题二〇二二的页面上的样式。

默认WordPress主题中的分页符

在WordPress中自定义分页符的样式

您使用的主题将决定已发布页面上分页符部分的样式。正如您在上面的屏幕截图中看到的那样，分页看起来很简单，用户甚至可能没有注意到它出现在内容的末尾。

但是，商业主题使用自定义的内置样式来使分页的外观更具吸引力。例如，下面是Astra和Kadence主题中分页符分页的样式。

Astra主题中的分页

Kadence主题中的分页符

如果您想自定义分页链接，WordPress提供了三个CSS类供您使用。您可以使用浏览器的开发人员工具部分更改实时站点的样式，以找到适合您站点的合适CSS。

我们将在此处使用默认的二〇二二主题进行说明，当您使用不同的主题时，外观可能会有所不同。分页wrapper的CSS类是.post-nav-links，您可以使用以下样式为此类添加一些背景、填充、边框半径。

.post-nav-links {
background: rgb(144 238 144);
padding: 10px;
border-radius: 5px;
}

此CSS代码将分页wrapper更改为如下所示：

为文章导航链接添加背景颜色

其次是.post-page-numbers用于显示数字链接的类。您可以将以下样式添加到此类以显示数字周围的框。

.post-page-numbers {
border: 1px solid rgb(0 0 0);
padding: 5px 10px;
border-radius: 5px;
}

将框添加到页码

最后一类是.post-page-numbers.current区分活动页面链接。您可以为活动页面链接框添加不同的背景颜色，以便用户可以轻松了解他们当前处于该突出显示的页面中。

.post-page-numbers.current {
background: rgb(255 255 0);
}

我们将黄色背景添加到活动页面，如下所示：

当前页面处于活动状态

结合在一起，您可以在“外观 > 自定义 > 附加CSS”部分下添加上述所有CSS样式，以更改分页的外观。

使用主题自动分页

一些主题使用完全不同的自动分页设置方法。例如，流行的报纸主题提供根据您选择的标题级别创建智能列表。如果您选择2级标题，则每当您在内容中使用H2标题时，主题将自动分页并添加分页。此外，您可以选择显示为下拉列表的分页，以便用户可以看到标题并选择要阅读的页面。

下拉分页

在经典编辑器中添加分页符

如果您使用不支持Gutenberg的自定义文章类型或仍在使用旧的经典编辑器，那么您也可以插入分页符。切换到“文本”编辑器并将以下代码粘贴到您要插入分页符的位置。

<!--nextpage-->

在经典编辑器中添加分页符

现在，切换回“可视”编辑器以查看类似于Gutenberg编辑器的分页符分隔符。发布或更新内容以查看实时内容中的分页。

在线发布内容时，您必须向用户展示博客文章、页面或媒体是新鲜的、准确的和最新的。

揭示 内容及时性的一种方法是在WordPress博客文章或页面的某处显示“最近更新”日期 ，例如特色图片、标题或整篇文章的上方或下方。

这样，用户可以看到最近更新的日期以及“发布”日期，或者您可以完全替换发布日期。

简而言之，显示的日期最终会更新，向读者（和搜索引擎）表明您的内容是新鲜的，并且您没有让太多时间过去（这可能导致链接断开、信息不准确或过时的图像）。

1. 在哪里查看发布日期和最近更新日期
2. 在您的网站上显示“最近更新”日期的好处
3. 如何在WordPress中显示最近更新日期
4. 如何判断WordPress文章或页面上次更新的时间

在哪里查看发布日期和最近更新日期

根据您的主题样式，发布日期可能出现在文章、页面或两者上；展示位置最常见于标题之后、内容之前，并且通常以署名作为补充。

旧文章上发布日期的示例

话虽如此，发布日期的样式和位置完全取决于您的主题。您可能会在特色图片上方看到它并带有图标，如下面的主题所示。

二〇二〇主题提供独特的发布日期格式

一些主题甚至将发布日期和最近更新日期放在内容的末尾，就在评论框之前。

此主题的日期显示在内容下方

您还可以通过转到文章列表中的日期列在后端找到发布日期。

日期列显示WordPress仪表盘中的发布日期

WordPress还会在文章编辑器中显示发布日期。

发布日期是在WordPress中编辑文章时显示的唯一日期

在本文中，我们解释了显示“上次更新”日期而不是发布日期的好处。我们还将向您介绍显示上次更新日期的各种方法，同时还演示如何判断网站上次更新的时间。

继续阅读以了解所有相关信息！

在您的网站上显示“最近更新”日期的好处

定期更新您的内容并显示最近更新日期，可为网站所有者、搜索引擎用户以及您网站上的用户带来各种好处。考虑到搜索引擎在确定排名时会考虑新颖性和相关性，这对SEO也很有帮助。

以下是在您的页面和文章上显示“上次更新”日期的主要好处。

• 最近日期比发布日期更准确，它表明与不久前发布的内容相比，您的内容可能更加新鲜。
• 用户看到这是一篇更新的文章，而不是认为它是一篇旧文章，这可能会增加您的点击率和用户阅读的总时间。
• 您的“最近更新”日期使您更有可能脱颖而出，因为搜索引擎会在结果中显示这些日期，并且您的结果会被其他网站的列表正确放置。
• 它为搜索引擎提供了另一种将文章识别为新鲜的方式。 搜索引擎当然会抓取内容；但这并不总是发生，“最近更新”日期会加强您网站上所做的任何更改。
• 最近的日期提供了一种信任感，您已经消除了链接损坏、图像损坏以及任何不再真实的内容等内容问题。
• 当内容（和日期）更新时，搜索引擎往往会更频繁地索引您的网站。这不是硬性规定，但众所周知，搜索引擎会记录内容不断更新的网站，并更频繁地抓取它们。
• 您增加了获得更高整体搜索排名的潜力，因为您的整个网站都从您更新的文章中受益。
• 它为您提供了更新内容的视觉借口/提醒，因为您可能会注意到较旧的日期并意识到刷新是有序的。
• 搜索引擎更喜欢您更新旧内容，而不是每次您获得有关同一主题的新信息时都创建新文章。这消除了重复内容的可能性，并与为什么显示最近的日期最适合改进SEO相关联。
• 一些出版物（如在线报纸）需要有“最近更新”日期，以便更正和新信息的内容显示在站点提要的顶部。这样用户就不会错过这些更新。

如何在WordPress中显示最近更新日期

默认情况下，WordPress 不显示新内容或刷新内容的最后更新日期，而是显示发布日期。即使在几年后对文章进行了多次更新，该发布日期仍然存在。

一些现代主题提供内置功能，只需单击几下鼠标即可显示上次更新日期。首先检查WordPress Customizer以获取主题中的任何日期自定义设置是一个很好的做法。但不能保证任何东西都可用。

如果您无法在 WordPress 定制器中添加最后更新日期，请使用以下方法添加它：

1. 通过编辑functions.php文件和CSS
2. 通过修改和添加代码到您的主题模板
3. 使用插件

前两种方法要求您访问站点的主题文件，因此如果您还没有经验，请阅读WordPress文件层次结构（以及如何理解它们）。

查看以下三种方法，以了解适合您情况的最佳行动方案。

方法 1：在您的主题中编辑functions.php和CSS

在 WordPress 中添加“上次更新”日期的第一种方法是访问主题的functions.php文件并将代码添加到文件中。作为替代方案，您可以将该代码添加到子主题或特定于站点的插件中，以避免在切换或更新主题时代码消失的任何问题。

所有这些选项都使用相同类型的CSS代码，因此我们将为您提供一些要添加的代码，并向您展示如何将其放置在functions.php文件中。如果使用子主题或特定于站点的插件，只需使用相同的代码并修改这些文件。

首先，转到主题的functions.php文件。访问functions.php的最简单方法是使用FTP客户端连接SFTP。您通常可以通过FTP客户端转到 /www (或者您的网站域名) > /public > /wp-content > /themes > /theme-name (本教程是 /twentytwentyone).

打开functions.php文件

使用文本或markdown编辑器打开文件，然后添加以下代码（如果使用子主题/特定于站点的插件，此代码也应该有效）：

function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

保存并将文件上传回您的服务器。因此，最后更新日期会出现在您的文章内容之前。代码最初检查发布日期和上次更新日期是否相同。

如果它们相同，您仍会单独看到发布日期。如果它们不同，则最后更新日期与发布日期一起显示。

最近更新日期的前端视图

Tips：所有主题的行为都不同，因此您可能会发现发布日期仍然与最近更新日期相同；其他主题完全删除发布日期，为最近更新日期让路。

如何更改新的最近更新日期的样式

functions.php中的新PHP代码缺少样式，但从您的主题样式来看，它仍然可能最终看起来可以接受。如果没有，请考虑通过插入自定义CSS代码来设置上次更新日期的样式以控制其外观。这里有一些示例代码可供试用或扩展：

.last-updated-date {
font-size: large;
font-family: monospace;
text-transform: uppercase;
color: white;
background-color: black;
}

请注意，我们正在使用与插入到functions.php中的PHP代码last-updated-date相关的类 。您可以根据自己的目的更改它，但请确保您在CSS代码中也使用相同的类。

注意：完全可以根据需要更改CSS属性和值；这些只是例子。

在WordPress中转到外观 > 自定义 > 附加CSS后，将该CSS代码插入该字段。这使得CSS站点范围内而不是仅在一个页面或文章上。

为样式添加CSS代码

发布CSS代码后，这些样式更改会反映在上次更新日期的所有前端实例上。例如，我们更改了背景颜色、字体颜色、字体系列、字体大小，并将所有内容都转换为大写字母。

CSS样式后的前端视图

如何从页面和其他非发布内容中删除最后更新日期

您现在可能会发现您网站上的几乎每个网页都有最后更新日期；这不好，考虑到您没有理由显示主页、产品页面、关于我们页面和购物车等页面的最后更新时间。

例如，此隐私政策页面现在会显示上次更新的时间，即使这对于登陆该页面的人来说是无用的信息（并且主题首先没有显示发布日期）。

有些网站不需要隐私政策等页面上的最后更新日期

如果您发现自己处于这种情况，可能是因为您的主题。一些WordPress主题会自动删除页面的最后更新和发布日期，因为它们没有理由。但是您最终可能会得到一个没有这些功能的主题。在这种情况下，您只需要对先前实现的PHP代码进行简单的添加。

因此，返回主题的functions.php文件并将其添加到86400和)之间。

&& is_singular('post')

像这样：

function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

通过此添加，最近更新的日期文本将隐藏在每个不是文章的WordPress文章类型中（例如页面或产品）。

日期会从所有页面中删除，但仍保留在文章上

删除发布日期并仅显示最后更新日期

即使在您实现代码以添加最后更新日期之后，发布日期仍然存在是很常见的。一些主题将其删除，但并不常见。问题是现在您的WordPress文章上显示了两个日期：发布日期和最后更新日期。

尽管在某些情况下可以接受，但两个日期最有可能使读者感到困惑。因此，您可能希望隐藏发布日期，但保留上次更新日期。

有插件可以实现这一点，但CSS修复是一个简单的修复，因此我们不建议安装整个插件只是为了删除您网站上的一个元素。

要摆脱发布日期但保留上次更新日期（之前从上述方法添加），请转到WordPress仪表盘中的外观 > 自定义 > 附加CSS。

将此代码粘贴到Additional CSS字段中：

.entry-date {
display: none !important;
}

单击“发布”按钮以使这些更改生效。

2023年1月13日