想了解如何在 WordPress 的弹出窗口中打开 YouTube 视频?
La 收藏夹 或模式窗口(弹出窗口)是网络上非常普遍的功能。 但是,它通常用于显示图像、电子邮件捕获表单、促销甚至注册表单。
但是您知道吗,也可以使用它在 WordPress ? 没有?
不用担心,在本教程中,我将向您展示如何显示视频 (YouTube - Vimeo - 等) 在 收藏夹.
但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
您应该使用 展示您视频的灯箱
该 收藏夹 是模式窗口,但是,您不知道的是,并非所有显示在其中的图像都在 « chargement« 页面。
Le 航海家 充 该 图片 什么时候 收藏夹 打开,视频也是如此。 简而言之,这是一个功能 将使您的页面打开更快。 它还将允许您减小尺寸 (长)您的网页因为此模式窗口中将提供此页面的部分内容。
休战休战,让我们开始做生意。
如何安装和配置 插入 WP视频灯箱
WP视频灯箱是一个 插入 在WordPress.org上可用。 这意味着您可以直接从WordPress仪表板安装它,或者 下载它 作为.zip文件.
有关详细信息, 查看有关如何安装WordPress插件的分步指南.
激活后 插入,从此位置转到其设置页面“ 设置 >> 视频 收藏夹 “。
我们将直接转到“ prettyPhoto “。
实际上,这 插入 用另一个 插入,主要用于显示照片库。 但是,您可以更改将应用于视频的某些信息。
为此,我将解释一些选项 (必填)因此,它是你的愿望。
已经是书店 prettyPhoto 必须激活 (检查« 启用 prettyPhoto »). 为了让用户知道他们在同一页面上,可以使窗口透明 (确定 从0到1的值。 接受逗号值).
您所有的灯箱都可以显示标题 (展示 标题). 有时,对于大型模式窗口,您需要允许调整大小 (让 调整). 对于更长的视频,用户将能够放大它们 (让 扩大),更好看.
对于宽度和高度 收藏夹,您可以编辑字段“ 默认 宽度 “和” 默认 高度 “。
选择主题 收藏夹,更改下拉菜单 主题 ”。 也可以激活自动播放 (勾选方框 自动播放 “).
如何显示 收藏夹 在一篇文章中
Le 插入 提出一份清单 简 这将允许您显示 收藏夹 在文章中。 我忘了告诉你,您也可以观看以下视频 Vimeo的.
观看视频 YouTube ou Vimeo的您必须使用 简 suivant:
[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)
其中每一个 简 接受参数,这将使您能够:
- 定义标识符 (VIDEO_ID) 视频,通常采用以下格式: YzqKMmQ_3Sg “。 为例 [video_lightbox_youtub VIDEO_ID = “ YzqKMmQ_3Sg”]
- 设置视频的高度 (高度)
- 设置视频的宽度 (宽度)
- 添加说明 (描述)
- 添加HTML锚点 (锚),或将打开窗口的链接文字
- 添加缩略图 (auto_thumb)
如果设置HTML锚点,则缩略图将被忽略。 否则, auto_thumb 取值“ 1 “。
通过发现也走得更远 如何使用和管理简码WordPress的
使用示范
根据我刚刚为您提供的信息,您可以使用与此类似的代码来显示视频:
[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]
对于类似的结果
您可以使用类似的代码查看上面显示的缩略图。
[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" auto_thumb="1" description="Par Dr WP"]
结果与此相同
临走
应该注意的是 简 将覆盖设置中定义的内容。
还发现一些高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。
1。 FileBird
您是否曾经为管理上传到 WordPress FTP 的数千个图像、视频或文档文件而苦恼? 是或否,没关系,重要的是要知道 WordPress插件 FileBird 将帮助您轻松管理媒体文件,并为您的图书馆带来更多力量。
其无缝的用户界面和上下文菜单使用户可以将文件拖放到文件夹中,或者具有必要的权限,以与计算机上相同的方式快速创建,重命名或删除文件夹。 使用此插件,您的媒体文件将得到系统地组织,并且您可以轻松地选择要插入页面或发布的图像。
发现我们的 6个WordPress插件为您的文章注入新的活力
此外,此插件与最受欢迎的插件完全兼容,尤其是与 WooCommerce ,并且还支持大量的语言。 因此,如果您想提升您的媒体库管理, WordPress插件 FileBird 可能是您的秘密武器。
2.社交分享和储物柜Pro
Social Share&Locker Pro插件旨在帮助您的网站在社交网络上更加可见。 只需单击几下,您就可以设置社交图标的位置,或者通过要求在您提供的社交网络之一上共享来锁定内容。
您有10个模板,这些模板应涵盖最常见的愿望。 她的所有模型都完美无缺,而且运转出色。 另外,使用Social Share&Locker Pro,您将能够显示社交网络的全名或仅显示图标。 这将取决于您的设计,可用空间或您的口味。
3。 联系表格7工具提示
此 WordPress扩展 Contact Form 7 插件为您的 Contact Form 7 插件带来了一个简单的工具提示功能。它的工具提示将在目标元素悬停时显示。 在移动设备上,工具提示会指示目标元素何时被使用。
它的主要功能是:易用性,支持所有版本的Contact Form 7,自定义工具提示的背景色,支持HTML代码,完整版式响应式等等。
其他推荐资源
我们还邀请您参考以下资源,以进一步掌握和控制网站和博客。
- Elementor:如何从 url 或菜单打开弹出窗口
- 如何降级WordPress插件的版本
- 如何找到赞助商并通过博客获利? :指南
- 如何自定义WordPress后台为客户
- 如何创建移动WordPress的一个响应菜单
结论
有! 就是本教程的内容了,希望它能帮助您在YouTube上显示Youtube或Vimeo视频。 WordPress网站上的灯箱. 不要犹豫 与您最喜欢的社交网络上的朋友分享.
但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。
但是,与此同时,请告诉我们您的 评论 和专用部分中的建议。
...
你好,
我正在寻找一种方法来点击按钮后显示视频弹出窗口。 WP Video Lightbox可以做到这一点吗?
谢谢,
真诚的,
你好,
原则上是的。
我已经忘记了
谢谢
您好,本教程祝贺。
使用“ auto_thumb”时是否可以放大视频缩略图?
原则上,“ auto_thumb”使用具有固定大小的预定义图像。
你好,
非常感谢您精心设计这个教程,我想知道是否可以从You Tube和Vimeo以外的其他平台(例如Openload)添加视频,或者是否有限制。
你的
你好,
原则上可以。 我们还没有测试。