WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤

WordPress 媒体库是一个用于管理网站上所有媒体文件的中央存储区域。

媒体库可以存储各种类型的文件,包括图像、视频、音频和文档等。用户可以通过媒体库上传、编辑和组织这些文件,并将它们插入到文章和页面中。我们在撰写文章或页面时上传并插入到内容中的媒体文件,也会被整理到 WordPress 媒体库中统一管理。

图片[1]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

媒体库提供了直观的界面,支持搜索和筛选功能,方便用户快速找到所需的媒体文件。此外,用户还可以在媒体库中进行简单的图像编辑,如裁剪、旋转和调整大小。媒体库是管理和使用网站多媒体资源的重要工具。

WordPress 媒体库

点击 WordPress 网站后台左侧边栏的“媒体” – “媒体库”进入到媒体库的管理页面。

图片[2]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

我们上传的所有文件都在「媒体库」界面中按上传时间顺序列出,最新上传的显示在媒体库文件列表的最前面。

媒体库视图切换

在媒体库页面,我们可以通过点击媒体文件列表左上侧的图标切换网格视图或列表视图两种方式来查阅媒体文件。

  • 网格视图以缩略图形式展示媒体项目,包括图像、音频图标和视频图标,排列成网格。这种视图更直观,便于快速浏览和查找特定的媒体内容。当我们需要快速浏览和查找媒体内容时,网格视图非常适用,因为缩略图展示方式便于快速识别。
  • 列表视图以表格形式展示媒体项目,每行显示一个媒体项目,并包含详细信息:缩略图、文件标题、作者、上传到(文章或页面)、评论数量、上传日期等。当需要详细查看和管理媒体属性时,列表视图更为适用。更适合需要频繁进行批量操作的场景,例如批量删除或批量编辑媒体项目。
图片[3]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

媒体库文件筛选,搜索和批量操作

除了不同视图查看媒体库文件之外,我们还可以通过文件格式和上传日期筛选媒体库文件。点击“所有多媒体项目”和“全部日期”,在下拉列表中选择媒体文件格式和上传日期,可以快速筛选出目标文件。

图片[4]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击“批量选择”按钮之后,可以鼠标点选多个媒体文件,或者按住 Shift 键一次性选择多个媒体文件。然后对选中的媒体文件进行批量“永久删除”操作。

此外,在右上角的搜索框中,我们可以通过输入关键词来查找需要的 WordPress 媒体文件。

媒体库的搜索框会依据我们上传媒体文件时的文件名、为媒体文件设置的“标题”、“说明文字”和“描述”内容(下图中所有绿色背景内容)来筛选出所有匹配搜索关键词的文件。然而,该搜索框不会将我们在“替代文本”中填写的内容用于文件的搜索查询。

图片[5]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

例如,虽然我在“替代文本”填写的内容中包含关键词“歪猫跨境”,如果文件名,标题,描述,说明文字中不包含关键词“歪猫跨境”的话,通过媒体文件的搜索功能,是无法找到这个图片文件的。

附件详情

在媒体库中点击图像缩略图、音频图标或视频图标将显示一个附件详情对话框,在这个页面中我们可以预览媒体文件并进行快速编辑。对附件详情所做的任何更改都会自动保存。点击对话框右上角的左右箭头按钮,或键盘上的左右箭头键,可以快速在媒体项目之间进行切换。

图片[6]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

附件详情显示的属性和可修改设置的数据包括:

  • 文件基本信息:上传日期,上传者,上传至(包含此媒体的文章或页面的标题),文件名,文件类型,文件大小,分辨率(仅图片文件)
  • 文件附加信息:替代文本(仅图片文件),标题,说明文字,描述,文件URL(复制网址至剪切板)
  • 艺术家,专辑(仅音频文件)
  • 链接菜单:查看媒体文件,编辑详细信息,下载文件,永久删除

这其中

