如何在WordPress网站中嵌入TikTok视频(3个简单方法)

news2024/11/25 3:00:07

您想轻松地将 TikTok 视频嵌入您的 WordPress 网站吗?

如果您已经创建了成功的、病毒式传播的 TikTok,那么将这些视频发布到您的网站也是有意义的。通过这种方式,您只需很少的额外努力就能获得更多的观看次数、参与度和社交媒体关注者。

在本文中,我们将向您展示如何在 WordPress 中轻松嵌入TikTok视频。

本文网址: 如何在WordPress网站中嵌入TikTok视频(3个简单方法) - WP站长
 

高性能网站定制开发 https://gplwp.eastfu.com/product/website-building-packages/

以WordPress为基础的网站已经占据互联网网站的42%,网站总数量超过几亿个。以WordPress网站作为官网、商务网站和电商网站已成为世界主流。本服务以高性能的WordPress技术栈和几百款高级WordPress主题和插件为基础,为你定制独立网站和电子商务网站。

了解更多

目录   

为什么要在 WordPress 中嵌入TikTok视频?

方法 1. 使用 TikTok 块(适用于任何主题)

方法 2. 使用全站编辑器(适用于基于块的 WordPress 主题)

方法 3. 使用 QuadLayers(嵌入您的整个 TikTok Feed)

为什么要在 WordPress 中嵌入TikTok视频?

根据我们最终的博客统计数据列表,带有视频的帖子比没有视频的帖子获得的流量高出 83%。也就是说,如果您已经发布了 TikTok,那么将这些视频嵌入您的 WordPress 网站是有意义的。

通过这种方式,您可以吸引更多访问者,而无需花费大量时间创建新内容。这些视频还可以帮助吸引访问者的注意力并使他们在您的网站上停留更长时间,这将增加 WordPress 的综合浏览量并降低跳出率。

同时,这些视频将向访问您网站的用户宣传您的 TikTok 频道。这可以让您在 TikTok 上获得更多参与度和关注者。

让我们看看如何在 WordPress 中嵌入 TikTok 视频。只需使用下面的快速链接即可直接跳至您要使用的方法。

  • 方法 1. 使用 TikTok 块(适用于任何主题)
  • 方法 2. 使用全站编辑器(适用于基于块的 WordPress 主题)
  • 方法 3. 使用 QuadLayers(嵌入您的整个 TikTok Feed)

方法 1. 使用 TikTok 块(适用于任何主题)

在 WordPress 网站上嵌入 TikTok 的最简单方法是将视频的 URL 粘贴到页面或帖子编辑器中。然后 WordPress 将检测视频并自动为您获取。

首先,您需要访问要嵌入的 TikTok 视频。然后,复制视频的 URL。

接下来,打开您想要展示 TikTok 视频的 WordPress 页面或帖子。然后,您只需将该 URL 粘贴到WordPress 块编辑器中即可。

WordPress 将自动检测您正在嵌入 TikTok 视频,并添加已嵌入视频的 TikTok 块。

默认情况下,WordPress 会自动调整 TikTok 视频的大小,以适应较小的屏幕,包括智能手机和平板电脑。当浏览器调整大小时,它还将保留视频的比例。

这是良好的用户体验,因此我们建议启用该设置。但是,有时您可能希望无论如何都将视频保持相同的大小。在这种情况下,单击选择 TikTok 块,然后禁用“针对较小设备调整大小”开关。

如果您确实禁用此设置,那么最好从桌面测试 WordPress 网站的移动版本,以检查您对访问者体验是否满意。

通过将 TikTok 块添加到页面或帖子中,您可以获得类似的结果。之后,您可以随时添加 TikTok 视频的 URL。

如果您不确定要嵌入什么 TikTok 视频,或者视频尚未发布,这会很有用。这也是规划布局的好方法,特别是在设计登陆页面或销售页面时。

要添加 TikTok 区块,只需单击“+”图标,然后输入“TikTok”即可。

