使用媒体库

介绍与学习目标

在本课中,我们将深入探讨媒体库。我们将学习如何浏览和管理媒体库、添加替代文本,并理解优化图片的重要性。

什么是媒体库?

媒体包括你上传并在网站上使用的图片、视频和文件。当然,媒体会被插入到页面和文章中。我相信你也会同意,媒体在提升网站的整体体验和效果方面起着关键作用。你可以向媒体库添加各种类型的媒体,从照片、截图、音频、PDF文档、电子表格、PowerPoint演示文稿等等。

浏览媒体库

当你打开媒体库时,它会默认以网格视图显示。在网格视图中,图片缩略图、音频图标等都以网格结构排列。在这里,你可以筛选媒体以找到所需内容。在顶部,网格视图图标旁边,你可以按媒体类型和日期筛选媒体。“所有媒体项目”下拉菜单允许你按媒体类型选择,如图片、音频、视频、文档,甚至电子表格。你还可以查看未附加到任何文章或页面的媒体。这意味着媒体在你的媒体库中,但尚未在网站的任何地方使用。例如,让我们使用筛选选项,仅查看音频文件。或者文档,如PDF。甚至电子表格。然后,当然,你可以返回查看所有媒体项目。接下来,“所有日期”下拉菜单允许你根据上传日期查看图片。你可以快速找到在特定月份上传的媒体,或者选择查看所有。当你点击“批量选择”时,可以同时删除媒体。你还可以使用右上角的搜索框搜索媒体,例如,使用描述或文件名中的词语。在这种情况下,我想通过简单搜索查看所有与鞋子相关的图片。你也可以在列表视图中查看媒体。顾名思义,在列表视图中,所有媒体会依次列出。你还可以看到文件名和文件类型,例如PDF或JPEG。要向媒体库添加媒体,请点击侧边栏或顶部的“添加新媒体文件”。选择后,你可以将单个或多个文件拖放到页面中,或使用“选择文件”选项。

从媒体库添加媒体

当你使用图片块或画廊块向页面或文章添加媒体时,你可以直接从计算机上传图片到文章或页面及媒体库,或直接从媒体库中选择。对于较大的视频,最好通过YouTube或视频块嵌入,这样可以节省媒体库空间并提高性能。

编辑媒体

当你打开一张图片时,你可以添加属性,如替代文本、标题、说明和描述。始终为图片添加替代文本非常重要。替代文本是对图片的简洁描述,供无法查看图片的用户使用,同时也有利于网站的SEO(搜索引擎优化)。添加描述也能增强SEO,并有助于更好地组织和理解图片的目的或内容。当你点击“编辑图片”时,可以裁剪、缩放或调整图片大小以进行图片优化。更改高度或宽度后,尺寸会自动更新。别担心,当你选择“恢复原始图片”时,可以将图片恢复到原始格式。你还可以选择旋转或翻转图片。

图片优化

最后,让我们简要谈谈图片优化。建议在上传到媒体库之前优化图片,以提高页面加载速度并节省服务空间。你可以使用基于网页的工具来实现这一点,例如TinyPNG、Bulk Resize或Squoosh.app等网站。记住,在将图片添加到媒体库之前,使用描述性和相关的文件名保存图片。这有助于搜索引擎理解图片内容,从而提升SEO。搜索引擎在索引和排名内容时可能会将文件名作为参考因素。另一个选择是使用图片优化插件。在搜索插件目录时,有多种图片优化插件可供选择。找到适合你需求的插件后,你可以安装、激活并按照必要步骤操作。这两种方法(使用基于网页的工具或插件)都能通过压缩图片而不牺牲视觉质量来提升整体性能。祝你在使用媒体库将网站提升到新水平的过程中一切顺利。

实践练习

使用WordPress Playground并完成以下活动以测试你的知识:

  1. 上传两张图片和一个PDF或电子表格到你的WordPress媒体库。如果你的计算机上没有图片,可以使用https://unsplash.com/。
  2. 使用媒体库中的筛选选项仅显示图片,然后仅显示文档。然后,返回查看所有媒体项目。
  3. 在你的 WordPress 网站上创建一个新文章或页面。使用相应的区块(例如,图片区块、画廊区块)从你的媒体库中插入至少一张图片。
  4. 将 YouTube 的视频网址添加到视频区块中。
  5. 从你的媒体库中选择一张图片,并编辑其属性,如替代文本、标题、说明文字和描述。
  6. 通过缩放图片并提供新尺寸来编辑图片。完成后恢复原始图片。

发表回复

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