插入图像

插入图像

使用 WordPress 媒体管理器,插入、查看和链接您的个人图像和图像库非常简单。

图片只需插入页面/文章中,请单击 「添加媒体」按钮 ( 添加媒体),然后只需将图片从计算机上的任何位置拖到浏览器窗口中即可。您的文件将自动上传。

图片插入

或者,单击「选择文件」按钮,然后使用显示的对话框窗口选择您要上传的文件。

也可以直接将图像拖移到可视化编辑器中,而不是单击「添加媒体」按钮。

无论您是单击「添加媒体」按钮还是只需将图片拖放到可视化编辑器中,图片上传后,都会显示您的媒体库,其中包含您之前上传的所有图片。刚刚上传的图片将被自动 「选择」,方便轻松插入到您的页面或文章中。选中的图片在图片的右上角显示有 「勾号」 图标。

上传后,您可以通过按住 Ctrl 键 (Mac 上的 Cmd 键) 并单击来选择其他先前上传的图像。要取消选择图像,请单击图像右上角的 「勾号」 。

在窗口底部,您将看到当前选定图像的数量。

此 「插入媒体」窗口中有多个选项,可帮助您更轻松触发图片添加到页面或文章中。

默认情况下,显示以前上传的图片,从最近上传的图片开始。如果您想缩小此列表的范围,窗口顶部有一个下拉列表,可以让您按所有媒体项目上传到此文章/页面的项目、图片音频文件、视频文件、文档独立文件和许多其他选择。您还可以通过选择日期来过滤媒体文件,或者,还有一个搜索字段可以让您指定搜索图像。

当前突出显示的图片 (即带有蓝色近似的图片) 的属性将显示在 「插入媒体」窗口的右侧这些属性包括文件名、文件上传日期和图片大小。此时,您还可以更改每个个图像的标题、说明文字、替代文本和描述,以及插入图像的扫描方式、链接和大小。

  • 标题– 当鼠标鼠标悬停在浏览器中的图像上时显示为工具提示
  • 标题– 在图片下方显示简要说明。如何显示将取决于当时使用的 WordPress 主题。您还可以在标题中包含基本 HTML
  • 替代文本– 显示当浏览器能够呈现图像时。显示用户的屏幕阅读器也可以使用它,使用因此图像描述填写此字段非常重要。在某种程度上,它也对您的网站搜索引擎优化 (SEO)) 中发挥着作用。由于搜索引擎无法 「读取」 图像,它们因此依赖于替代文本
  • 描述– 通常显示在媒体的附件页面上,但完全当前使用的主题

图片插入

对于每个图像,您可以使用 「对齐」 下拉列表选择图像的对齐方式:左对齐居中对齐右对齐。您还可以选择「无」不对齐,这意味着图像将使用主题的对齐默认设置显示。

您还可以使用 「链接到」 下拉列表更改插入的图像将链接到的内容您可以通过选择附件页面选择链接到图像的附件页面,也可以通过选择媒体文件来链接到完整尺寸的图像还可以通过选择 「自定义 URL」链接到任何 URL 当您执行此操作时,将出现一个新字段,允许您输入自定义 URL 。您还可以通过选择无来选择不链接到任何内容

上传图片后,WordPress 还会为您的文件创建多个不同大小的副本。您可以使用 「大小」下拉列表选择要插入到页面或文章中的内容要以图片为您上传的有意插入尺寸,只需选择「全尺寸」即可。此下拉列表中列出的每个尺寸旁边是图像的实际尺寸,以像素为单位 (例如 300 x 225) 。

选择所有后,单击 「插入到文章」按钮将选定图像插入到文章中当前图片位置 (编辑页面时,此按钮将显示 「插入到页面」) 。

如果您想更改图片的顺序,请单击 「插入媒体」窗口底部的「编辑选择」链接。窗口将发生变化,以便仅显示选定的图片。或者,单击「清除图片」链接将取消选择所有。