当右侧块出现时,单击将其添加到页面或帖子中。

之后,您只需将 TikTok URL 粘贴到块中,然后单击“嵌入”即可。

另一种选择是将 TikTok 视频嵌入小部件就绪区域,例如侧边栏或类似部分。这使您可以在整个网站上显示相同的视频。例如,如果您尝试在 TikTok 中创建病毒式赠品,那么您可以嵌入宣布比赛的视频。

为此,请转到仪表板中的外观»小部件。在这里,您将看到可以在 WordPress 中添加小部件的所有不同区域。

只需找到您想要嵌入 TikTok 视频的区域即可。

然后,单击“+”图标。

在出现的弹出窗口中,输入“TikTok”。

当右侧块出现时,单击将其添加到小部件就绪区域。

您现在可以粘贴要嵌入的 TikTok 视频的 URL。

完成后,单击“嵌入”按钮。

完成后,请不要忘记单击“更新”以使更改生效。

您现在可以访问您的WordPress 博客或网站来实时观看 TikTok 视频。

方法 2. 使用全站编辑器(适用于基于块的 WordPress 主题)

如果您使用的是块主题,那么您可以使用全站点编辑器将 TikTok 添加到任何小部件就绪区域或模板。这使您可以在无法使用标准内容编辑器编辑的页面和帖子上显示 TikTok 视频。例如,您可以使用 TikTok 视频来改进您的 404 页面模板。

在 WordPress 仪表板中,转到主题 » 编辑器

默认情况下,全站点编辑器将显示主题的主页模板。

如果您想将 TikTok 视频添加到其他区域,请单击“模板”或“模板部分”。

您现在将看到构成WordPress 主题的所有模板或模板部分。

只需找到您想要嵌入 TikTok 视频的模板并单击它即可。例如,我们将向存档页面模板添加 TikTok,但无论您使用什么模板,步骤都将基本相同。

WordPress 现在将显示模板的预览。

要继续编辑布局,请单击小铅笔图标。

完成后,单击屏幕左上角的“+”按钮。

在出现的搜索栏中输入“TikTok”。

当右侧块出现时,将其拖放到布局上。

您现在可以将视频的 URL 粘贴到 TikTok 块中,然后单击“嵌入”按钮。

如果您对模板的外观感到满意,请单击“保存”按钮。现在,只需访问您的 WordPress 网站即可查看 TikTok 的运行情况。

方法 3. 使用 QuadLayers(嵌入您的整个 TikTok Feed)

如果你只是想在你的WordPress网站上添加一些TikTok ,那么方法1和方法2都是不错的选择。但是,有时您可能希望在自动更新的源中显示所有最新的 TikTok。

这是一种保持网站新鲜有趣的简单方法,同时推广您最新的 TikTok 视频。

在 WordPress 中嵌入 TikTok Feed 的最佳方法是使用QuadLayers TikTok Feed。这个免费插件允许您将 WordPress 连接到您的 TikTok 帐户,然后在图库或砖石布局中显示您的所有视频。

请注意,您只能显示您自己帐户中的 TikTok。

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

第一步是使用您的 TikTok 帐户创建访问令牌。在 WordPress 仪表板中,前往TikTok Feed » 帐户,然后单击“添加 TikTok 帐户”。

接下来,点击“使用 TikTok 登录”。

您现在可以输入您的 TikTok电子邮件地址和密码,然后按照屏幕上的说明将 QuadLayers 连接到您的 TikTok 帐户。

完成后,QuadLayers 会自动带您返回 WordPress 仪表板。

现在,转到TikTok Feeds » Feeds,然后单击“+ Feed”按钮。

在出现的弹出窗口中,打开“帐户”下拉列表并选择您的 TikTok 帐户。

现在,您可以为 TikTok feed 选择图库布局和砖石布局。Masonry 以纵向模式显示视频,而 Gallery 以方形缩略图显示视频。

