首页 » 博文 » wpbeginner » 初学指南 » 如何在 WordPress 中复制和粘贴而不出现格式问题

如何在 WordPress 中复制和粘贴而不出现格式问题

最近,一位读者问我们如何将项目复制并粘贴到 WordPress 中而不引起格式问题。

通常,当您从桌面应用程序或网页复制和粘贴内容时,您最终也会粘贴不需要的格式。这与您的 WordPress 主题的字体和颜色不匹配,看起来很奇怪。

在本文中,我们将分享如何轻松复制并粘贴到 WordPress 中,而无需任何不需要的格式和样式。

将文本复制并粘贴到 WordPress 中

了解 WordPress 中的复制和粘贴

复制和粘贴意味着将文本从一个地方复制到另一个地方,而无需再次全部输入。

要从文档或网页复制文本,您需要使用鼠标突出显示它。然后,只需右键单击并从菜单中选择“复制”即可。

或者,您可以使用键盘快捷键 Ctrl+C(Mac 上为 Command+C)复制突出显示的文本。

通过突出显示并右键单击来复制 Word 文档中的文本

要将文本粘贴到 WordPress 中,只需右键单击并从菜单中选择“粘贴”即可。

您还可以使用键盘快捷键 Ctrl+V(Mac 上为 Command+V)来粘贴复制的文本:

将复制的文本粘贴到 WordPress 中

复制文本时,文本的格式也会随之复制。问题是有时您会得到不想要的格式。

这种不需要的格式可能会影响文本在其他设备上的显示方式。

一些 WordPress 用户选择完全避免复制和粘贴。相反,他们将帖子直接起草到他们的WordPress 网站中。

但是,您可能更喜欢使用单独的工具进行起草,例如 Microsoft Word 或Google Docs。这使您可以离线工作,并且可以更轻松地在发布之前共享您的作品以供评论和修订。

避免添加不必要的格式也很重要,因为它会影响页面大小,这意味着网站速度较慢。

这就是为什么我们创建了这个关于如何在 WordPress 中正确复制和粘贴文本的终极指南。您可以使用链接直接跳转到您需要的部分:

如何从 Word 复制并粘贴到 WordPress(块编辑器)

从 Microsoft Word 复制文本非常简单。

多年来,WordPress 一直允许您将 Word 文档中的丰富(格式化)文本直接复制到编辑器中。如果您喜欢在 Microsoft Word 中编写帖子并设置其格式,这是一个很大的优势。

将帖子从 Word 复制到 WordPress 中可以保留标题、粗体和斜体文本、链接和列表等元素。它将丢弃任何样式选项,例如颜色、间距等。

这是我们将从 Word 复制到 WordPress 的文档:

我们将复制到 WordPress 中的 Word 文档

本文档的格式为帖子各小节的两个标题 2 副标题。有粗体和斜体文本、项目符号列表和链接。

我们只需复制 Word 文档中的所有内容并将其粘贴到 WordPress 块编辑器中即可。

Word 中的文本现已复制到我们的 WordPress 帖子中

请注意,某些格式尚未复制。该图像已被遗漏,但 WordPress 已在正确的位置创建了一个图像块。

提示:始终使用 Word 中的“标题样式”来创建副标题。不要突出显示文本并手动增加字体大小。

想要确认您的文本已正确复制吗?请按照本文后面关于检查和修复格式错误的说明进行操作。

如何从 Google 文档复制并粘贴到 WordPress(块编辑器)

Google Docs 是一种非常流行的文字处理工具。就像使用 Word 一样,可以轻松地从 Google 文档复制并粘贴到WordPress 块编辑器中。

这是我们在 Google 文档中的一段文字。它与我们上面在 Microsoft Word 中使用的文档相同。

包含我们要复制的文本的 Google 文档

您可以使用键盘上的 CTRL+C 键或从右键单击菜单中选择“复制”选项来复制 Google 文档中的文本。

之后,您只需将文本粘贴到块编辑器中即可。WordPress 将自动使用正确的标题大小和内容块。

WordPress 块编辑器中的 Google 文档文本

这次,该图像也将出现在 WordPress 中。

但是,它不会上传到 WordPress 媒体库,而是直接从您的 Google Drive 帐户显示。

您需要手动下载图像并将其上传到您的 WordPress 网站。

使用经典编辑器复制和粘贴

将文本复制并粘贴到 WordPress 后,您是否遇到格式错误的困扰?那么您可能正在使用旧的经典编辑器

经典编辑器可以很好地处理 Word 文档,并且不应添加任何不必要的代码。然而,它对于从 Google Docs 复制的文本效果不佳。

以下是将 Google 文档中的文本粘贴到经典编辑器中时的外观:

复制到经典编辑器中的 Google 文档文本

标题、链接、粗体和斜体文本看起来都是正确的。

但是,添加了一些不可见的不必要的额外格式。

如何检查并修复复制和粘贴格式错误

现在让我们看看如何检查和修复格式错误。

WordPress 帖子中的所有文本均使用 HTML(超文本标记语言)进行格式化。HTML 标签围绕着以特定方式格式化的单词。