单击「插入媒体」窗口底部的「编辑选择」链接后,将显示所有当前选定的图像。您可以通过单击并拖动每个图像来重新排序,从而更改在图像页面或文章中显示的图像顺序。您还可以更新每张图像的标题、说明文字、替代文本和说明。要删除选定的其中一个图像,则出现悬浮在勾号上时单击图像右上角出现的小 「-」 。

图片插入

点击「返回到库」按钮将返回到上一个屏幕,您可以在其中选择或取消图片选择。更新图片的顺序和属性后,单击 「插入到文章」按钮将所选图片插入到当前文章中画面位置 (编辑页面时,此按钮将显示 「插入到页面」) 。

当您编辑文章/页面时,如果您希望插入之前上传的图片 (而不是上传新图片),请再次单击 「添加媒体」 按钮 ( ) 。显示弹窗后,单击弹窗顶部添加媒体媒体」 」 选项卡,而不是将新文件拖到上传窗口中。将您之前显示上传的所有图像,首先显示最新的图像。

您想要插入到页面或文章中的图像,然后只需单击 「插入到文章」按钮 (或者如果您正在编辑页面,此按钮将选择「插入到页面」) 。如前所述,如果您想更改图像的插入顺序,还可以单击窗口底部的「编辑选择」 链接。

最后更新时间:2022 年 4 月 6 日


,

删除 HTML 链接

删除 HTML 链接

要删除 html 链接,请单击页面/文章中要删除的链接以显示内联链接工具栏。工具栏出现后,单击「删除」按钮 ( ) 以删除链接。如果您想从图像中删除链接,只需单击图像一次将其选中,单击 「插入/编辑链接」按钮 ( 插入/编辑链接) 以显示内联链接工具栏,然后删除 URL 并单击 「应用」按钮 ( 申请链接) 接受您的链接改变。如果 html 链接链接到上传的文件或图像,单击「删除」按钮不会删除该文件,而只会删除超链接。

删除 HTML 链接

全屏编辑

全屏编辑

WordPress 允许全屏撰写。它可以让您完全无干扰地编辑页面或文章。要进入全屏模式,只需单击「无干扰写作」按钮 ( 全屏编辑) 。打开 「无干扰写作」 按钮后,左侧菜单和右侧面板就会淡出视图,只在屏幕上留下撰写内容所需的最少内容。

全屏编辑

在无干扰写作模式下,只有标题字段和可视化编辑器会显示,直到您将鼠标移到编辑器之外。将鼠标移出编辑器后,菜单和侧面板就会淡出视图。

要退出无干扰写作模式,请再次单击无干扰写作按钮。

 

使用可视化编辑器添加内容

使用可视化编辑器添加内容

用于在页面或文章中输入内容的编辑器非常易于使用。它很像使用常规文字处理程序,带有工具栏按钮,可让您将文本加粗 ( 大胆的) 或斜体 ( 斜体) 或输入标题 ( 风格) 或项目符号点 ( 编号列表 项目符号列表) 。您甚至可以使用其他文本编辑器中使用的大多数基本键盘快捷键。例如:Shift+Enter插入换行符、Ctrl+C/Cmd+C = 复制、Ctrl+X/Cmd+X = 剪切、Ctrl+Z/Cmd+Z = 撤消、Ctrl+Y/Cmd+Y = 重做、Ctrl+A/Cmd+A = 全选等 (在 PC 上使用Ctrl键,在 Mac 上使用Command 键) 。

向页面添加内容时,可视化编辑器会展开以适合您的内容,而不是简单地滚动。最重要的是,无论可视化编辑器变得多高,工具栏按钮都可以通过粘在页面顶部来随时可用。

通过使用特殊的键盘快捷键,添加内容现在变得更加容易。当您想要向内容添加不同大小的标题时,您现在可以使用两个或更多主题标签 (#) 开始一行,然后按 Enter 键转到下一行,而不必从工具栏下拉列表中选择标题大小,可视化编辑器会自动将您的文本转换为适当的标题。与标题一样,您也可以使用*创建无序列表,使用1将启动一个有序列表,>将创建一个块引用。

可用键盘快捷键的完整列表如下;

* – 启动无序列表
– 启动无序列表
1. – 启动有序列表
1) – 启动无序列表
## – H2
### – H3
#### – H4
##### – H5
## #### – H6
> – 添加块引用
– 添加水平线
`..` – 将文本转换为代码块 (将 .. 替换为您的文本)