默认情况下,QuadLayers 将显示最近发布到您帐户的 12 个 TikTok。要显示更多或更少的视频,只需在“限制”字段中输入不同的数字即可。

您还可以通过在“列”字段中输入内容来更改 QuadLayers 在每行中显示的视频数量。

您还可以配置更多设置,但这就是创建引人注目的 TikTok 源所需的全部内容。

如果您对设置感到满意,请点击“保存”。

QuadLayers 现在将创建一个短代码,将提要添加到您的网站。

只需继续复制“短代码”列中的值即可。

现在,只需将此短代码粘贴到任何页面、页面或小部件就绪区域即可。有关如何放置短代码的分步说明,请参阅我们有关如何在 WordPress 中添加短代码的指南。

完成后,只需访问您的网站即可查看 TikTok 动态的运行情况。

我们希望本文能帮助您了解如何在 WordPress 中嵌入 TikTok 视频。您可能还想查看我们关于如何在 WordPress 中嵌入 Facebook 视频的指南,或者查看我们专家精选的最佳社交媒体插件。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/740824.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

企业面临数字化转型,有什么建议吗?

数字化转型是一个综合过程,涉及利用数字技术增强业务运营、改善客户体验并推动创新。企业数字化转型的一些建议: 制定清晰的愿景:定义数字化转型目标并创建与业务目标相符的愿景。这将有助于指导数字化并确保它们的驱动目标。 拥抱云计算&am…

盲盒抽奖小程序源码-带H5端可打包APP_带安装教程

1.新建站点。上传后台源码文化到新建站点,解压跟目录!! 2. 导入数据库文件,修改数据库信息,(数据库根目录 .env 文件) 3. 修改网站运行目录 《运行目录为/public 》 4. 修改伪静态 《伪静态t…

STM32 Proteus仿真双路0-20V直流电压表TM1637数码管-0061

STM32 Proteus仿真双路0-20V直流电压表TM1637数码管-0061 Proteus仿真小实验: STM32 Proteus仿真双路0-20V直流电压表TM1637数码管-0061 功能: 硬件组成:STM32F103R6单片机 TM1637 4位数码管驱动电路2路0~20V电压测量模块2个电位器输出0-…

微信小程序精选,多样化的功能与便捷体验

白噪音Pro、魔术字体和天天倒计时,这三款微信小程序正越来越受到我们的欢迎。它们各自具有独特的功能和特点,为我们提供了多样化的体验。现在,让我们一起来详细介绍一下这三款小程序。 首先是白噪音Pro。随着生活节奏的加快和压力的增加&…

如何把录音转换成文字免费?用三个方法轻松转文字!

录音转文字的技术为我们的生活带来了诸多便利。例如,一家新闻机构正在进行一项采访,需要记录受访者的观点和信息,他们选择使用录音设备来收集数据,因为这样可以更准确地捕捉受访者的原始反应。然而,手动将录音内容转化…

动态路由介绍

目录 动态路由 协议的划分: 通过协议算法的不同可以分为两类: RIP RIP的基础配置 拓展配置: 1.RIP的手工认证——RIPV2的手工认证 2.RIP的手工汇总 3.RIP的沉默接口 4.RIP的加快收敛 5.RIP的缺省路由 OSPF 动态路由评判标准&…

今天给大家分享几款优质的图片处理软件

图片处理软件是现代生活中不可或缺的一种工具。无论是平面设计、摄影后期还是日常生活中的照片编辑等,都需要借助优质的图片处理软件来完成各种任务。今天,我将向大家介绍几款非常优秀的图片处理软件,它们功能强大、易于操作,可以…

ES trouble shotting

一、背景 KfES 实例不同节点,会出现隔断时间告警,需要kill后恢复。 二、排查 排查是es 2.3.0低版本的bug,LRUQueryCache 初始化后一直在占用着内存没有释放。 2.1 ES 版本 2.2 内存占用情况 2.3 ES 源码 2.4 社区经验 elasticsearch2.3.…