例如,WordPress 帖子中的粗体文本在 HTML 代码中如下所示:

1There is <strong>bold text</strong> in this sentence.

WPCode与 ❤️ 主办

在 WordPress 中一键使用

“粗体文本”一词将以粗体显示。

要在复制和粘贴后检查并修复格式错误,您需要检查帖子的 HTML 代码。

在块编辑器中检查 HTML 代码

在块编辑器中,可以轻松查看任何块的 HTML 代码。首先,单击块。然后,单击块菜单右侧的三个垂直点。

您将看到一个下拉菜单。在这里,您只需单击“编辑为 HTML”选项:

切换到 WordPress 中块的 HTML 视图

您现在将看到该块的 HTML 代码。使用块编辑器,您通常应该发现没有添加不需要的格式。

在这里,段落正确地以开始<p>标记开始并以结束</p>标记结束。

加粗的句子也是正确的。它从标签开始<strong>,以结束</strong>标签结束。

在块编辑器中查看块的 HTML 代码

要切换回块的正常视图,只需再次单击三个垂直点即可。

然后,继续选择“可视化编辑”选项。

切换回块的视觉视图

在经典编辑器中检查 HTML 代码

在经典编辑器中,通过单击包含帖子文本的框顶部的“文本”选项卡,可以轻松查看帖子的 HTML 代码。这是从 Google 文档复制的我们帖子的 HTML 代码:

在经典编辑器中查看帖子的 HTML 代码

这里的span标签是额外的、不必要的代码。

<b>此外,粗体文本和斜体文本使用标签 代替<strong><i>标签 代替进行格式化<em>。通常认为最好使用<strong><em>标签,因为它们赋予您的单词语义意义,而不仅仅是视觉样式。

相比之下,以下是在经典编辑器中从 Word(而不是 Google Docs)复制时生成的代码。没有不必要的格式标记,并且粗体和斜体已正确呈现。

将文档从 Word 复制到经典编辑器时生成的 HTML 代码

如果您是从 Google 文档复制帖子,则需要检查 HTML 代码并手动更正格式。在这种情况下,这意味着:

  • 删除所有<span style="font-weight: 400;"></span>标签。
  • 将所有更改<li style="font-weight: 400;"><li>.
  • <b>和更改</b><strong></strong>
  • <i>和更改</i><em></em>

为了加快该过程,您首先需要将 HTML 代码复制并粘贴到文本编辑器中。

然后,只需使用“查找和替换”即可更改不正确的格式。这是使用记事本的示例。我们正在查找 的所有实例<li style="font-weight: 400;">并将其替换为<li>

使用记事本快速轻松地纠正不需要的 HTML 代码

替换所有不正确的格式后,只需将文本复制并粘贴回经典编辑器的文本视图即可。

它应该看起来像这样。

经典编辑器中更正的格式代码

复制和粘贴纯文本

纯文本是没有任何格式的文本。为了避免格式不正确的可能性,您可能更喜欢复制并粘贴纯文本。

如果您要从其他网站复制文本的一部分,这也是一个非常有用的选项。例如,您可以在内容中引用其他人的言论。

在块编辑器中复制和粘贴纯文本

WordPress 块编辑器没有用于粘贴纯文本的按钮或选项。不过,自己做这件事很容易。

最快的方法是使用键盘快捷键 Ctrl+Shift+V (PC) 或 Command+Shift+V (Mac) 粘贴文本。这将自动以纯文本格式粘贴。

使用 Ctrl+Shift+V 命令将纯文本粘贴到块编辑器中

或者,某些浏览器提供粘贴为纯文本的选项。

如果您使用的是 Google Chrome,只需右键单击并选择“粘贴为纯文本”选项:

右键单击并在浏览器中使用“粘贴为纯文本”选项

这两种方法都可以将纯文本粘贴到单个段落块中。

在经典编辑器中复制和粘贴纯文本

要将纯文本粘贴到经典编辑器中,您必须首先单击工具栏切换按钮:

WordPress 经典编辑器中的工具栏切换按钮

现在,您只需单击“粘贴为文本”图标即可。

它看起来像一个带有字母 T 的剪贴板:

使用“粘贴为文本”WordPress 按钮打开纯文本模式

您粘贴的任何文本现在都将以纯文本模式粘贴,并删除格式。

这是我们粘贴 Google 文档中的文本时的样子。标题、粗体、斜体、项目符号和链接均已删除:

在 WordPress 经典编辑器中以纯文本形式粘贴的 Google 文档文本

专业提示:复制、粘贴和克隆整个 WordPress 网站

虽然上面的初学者指南向您展示了复制和粘贴的基础知识,但 WordPress 还提供了许多高级的复制、粘贴和克隆功能。

例如,您可以通过 7 个简单步骤轻松克隆整个 WordPress 网站

还有一种方法只需单击一下即可创建重复的 WordPress 页面或帖子。

如果您使用块编辑器,那么您还可以创建可在多个帖子中使用的可重用块

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top