编辑器顶部有两个选项卡:「视觉」「文本」 ( 视觉/文字) 。它们在可视化编辑器文本编辑器之间切换编辑器视图文本视图将使您能够查看构成内容的 HTML 代码。对于更有经验的用户来说,这有时会很有帮助,但对于那些不熟悉 HTML 标签的人来说,不建议这样做。

创建新页面或文章时,要做的第一件事是在顶部输入字段中输入标题,其中显示 「添加标题」将鼠标向下移动到编辑器后,将为您的页面创建一个新的永久链接。永久链接是您个人文章、页面、类别等的永久 URL 。虽然通常没有必要,但您可以通过单击永久链接旁边的「编辑」 按钮来手动编辑永久链接。修改后,单击「确定」保存或单击「取消」取消更改。

在编写内容的编辑器顶部,有许多格式按钮。单击工具栏切换按钮 ( 工具栏切换) 将显示或隐藏第二行格式设置按钮,这为您提供了额外的功能。编辑器按钮执行以下功能:

 

添加媒体 添加媒体– 用于上传和插入图像、音频、视频或文档等媒体
风格 样式– 用于根据当前主题使用的样式设置页面文本格式
大胆的 粗体– 粗体文本
斜体 斜体– 斜体文本
项目符号列表 项目符号列表– 创建无序列表 (项目符号点)
编号列表 编号列表– 创建有序 (编号) 列表
块引用 块引用– 用作显示引用的方式。它的外观完全取决于您的网站当前使用的主题
左对齐 左对齐– 文本左对齐
居中对齐 居中对齐– 将文本居中对齐
右对齐 右对齐– 文本右对齐
插入/编辑链接 插入/编辑链接– 用于创建指向另一个页面或网站的 html 链接。如果首先没有选择任何文本,您输入的 URL 也将用于链接文本
插入「阅读更多」标签 插入 「阅读更多」 标签 –「更多」标签插入您的页面。大多数博客仅显示文章的一小部分摘录,您需要单击文章标题或 「阅读更多...」 链接才能继续阅读文章的其余部分。当您在文章中插入 「更多」 标签时,该标签之前的所有内容都被视为摘录。大多数时候,您只会在创建博客文章而不是页面时使用此按钮
工具栏切换 工具栏切换– 用于显示或隐藏编辑器工具栏上的第二行格式化按钮
全屏编辑 无干扰写作– 单击此按钮将放大编辑器,使其填满浏览器窗口。单击屏幕顶部的退出全屏链接会将其缩小回原始大小
删除线 删除线- 在文本中添加删除线
水平线 水平线– 在页面中插入一条水平线
文字颜色 文本颜色– 用于更改文本的颜色
粘贴为文本 粘贴为文本- 从其他网站或文字处理程序复制和粘贴文本有时会导致文本格式与您期望的不同。原因是,格式化原始文本的 html 标签或代码通常会与文本本身一起粘贴。为了避免这种情况,粘贴为文本将删除所有这些格式和 html 标签。「粘贴为文本」 选项就像一个开关,一直保持打开状态,直到您再次单击该按钮将其关闭或直到您保存页面内容
清除格式 清除格式- 使用此功能可以从突出显示的文本中删除所有格式 (例如粗体、下划线、文本颜色等)
插入特殊字符 特殊字符- 用于插入不易通过键盘访问的特殊字符 (例如?、?、?、?、€、?等)
减少缩进 减少缩进– 删除一级缩进
增加缩进 增加缩进- 将文本缩进一级
撤消 撤消– 撤消您的上一个操作
重做 重做– 重做您的上一个操作
帮助 键盘快捷键– 显示有关 WordPress 可视化编辑器的信息以及键盘快捷键
视觉/文字 视觉/文本– 在视觉编辑器和文本编辑器之间切换编辑器视图。文本视图将使您能够查看构成内容的 HTML 代码。对于更有经验的用户,这有时会有所帮助,但对于那些不熟悉 HTML 标签的用户,不建议这样做

