如何在 WordPress 中添加和自定义视频标题

fabiha01

WordPress 4.7版本在WordPress主题页面中添加了视频的功能。如果您还没有使用过这个超棒的功能，请查看我们的教程。
WordPress 视频定制
WordPress 4.7 引入了内置于核心软件的视频标题概念。这个视觉元素并不新鲜——我们已经在无数网站和主题上见过它——但将其内置到核心中，让它比以前更容易上手。

根据WordPress.org的说法：

视频标题被视为装饰性元素——类似于标题图片，但带有动感。因此，它们会自动播放，默认循环播放，并且没有声音。它们与图片搭配使用效果最佳，因此在支持视频的情况下，它们可以逐步提升体验。

在这篇文章中，我将引导您了解如何使用新的视频标题功能WordPress 4.7版本在WordPress主题页面中添加了视频的功能。如果您还没有使用过这个超棒的功能，请查看我们的教程。
WordPress 视频定制
WordPress 4.7 引入了内置于核心软件的视频标题概念。这个视觉元素并不新鲜——我们已经在无数网站和主题上见过它——但将其内置到核心中，让它比以前更容易上手。

根据WordPress.org的说法：

视频标题被视为装饰性元素——类似于标题图片，但带有动感。因此，它们会自动播放，默认循环播放，并且没有声音。它们与图片搭配使用效果最佳，因此在支持视频的情况下，它们可以逐步提升体验。

在这篇文章中，我将引导您了解如何使用新的视频标题功能，包括样式和自定义。

显示基本视频标题
WordPress 4.7 中引入了一个新标签 the_custom_header_markup()。它只需一步即可统一显示标题图片和标题视频。它会显示div包含标题图片的 ，并将视频所需的脚本放入队列中。

默认显示标题图片。如果用户的环境支持视频，图片将逐渐增强以显示视频。

要显示视频标题，您需要做两件事：添加视频主题支持并使用the_custom_header_markup()您希望标题显示的任何位置。

要添加主题支持，请使用以下代码片段：

add_theme_support（'自定义标题'，数组（
  '视频' => true
））；
查看原始add_theme_support.php 由GitHub ❤ 托管
设置显示位置
默认情况下，视频仅在 WordPress 网站首页加载。主题可能需要覆盖此行为。幸运的是，有多种方法可以实现这一点。

is_header_video_active 过滤器
当WordPress决定是否显示视频时，它会查看通过is_header_video_active()过滤器传递的值。如果为true，则显示视频，否则不显示。以下代码将视频分割为所有单页，而不仅仅是主页。

添加过滤器（' is_header_video_active '，' custom_video_header_pages '）；

函数 custom_video_header_pages（$active）{
  如果（is_home（）||  is_page（））{
    返回 true；
  }

  返回 false；
}
查看原始is_header_video_active.php 由GitHub 用 ❤ 托管
video-active-callback 标头参数
在注册主题的视频支持时，我们可以使用video-active-callback参数来修改决定何时显示视频的默认条件。默认情况下，它设置为is_front_page。这意味着当函数返回 true: 时，WordPress 将在首页上显示标题视频is_front_page()。您可以使用其他内置 WordPress 函数或编写您自己的函数：

add_theme_support（'自定义标题'，数组（
  '视频' => true,
  'video-active-callback' => '自定义视频主动回调'
））；

函数custom_video_active_callback（）{
  如果（！is_user_logged_in（）&&！is_home（））{
    返回 true；
  }
  
  返回 false；
}
查看原始custom-condition.php 由GitHub 托管
上述功能将在除主页之外的所有页面上仅为访客显示视频标题。

设置显示条件
除了限制视频在哪些页面上显示外，您可能还希望视频在特定视口尺寸下显示。默认情况下，视频仅显示在宽度至少为 900px、高度至少为 500px 的屏幕上。

该header_video_settings过滤器 ，包括样式和自定义。

显示基本视频标题
WordPress 4.7 中引入了一个新标签 the_custom_header_markup()。它只需一步即可统一显示标题图片和标题视频。它会显示div包含标题图片的 ，并将视频所需的脚本放入队列中。

默认显示标题图片。如果用户的环境支持视频，图片将逐渐增强以显示视频。

要显示视频标题，您需要做两件事：添加视频主题支持并使用the_custom_header_markup()您希望标题显示的任何位置。

要添加主题支持，请使用以下代码片段：

add_theme_support（'自定义标题'，数组（
  '视频' => true
））；
查看原始add_theme_support.php 由GitHub ❤ 托管
设置显示位置
默认情况下，视频仅在 WordPress 网站首页加载。主题可能需要覆盖此行为。幸运的是，有多种方法可以实现这一点。

is_header_video_active 过滤器
当WordPress决定是否显示视频时，它会查看通过is_header_video_active()过滤器传递的值。如果为true，则显示视频，否则不显示。以下代码将视频分割为所有单页，而不仅仅是主页。

添加过滤器（' is_header_video_active '，' custom_video_header_pages '）；

函数 custom_video_header_pages（$active）{
  如果（is_home（）||  is_page（））{