使用指南/创建内容/媒体/在您的站点上添加横幅

在您的站点上添加横幅

“封面”区块通常被称为“主图”或“横幅”图片,用于在您的站点上添加大型图片、视频或文本横幅。本指南将向您展示如何添加横幅,并选择要显示的图片、视频或颜色。

视频教程

此视频为英文内容。
YouTube 提供自动翻译功能,帮助您以母语观看:

开启自动翻译字幕的方法:

  1. 播放视频。
  2. 点击视频右下角的 ⚙️ 设置 图标。
  3. 选择 字幕/CC
  4. 选择 自动翻译
  5. 从列表中选择您的首选语言。

使用自动配音(实验功能)的方法:

  1. 点击 ⚙️ 设置 图标。
  2. 选择 音轨
  3. 选择您想收听的语言:

ℹ️ 翻译和配音由 Google 自动生成,可能不够准确,且自动配音功能仍在测试中,暂未向所有语言开放。

添加“封面”区块

您可以使用“封面”区块将横幅图片添加到您的站点。要在页面文章模板中添加横幅,请执行以下步骤:

  1. 转到您站点的仪表盘
  2. 根据您想添加横幅的位置,导航至页面、文章或模板,然后编辑或新建横幅:
    • 页面:转到您菜单的“页面”部分。
    • 文章:转到您菜单的“文章”部分。
    • 模板:转到“外观 → 编辑器”,然后选择模板。
  3. 点击“+(区块插入器)”图标,然后搜索“封面”。
    • 或者,在显示“键入 / 以选择区块”的位置键入“/cover”。
“(+) 区块插入器”边栏打开,“封面”区块图标突出显示。
  1. 点击封面图标插入“封面”区块
添加媒体前的“封面”区块,包含用于上传、选择媒体或使用特色图片的选项。

选择横幅媒体

添加“封面”区块后,请选择要显示的媒体。您可以选择下列任一选项:

  • 上传:点击“上传”按钮,从您的计算机中选择文件。
  • 选择媒体:在以下任一位置查找媒体:
    • 媒体库:您已上传至站点媒体库的图片和视频。
    • 您的手机:使用 Jetpack 移动应用程序,直接从您的手机上传媒体。
    • 使用 AI 生成:简要描述您想使用的图片类型,AI 将为您创建设计。
    • Google Photos:从您已连接的 Google Photos 账户中选择媒体。
    • Pexels:搜索 Pexels 库中的免费图片。
    • Openverse:搜索 Openverse 库中的免费图片。
  • 使用特色图片:设置后显示页面或文章的特色图片。将“封面”区块添加到模板并选择此选项后,系统会自动显示使用该模板的任何页面或文章中的特色图片。
  • 颜色:为横幅选择纯色,而不添加图片或视频。

然后,您可以在横幅中添加文本和按钮等内容自定义横幅的布局,并调整横幅的设计

图片选择贴士

选择横幅图片时请考虑以下因素:

  • 最好选择装饰性或抽象图片,因为完整图片在移动设备上未必能完整显示。
  • 在图片上输入任意文本,而非在图片内部设计文本。这样可确保文本在所有屏幕尺寸下都能有效缩放。
  • “封面”区块会将该图片用作背景图片,且在较小尺寸设备上不会自动调整大小以显示整张图片。使用焦点选择器设置,您可以选择在较小屏幕上查看图片时需要对焦的区域。
    • 如果图片中有内容需要在各种不同尺寸的设备上完整显示,则您可以使用“图片”区块

创建视频横幅

“封面”区块支持图片、视频和纯色。要向“封面”区块中上传视频,您必须订阅支持视频上传的 WordPress.com 套餐。高级版套餐和更高级别的套餐均包含视频上传功能。订阅包含视频上传功能的套餐后,您就能在选取横幅媒体时选择视频。

“封面”区块属于装饰性而非功能性区块,因此不会播放视频文件中的任何声音。要播放带声音的视频,请使用 VideoPress 区块

替换或删除横幅媒体

添加“封面”区块后,您可以随时更改媒体。要替换或删除横幅中的媒体,请执行以下步骤:

  1. 转到您站点的仪表盘
  2. 导航至横幅所在的页面、文章或模板。
  3. 在编辑器的左上角选择列表视图
  4. 在列表视图中点击“封面”区块项。
列表视图打开,箭头从“列表视图”图标指向“封面”区块。
  1. 区块工具栏中,点击“替换”按钮以选择新图片或视频。
“替换”选项在“封面”区块工具栏中突出显示。

您可以使用以下任一选项来选择新的媒体文件:

  • 打开媒体库:从您的媒体库或 Google Photos、Pexels 或 Openverse 等其他来源中选择现有图片或视频。
  • 上传:从您的设备中选择新图片或视频。
  • 使用特色图片:使用页面或文章的特色图片
  • 重置:清除横幅媒体,显示纯色。

Copied to clipboard!