最后更新时间:2022 年 4 月 6 日


,

插入媒体文件的链接

插入媒体文件的链接

添加媒体文件 (例如文档或 PDF) 的链接就像添加标准 html 链接一样简单。有几种方法可以解决这个问题。

点击「添加媒体」按钮 ( 添加媒体),然后只需将文件从计算机上的各个位置拖到浏览器窗口中即可。您的文件将自动上传。

或者,单击「选择文件」按钮,然后使用显示的对话框窗口选择您要上传的文件。

文件上传后,会显示您的媒体库,其中包含您之前上传的所有文件。您刚刚上传的文件将被自动 「选择」,方便轻松插入到您的页面或文章中。

插入媒体文件的链接

更新文件的标题。当文本链接插入到您的内容中时,标题将用于文本链接「链接到」 下拉列表中,选择「媒体文件」下面的字段将自动填充文件的 URL 。

单击 「到插入文章」按钮可在文章中当前位置插入指向所选文件的链接 (编辑页面时,此按钮将显示 「插入到页面」) 。

如果您碰巧知道要链接的媒体文件的 URL,或者想在某些​​现有的文本上创建链接,只需单击并拖动鼠标并突出显示要转换为文本的文本即可。链接,然后单击插入/编辑链接按钮 ( 插入/编辑链接) 。像以前一样,添加简单的 HTML 链接时,输入媒体文件的 URL,然后单击 「添加链接」按钮。将创建一个标准的 html 链接,链接到您指定的媒体文件。

添加 HTML 链接

添加 HTML 链接

HTML 链接允许您的网站访客轻松浏览您的网站。当您希望允许人们从您的网站下载文件 (例如 PDF 或其他文档) 以查看图像甚至只是链接到其他网站时,也可以使用它们。HTML 链接经常会显示有下划线,以将其与其他文本区分开来,但这可能会根据您当前使用的主题而有所不同。

也可以看看:

编辑或删除图像

编辑或删除图像

有多种选项可用于调整插入图像的布局。

单击已插入页面或文章中的图像后,图像上方将出现一个小工具栏。通过选择对齐按钮 ( ) 之一,对齐图像您可以更改插入图像的对齐方式。单击编辑按钮 ( 编辑图像) 可以编辑图像属性。单击「删除」按钮 ( 删除图像) 将从您的内容中删除该图像。它只会从您的页面或文章中删除图像,而不会从您的媒体库中删除图像。

当您单击页面或文章中的图像以及上面提到的对齐、编辑和删除图标时,图像还会显示 「调整大小手柄」 。这些是您在图像边缘看到的小方块。要调整图像大小,只需单击并拖动角调整大小手柄之一即可。

与任何图像编辑软件一样,如果您尝试放大小图像,它往往会变得相当像素化。最好插入大图像,然后调整大小。

编辑或删除图像

单击「编辑」按钮 ( ) 后,将出现以下弹窗。

编辑或删除图像

