beginner-wordpress-user/platform/Embedding media and third-party content on your website/bilibili/Embedding media and third-party content on your website.bcc
studio 4cfcf09a97 sync: full archive from pipeline (250 files)
Sources: video-subtitle-pipeline artifacts/beginner-wordpress-user/
- subtitles/: en, zh, bilingual SRT/ASS (100 files)
- platform/: youtube SRT + bilibili BCC per video (75 files)
- manifests/: per-video manifest.json (25 files)
- quality/: quality reports (50 files)
2026-04-13 23:35:08 +08:00

357 lines
No EOL
8.9 KiB
Text
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"font_size": 0.4,
"font_color": "#FFFFFF",
"background_alpha": 0.5,
"background_color": "#9C27B0",
"Stroke": "none",
"body": [
{
"from": 0.0,
"to": 1.312,
"location": 2,
"content": "在本教程中,"
},
{
"from": 1.312,
"to": 7.0,
"location": 2,
"content": "我们将了解如何快速在您的网站上嵌入媒体和第三方内容。"
},
{
"from": 7.0,
"to": 13.571,
"location": 2,
"content": "嵌入是一种在您网站上显示外部媒体或内容的方式,"
},
{
"from": 13.571,
"to": 17.0,
"location": 2,
"content": "而无需直接上传或托管它。"
},
{
"from": 17.0,
"to": 22.238,
"location": 2,
"content": "嵌入功能让您可以无缝整合各种类型的内容,"
},
{
"from": 22.238,
"to": 28.0,
"location": 2,
"content": "例如视频、社交媒体文章、地图、音频片段等等。"
},
{
"from": 28.0,
"to": 33.0,
"location": 2,
"content": "例如,您可以在网站上显示来自 Spotify 的播客。"
},
{
"from": 33.0,
"to": 38.277,
"location": 2,
"content": "或者来自您 Tumblr 账户的文章,我已将它们显示在分栏中,"
},
{
"from": 38.277,
"to": 41.0,
"location": 2,
"content": "使用了分栏区块并更改了背景颜色。"
},
{
"from": 41.0,
"to": 48.0,
"location": 2,
"content": "最常见的嵌入可能是嵌入来自 YouTube、Vimeo 或其他地方的视频。"
},
{
"from": 48.0,
"to": 56.0,
"location": 2,
"content": "例如,您甚至可以使用 CrowdSignal 在您的站点上添加调查。"
},
{
"from": 56.0,
"to": 62.0,
"location": 2,
"content": "或者您可能决定在您的站点上添加来自 X 的文章。"
},
{
"from": 62.0,
"to": 68.0,
"location": 2,
"content": "最后,您甚至可以显示来自 SoundCloud 的音乐。"
},
{
"from": 68.0,
"to": 72.118,
"location": 2,
"content": "要添加嵌入区块,请点击左上角的插入按钮,"
},
{
"from": 72.118,
"to": 75.0,
"location": 2,
"content": "然后一直向下滚动到嵌入选项。"
},
{
"from": 75.0,
"to": 80.0,
"location": 2,
"content": "在这里您会注意到所有可用的不同嵌入区块。"
},
{
"from": 80.0,
"to": 83.0,
"location": 2,
"content": "第一个就是嵌入区块本身。"
},
{
"from": 83.0,
"to": 89.0,
"location": 2,
"content": "当您选择嵌入区块时,就可以显示来自其他站点的内容。"
},
{
"from": 89.0,
"to": 91.0,
"location": 2,
"content": "既然我已选中该区块,"
},
{
"from": 91.0,
"to": 95.0,
"location": 2,
"content": "它提示粘贴您想在站点上显示的内容的链接。"
},
{
"from": 95.0,
"to": 99.837,
"location": 2,
"content": "所以我已经从我的一篇 X 文章中获取了一个网址,"
},
{
"from": 99.837,
"to": 103.0,
"location": 2,
"content": "我会将其粘贴在那里,然后点击嵌入。"
},
{
"from": 103.0,
"to": 107.0,
"location": 2,
"content": "然后我们会看到文章显示在我们的站点上。"
},
{
"from": 107.0,
"to": 112.0,
"location": 2,
"content": "您也可以使用为特定第三方服务构建的嵌入区块。"
},
{
"from": 112.0,
"to": 117.684,
"location": 2,
"content": "例如 X、YouTube、WordPress、Vimeo、CrowdSignal、PocketCosts 等。"
},
{
"from": 117.684,
"to": 124.0,
"location": 2,
"content": "正如你在左侧列表中看到的。"
},
{
"from": 124.0,
"to": 127.947,
"location": 2,
"content": "因此,与其使用通用的嵌入区块,"
},
{
"from": 127.947,
"to": 134.0,
"location": 2,
"content": "我们本可以使用 X 嵌入区块来达到相同的结果。"
},
{
"from": 134.0,
"to": 139.029,
"location": 2,
"content": "在下一个例子中,我不会点击左上角的插入按钮,"
},
{
"from": 139.029,
"to": 142.0,
"location": 2,
"content": "而是输入斜杠和区块的名称。"
},
{
"from": 142.0,
"to": 145.0,
"location": 2,
"content": "我想在我的站点上添加一个 YouTube 视频。"
},
{
"from": 145.0,
"to": 153.8,
"location": 2,
"content": "所以我会输入 /YouTube选择该区块"
},
{
"from": 153.8,
"to": 161.0,
"location": 2,
"content": "然后添加视频的网址,再点击嵌入。"
},
{
"from": 161.0,
"to": 166.02,
"location": 2,
"content": "但 WordPress 让向您的站点添加第三方内容变得更加容易,"
},
{
"from": 166.02,
"to": 169.0,
"location": 2,
"content": "所以从技术上讲,你甚至不需要添加区块。"
},
{
"from": 169.0,
"to": 177.0,
"location": 2,
"content": "你可以直接将网址粘贴到你的页面或文章中。让我们看另一个例子。"
},
{
"from": 177.0,
"to": 181.154,
"location": 2,
"content": "与其插入 Spotify 嵌入区块,"
},
{
"from": 181.154,
"to": 189.0,
"location": 2,
"content": "我打算直接将一个 Spotify 播客的网址粘贴到我的页面中。"
},
{
"from": 189.0,
"to": 194.0,
"location": 2,
"content": "你知道可以将嵌入区块转换为栏目或群组区块吗?"
},
{
"from": 194.0,
"to": 199.0,
"location": 2,
"content": "转换为其中一种,可以让你更改背景颜色以及布局。"
},
{
"from": 199.0,
"to": 207.0,
"location": 2,
"content": "我想添加一个 TED 演讲,所以我会输入 /TED选择该区块"
},
{
"from": 207.0,
"to": 210.0,
"location": 2,
"content": "然后粘贴演讲的网址。"
},
{
"from": 210.0,
"to": 217.0,
"location": 2,
"content": "完成后,我会选择区块工具栏,将此区块转换为栏目区块。"
},
{
"from": 217.0,
"to": 224.0,
"location": 2,
"content": "然后我会打开我的边栏设置,将其从单列更改为双列。"
},
{
"from": 224.0,
"to": 230.4,
"location": 2,
"content": "然后我会在右侧列中添加另一个 TED 嵌入区块,"
},
{
"from": 230.4,
"to": 236.0,
"location": 2,
"content": "粘贴我第二个视频的网址,然后点击嵌入。"
},
{
"from": 236.0,
"to": 240.615,
"location": 2,
"content": "然后我会选择我的栏目区块或容器区块,"
},
{
"from": 240.615,
"to": 246.0,
"location": 2,
"content": "然后在区块工具栏中将对齐方式更改为宽对齐。"
},
{
"from": 246.0,
"to": 261.0,
"location": 2,
"content": "然后你可以进入样式,更改区块的背景颜色、内边距等。"
},
{
"from": 261.0,
"to": 265.0,
"location": 2,
"content": "但如果嵌入区块不起作用怎么办?"
},
{
"from": 265.0,
"to": 268.0,
"location": 2,
"content": "那么,我们可以使用 HTML 区块。"
},
{
"from": 268.0,
"to": 272.0,
"location": 2,
"content": "例如,嵌入区块不适用于 Facebook 或 Instagram 文章。"
},
{
"from": 272.0,
"to": 276.0,
"location": 2,
"content": "让我们转到我们的一篇 Facebook 文章。"
},
{
"from": 276.0,
"to": 284.69,
"location": 2,
"content": "点击三个垂直点,点击嵌入,复制 HTML 代码,"
},
{
"from": 284.69,
"to": 297.0,
"location": 2,
"content": "返回您的网站,输入正斜杠 HTML然后选择自定义 HTML 区块。"
},
{
"from": 297.0,
"to": 300.0,
"location": 2,
"content": "然后我们就可以继续粘贴代码了。"
},
{
"from": 301.0,
"to": 308.0,
"location": 2,
"content": "现在,在区块工具栏中,我们可以点击预览来查看文章将如何显示。"
},
{
"from": 308.0,
"to": 315.0,
"location": 2,
"content": "我相信你现在已经掌握了在您的站点上嵌入第三方内容所需的所有工具。"
}
]
}