特征融合篇 | YOLOv8 引入渐进特征金字塔网络 AFPN 结构 | 《2023年6月28日最新发表》

论文地址:https://arxiv.org/pdf/2306.15988.pdf 代码地址:https://github.com/gyyang23/AFPN 多尺度特征在目标检测任务中对于编码具有尺度变化的对象非常重要。一种常见的多尺度特征提取策略是采用经典的自顶向下和自底向上的特征金字塔网络。然而,这些方法存在特征信息的…

快手详情API接口jason格式java php

随着移动互联网的快速发展,短视频应用成为越来越多用户获取信息和进行购物的重要途径。作为广告商或电商平台,了解和充分利用快手的商品详情API接口将为您的营销策略带来巨大的潜力 了解快手商品详情API接口 快手的商品详情API接口是一组提供商品相关信息…

初阶C语言——指针

Hello,我们又见面了,时间过的好快啊,转眼间也已经写了这么多份博客了,在接下来的一年里,小编也会认真学习的敲代码,我们一起进步,那今天开始讲我们的指针,指针这一章节在C语言的学习…

node-red安全部署方式-安全登录功能

node-red安全部署方式 一、前期准备二、安全部署三、更多 安装号的node-red,默认是没有用户登陆功能的,每次进入工作界面只需输入服务器ip:端口号即可登陆。但是假如其他人知道了我们的ip地址,岂不是任何人都可以访问我们的服务器呢&#xff…

带你了解Python的重要性,就算做测试也要会Python

名字:阿玥的小东东 学习:Python、C/C 主页链接:阿玥的小东东的博客_CSDN博客-python&&c高级知识,过年必备,C/C知识讲解领域博主 目录 人生苦短,我用 Python 在测试工作中用好 Python 进阶:用Python构建测试…

mysql的各类索引

MySQL的索引分三类:单列索引(普通索引、唯一索引、主键索引)、多列索引(联合主键,组合索引)、全文索引 一、单列索引:一个索引只包含单个列,但一个表中可以有多个单列索引。 (1)普通索引(二级…

阿里巴巴最受欢迎的10本书,希望能帮助你开阔眼界

读书是一件充实生活、丰富精神的事情,世界是复杂的,我们可以从书中获得包罗万象的知识,精神体验从未有过的人生。 书荒?不存在的,好书互相分享才能发挥其最大的价值。我们在内部发起了一个“晒一本你在读的书”的活动…

MyBatis 中如何使用结果映射

MyBatis 中如何使用结果映射 MyBatis 是一个开源的 Java 持久化框架,它可以将数据库中的数据映射到 Java 对象中,并且使得 Java 对象可以非常方便地存储到数据库中。在 MyBatis 中,结果映射是一个非常重要的概念,它可以将 SQL 查…

List类详解【c++】

🐔博主码云 🐔博主主页 目录 🐓list简介🐓list使用🐤list构造函数🐤list迭代器🐤list capacity🐤list element access🐤list modifiers🐤list的迭代器失效 &a…

ETH-S7200-JM01以太网模块在纺机设备网络中应用成功案例分析

内容摘要 大家好,今天我们要为大家介绍一款神奇的设备——捷米特ETH-S7200-JM01以太网模块!它可以让西门子PLC200 CPU226拥有以太网通讯接口,实现数据采集和生产管理系统构建。你以为这就是它的全部功能?那你就大错特错了&#x…

【STM32MP135】修改10.1寸屏1280x800分辨率配置,解决fb_size过小导致运行崩溃

文件路径:u-boot-stm32mp-v2021.10-stm32mp1-r1/configs/stm32mp13_defconfig

官网下载idea历史版本

1.进入官网 官网下载地址:https://www.jetbrains.com.cn/idea/ 进入后是这样的,如下图: 2.点击【下载】按钮,进入下载页面 (上图中的两个地方的【下载】按钮是一样的)。 3.选择右下角的【其他版本】就可…