图像详细信息弹窗允许您编辑各种图像和链接属性:

  • 标题– 显示在图像下方作为简短说明。如何显示将取决于当时使用的 WordPress 主题。您还可以在标题中包含基本 HTML
  • 替代文本 – 当浏览器无法呈现图像时显示。视障用户的屏幕阅读器也使用它,因此使用图像描述填写此字段非常重要。在某种程度上,它也在您的网站搜索引擎优化 (SEO) 中发挥着作用。由于搜索引擎无法 「读取」 图像,因此它们依赖于替代文本
  • 对齐– 允许您选择图像的对齐方式。它们可以左对齐、居中对齐或右对齐。将对齐设置为 「无」 将删除其他对齐设置。这如何影响您内容中的图像将取决于当前使用的主题
  • 尺寸- 从下拉列表中选择特定尺寸或选择 「自定义尺寸」,然后在出现的输入字段中输入宽度和高度 (以像素为单位)
  • 链接到– 从下拉列表中选择您想要将图像链接到的位置。您可以通过选择 「附件页面」 来选择链接到图像附件页面,也可以通过选择「媒体文件」来链接到全尺寸图像您还可以通过选择 「自定义 URL」链接到任何 URL 当您执行此操作时,将出现一个新字段,允许您输入自定义 URL 。您还可以通过选择 「无」来选择不链接到任何内容
  • 图像标题属性– 当鼠标鼠标悬停在浏览器中的图像上时显示为工具提示
  • 图像 CSS 类 – 默认情况下,WordPress 将为您的图像分配多个 CSS 类。如果由于某种原因,您想将其他 CSS 类分配给您的图像,那么您可以将它们添加到此输入字段中
  • Link Rel – 描述从当前文档到指定链接的关系。有关 rel HTML 属性的更多信息可以在 Wikipedia上找到
  • 链接CSS 类– 如果需要在 HTML 链接上设置特定的 CSS 类,则可以将其添加到此输入字段中

单击编辑原始按钮可以对上传的图像执行一些简单的操作。您可以旋转和翻转图像,也可以将其缩放和裁剪为不同的尺寸。

如果您想完全替换图像,请单击「替换」按钮,您将看到媒体库,您可以在其中选择新图像。

更新图像属性后,单击「更新」按钮保存更改。或者,单击弹窗右上角的小 「x」 以关闭弹窗而不保存任何更改。

 

设置特色图像

设置特色图像

某些主题允许您为页面和文章指定特色图像。特色图像通常称为文章/页面缩略图,通常是代表特定页面或文章的某种图像。这些图像的显示方式完全取决于当前使用的主题。

如果您的主题允许您设置特色图像,则当您编辑页面或文章时,将显示以下特色图像面板。如果无法设置特色图像,则不会显示此面板。

设置特色图像

设置特色图像与将图像添加到页面或文章中非常相似。单击「设置特色图像」链接后,将显示一个弹窗,该窗口看起来与您向页面/文章添加图像时显示的窗口类似。您可以上传一张新图像作为您的特色图像,也可以简单地从之前上传的图像中进行选择。

默认情况下,您将看到之前上传的图像的列表。如果您想上传新图像,可以单击弹窗顶部的 「上传文件」 选项卡,然后单击「选择文件」按钮,或者只需将图像拖放到弹窗中即可。上窗。单击要用作特色图像的图像后,您可以更新标题、说明文字、替代文本和说明。要将图像设置为特色图像,请单击设置特色图像按钮。然后,您选择的图像将出现在「特色图像」面板中。

设置特色图像

插入视频、音频或其他文件类型

插入视频、音频或其他文件类型

The procedure for inserting any other type of file into your Page/Post is exactly the same as Inserting an Image. Simply click the Add Media button (Add Media). Once the relevant pop-up window displays, perform the same steps to upload your file to your site and to insert it into your Page or Post.

When inserting video or audio files, you can select Embed Media Player from the Embed or Link dropdown list in the Insert Media pop-up window to use the audio and video players that are now built into WordPress. Supported audio/video formats include M4a, MP4, OGG, WebM, FLV, MP3, and WAV files.

Inserting Video, Audio or Other File Type

 

It』s recommended that you make your filename 「server friendly」. Make sure the filename has no spaces, apostrophes, slashes or other non-alphanumeric characters (such as $, % and &). Rename the file before uploading if it does. To preserve readability, some people replace spaces with the underline character or hyphen. For instance, My File Name.txt becomes My_File_Name.txt or My-File-Name.txt

添加新页面

添加新页面

要添加新页面,请将鼠标悬停在左侧导航菜单中的页面菜单选项上,然后在弹出菜单中单击添加链接。或者,单击页面菜单选项,然后单击下面的添加新链接,或页面顶部的添加新按钮。您将看到类似于下图的页面。

添加新页面