在 WordPress 媒体库文件设置中,替代文本(Alt Text)、标题(Title)、说明文字(Caption)和描述(Description)这四项设置有不同的用途和功能。以下是它们的详细说明:

  1. 替代文本(Alt Text):用于描述图像的内容,特别是在图像无法加载时显示给用户,也会用于帮助屏幕阅读器为视障用户描述图像,帮助搜索引擎理解图像的内容,提高网站的无障碍性和SEO(搜索引擎优化)。一般情况下,替代文本不会直接显示在网页上,但会在图像无法加载或被屏幕阅读器读取时显示。
  2. 标题(Title):为图像提供一个简短的标题,通常,在网站前台将鼠标悬停到图片上时,会在鼠标指针旁边显示图片的标题(如果鼠标悬停时不显示图片标题,可能是 WordPress 主题不支持)。有助于用户快速了解图像的主要内容,但对SEO影响较小。
  3. 说明文字(Caption):提供对图像的简短说明或解释,通常用于补充图像的背景信息或上下文。有助于用户更好地理解图像的内容,通常会在网站前台图片下方显示,作为图像的说明文字。
  4. 描述(Description):提供对图像的详细描述或背景信息,可以包括图像的来源、拍摄时间、作者等详细信息。主要用于后台管理,帮助管理员更好地管理和查找图像,但通常不会在前端显示。
图片[7]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在线编辑图片

编辑图片页面提供了简单的图片在线编辑功能,允许我们对图片进行基础的编辑操作,帮助我们在网站上更好地组织和展示媒体内容。

图片[8]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在“附件详情”弹窗中,点击图片底部的“编辑图片”按钮,在线编辑图片,包括:

  • 裁剪:选择图像区域进行裁剪,使用上方的裁剪图标确定裁剪。可以使用纵横比和选择选项进行调整。
  • 缩放图像:按比例缩放原始图像,缩放只支持缩小图像,不支持放大功能。
  • 图像旋转:将图像顺时针或逆时针旋转90度;旋转180度;垂直或水平翻转。
  • 撤销/重做:撤销或恢复上一个编辑操作。
  • **恢复原始图片:**重新打开编辑并保存过的图片之后,会有恢复图像到原始状态的选项,先前编辑的副本不会被删除。

新增媒体文件

我们可以在新增媒体页面直接上传媒体文件,以便日后在文章和页面中使用。

WordPress 支持单个文件上传,也支持批量上传。

批量上传文件

图片[9]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

如果使用的浏览器支持 HTML 5,则我们在 WordPress 后台看到的默认文件上传窗口如上图,我们可以将文件从计算机拖放到虚线边框标示的上传区域,将文件上传到媒体库。或者点击“选择文件”按钮,然后选择1个或者多个文件(按住键盘上的 Ctrl 键可以点选多个文件),完成上传操作。

上传过程中,文件上会显示一个状态栏,指示上传进度。

在文件上传区域,会显示当前允许的最大上传文件大小,如 512MB。

超过限制的文件将无法通过此方法成功上传。

浏览器上传器

如果浏览器不支持 HTML 5,则我们可以通过 WordPress 的浏览器上传器上传文件。

图片[10]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击“选择文件”按钮,在文件上传窗口中找到并点击要上传的文件,再点击“上传”按钮。媒体文件名将显示在“选择文件”按钮右侧。点击“上传”按钮开始上传媒体文件。如果上传未成功或耗时过长,点击“取消”按钮可以终止上传过程。

文件管理器或者 FTP 上传

除了在 WordPress 后台直接上传媒体文件外,我们还可以通过主机自带的 File Manager 文件管理工具,或者通过 FTP 工具,将媒体文件批量上传到根目录下的 /wp-contents/uploads 文件夹中。通过这种方式上传的图片可能不会显示在媒体库的文件列表中,这是因为通过 FTP 或者文件管理器上传的文件没有在网站数据库中建立数据索引。我们可以借助插件,如 Media Sync,为这些文件在数据库中建立索引,之后,这些文件就会正常展示在媒体库中。

另外上传的图片是否自动生成缩略图,以及上传的文件如何存储,可以在 WordPress 设置媒体设置中完成相关设置。

图片[11]-WordPress 媒体库管理和媒体文件上传教程 | WordPress 教程 ⑤ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
© 版权声明
THE END
喜欢就支持一下吧
点赞2 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容