studio
4cfcf09a97
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)
290 lines
9 KiB
Text
290 lines
9 KiB
Text
1
|
||
00:00:00,000 --> 00:00:01,312
|
||
在本教程中，
|
||
In this tutorial,
|
||
|
||
2
|
||
00:00:01,312 --> 00:00:07,000
|
||
我们将了解如何快速在您的网站上嵌入媒体和第三方内容。
|
||
we are going to see how you can quickly embed media and third party content on your website.
|
||
|
||
3
|
||
00:00:07,000 --> 00:00:13,571
|
||
嵌入是一种在您网站上显示外部媒体或内容的方式，
|
||
An embed is a way to display external media or content on your website
|
||
|
||
4
|
||
00:00:13,571 --> 00:00:17,000
|
||
而无需直接上传或托管它。
|
||
without having to upload or host it directly.
|
||
|
||
5
|
||
00:00:17,000 --> 00:00:22,238
|
||
嵌入功能让您可以无缝整合各种类型的内容，
|
||
Embeds allow you to incorporate various types of content seamlessly,
|
||
|
||
6
|
||
00:00:22,238 --> 00:00:28,000
|
||
例如视频、社交媒体文章、地图、音频片段等等。
|
||
such as videos, social media posts, maps, audio clips and more.
|
||
|
||
7
|
||
00:00:28,000 --> 00:00:33,000
|
||
例如，您可以在网站上显示来自 Spotify 的播客。
|
||
You can, for example, display podcasts from Spotify on your website.
|
||
|
||
8
|
||
00:00:33,000 --> 00:00:38,277
|
||
或者来自您 Tumblr 账户的文章，我已将它们显示在分栏中，
|
||
Or posts from your Tumblr account, which I've displayed in columns
|
||
|
||
9
|
||
00:00:38,277 --> 00:00:41,000
|
||
使用了分栏区块并更改了背景颜色。
|
||
using the columns block and changing the background color.
|
||
|
||
10
|
||
00:00:41,000 --> 00:00:48,000
|
||
最常见的嵌入可能是嵌入来自 YouTube、Vimeo 或其他地方的视频。
|
||
The most common embed is probably embedding a video from YouTube, Vimeo or elsewhere.
|
||
|
||
11
|
||
00:00:48,000 --> 00:00:56,000
|
||
例如，您甚至可以使用 CrowdSignal 在您的站点上添加调查。
|
||
You can even add a survey to your site using CrowdSignal, for example.
|
||
|
||
12
|
||
00:00:56,000 --> 00:01:02,000
|
||
或者您可能决定在您的站点上添加来自 X 的文章。
|
||
Or you might decide to add posts from X on your site.
|
||
|
||
13
|
||
00:01:02,000 --> 00:01:08,000
|
||
最后，您甚至可以显示来自 SoundCloud 的音乐。
|
||
And lastly, you can even display music from SoundCloud.
|
||
|
||
14
|
||
00:01:08,000 --> 00:01:12,118
|
||
要添加嵌入区块，请点击左上角的插入按钮，
|
||
To add an embed block, click on the insert atop left
|
||
|
||
15
|
||
00:01:12,118 --> 00:01:15,000
|
||
然后一直向下滚动到嵌入选项。
|
||
and scroll all the way down to embeds.
|
||
|
||
16
|
||
00:01:15,000 --> 00:01:20,000
|
||
在这里您会注意到所有可用的不同嵌入区块。
|
||
And here you will notice all the different embed blocks available.
|
||
|
||
17
|
||
00:01:20,000 --> 00:01:23,000
|
||
第一个就是嵌入区块本身。
|
||
First up is the embed block itself.
|
||
|
||
18
|
||
00:01:23,000 --> 00:01:29,000
|
||
当您选择嵌入区块时，就可以显示来自其他站点的内容。
|
||
When you select the embed block, you can display content from other sites.
|
||
|
||
19
|
||
00:01:29,000 --> 00:01:31,000
|
||
既然我已选中该区块，
|
||
Now that I've selected the block,
|
||
|
||
20
|
||
00:01:31,000 --> 00:01:35,000
|
||
它提示粘贴您想在站点上显示的内容的链接。
|
||
it says paste a link to the content you want to display on your site.
|
||
|
||
21
|
||
00:01:35,000 --> 00:01:39,837
|
||
所以我已经从我的一篇 X 文章中获取了一个网址，
|
||
So I've already grabbed a URL from one of my X posts,
|
||
|
||
22
|
||
00:01:39,837 --> 00:01:43,000
|
||
我会将其粘贴在那里，然后点击嵌入。
|
||
which I'll paste there and then click on embed.
|
||
|
||
23
|
||
00:01:43,000 --> 00:01:47,000
|
||
然后我们会看到文章显示在我们的站点上。
|
||
Then we will see that the post displays on our site.
|
||
|
||
24
|
||
00:01:47,000 --> 00:01:52,000
|
||
您也可以使用为特定第三方服务构建的嵌入区块。
|
||
You can also use embed blocks built for specific third party services.
|
||
|
||
25
|
||
00:01:52,000 --> 00:01:57,684
|
||
例如 X、YouTube、WordPress、Vimeo、CrowdSignal、PocketCosts 等。
|
||
Such as X, YouTube, WordPress, Vimeo, CrowdSignal, PocketCosts, etc.
|
||
|
||
26
|
||
00:01:57,684 --> 00:02:04,000
|
||
正如你在左侧列表中看到的。
|
||
As you can see in the list on the left.
|
||
|
||
27
|
||
00:02:04,000 --> 00:02:07,947
|
||
因此，与其使用通用的嵌入区块，
|
||
So instead of using the general embed block,
|
||
|
||
28
|
||
00:02:07,947 --> 00:02:14,000
|
||
我们本可以使用 X 嵌入区块来达到相同的结果。
|
||
we could have used the X embed block to achieve the same result.
|
||
|
||
29
|
||
00:02:14,000 --> 00:02:19,029
|
||
在下一个例子中，我不会点击左上角的插入按钮，
|
||
In the next example, I'm not going to click on the insert atop left,
|
||
|
||
30
|
||
00:02:19,029 --> 00:02:22,000
|
||
而是输入斜杠和区块的名称。
|
||
but rather type forward slash and the name of the block.
|
||
|
||
31
|
||
00:02:22,000 --> 00:02:25,000
|
||
我想在我的站点上添加一个 YouTube 视频。
|
||
I would like to add a YouTube video to my site.
|
||
|
||
32
|
||
00:02:25,000 --> 00:02:33,800
|
||
所以我会输入 /YouTube，选择该区块，
|
||
So I will type in forward slash YouTube, select the block
|
||
|
||
33
|
||
00:02:33,800 --> 00:02:41,000
|
||
然后添加视频的网址，再点击嵌入。
|
||
and then add the URL of the video and then click on embed.
|
||
|
||
34
|
||
00:02:41,000 --> 00:02:46,020
|
||
但 WordPress 让向您的站点添加第三方内容变得更加容易，
|
||
But WordPress has made it even easier to add third party content to your site,
|
||
|
||
35
|
||
00:02:46,020 --> 00:02:49,000
|
||
所以从技术上讲，你甚至不需要添加区块。
|
||
so technically you don't even have to add the block.
|
||
|
||
36
|
||
00:02:49,000 --> 00:02:57,000
|
||
你可以直接将网址粘贴到你的页面或文章中。让我们看另一个例子。
|
||
You can merely paste the URL straight into your page or post. Let's look at another example.
|
||
|
||
37
|
||
00:02:57,000 --> 00:03:01,154
|
||
与其插入 Spotify 嵌入区块，
|
||
Instead of inserting the Spotify embed block,
|
||
|
||
38
|
||
00:03:01,154 --> 00:03:09,000
|
||
我打算直接将一个 Spotify 播客的网址粘贴到我的页面中。
|
||
I am going to paste the URL of a Spotify podcast straight into my page.
|
||
|
||
39
|
||
00:03:09,000 --> 00:03:14,000
|
||
你知道可以将嵌入区块转换为栏目或群组区块吗？
|
||
Did you know you can transform an embed into a columns or a group block?
|
||
|
||
40
|
||
00:03:14,000 --> 00:03:19,000
|
||
转换为其中一种，可以让你更改背景颜色以及布局。
|
||
Transforming to one of these will let you change the background color as well as the layout.
|
||
|
||
41
|
||
00:03:19,000 --> 00:03:27,000
|
||
我想添加一个 TED 演讲，所以我会输入 /TED，选择该区块，
|
||
I would like to add a TED talk, so I'm going to type in forward slash TED, select the block
|
||
|
||
42
|
||
00:03:27,000 --> 00:03:30,000
|
||
然后粘贴演讲的网址。
|
||
and then paste the URL of the talk.
|
||
|
||
43
|
||
00:03:30,000 --> 00:03:37,000
|
||
完成后，我会选择区块工具栏，将此区块转换为栏目区块。
|
||
Once I've done that, I will select my block toolbar and transform this block to a columns block.
|
||
|
||
44
|
||
00:03:37,000 --> 00:03:44,000
|
||
然后我会打开我的边栏设置，将其从单列更改为双列。
|
||
Then I will open up my sidebar settings and then change it from one column to two columns.
|
||
|
||
45
|
||
00:03:44,000 --> 00:03:50,400
|
||
然后我会在右侧列中添加另一个 TED 嵌入区块，
|
||
Then I will add another TED embed block into my right column,
|
||
|
||
46
|
||
00:03:50,400 --> 00:03:56,000
|
||
粘贴我第二个视频的网址，然后点击嵌入。
|
||
paste the URL of my second video and then click on embed.
|
||
|
||
47
|
||
00:03:56,000 --> 00:04:00,615
|
||
然后我会选择我的栏目区块或容器区块，
|
||
Then I will select my columns block or container block
|
||
|
||
48
|
||
00:04:00,615 --> 00:04:06,000
|
||
然后在区块工具栏中将对齐方式更改为宽对齐。
|
||
and then in the block toolbar change the alignment to wide width.
|
||
|
||
49
|
||
00:04:06,000 --> 00:04:21,000
|
||
然后你可以进入样式，更改区块的背景颜色、内边距等。
|
||
Then you can go to styles, change the background color of the block, change the padding, etc.
|
||
|
||
50
|
||
00:04:21,000 --> 00:04:25,000
|
||
但如果嵌入区块不起作用怎么办？
|
||
But what happens if the embed blocks don't work?
|
||
|
||
51
|
||
00:04:25,000 --> 00:04:28,000
|
||
那么，我们可以使用 HTML 区块。
|
||
Well, we can use the HTML block.
|
||
|
||
52
|
||
00:04:28,000 --> 00:04:32,000
|
||
例如，嵌入区块不适用于 Facebook 或 Instagram 文章。
|
||
The embed block does not work for Facebook or Instagram posts for example.
|
||
|
||
53
|
||
00:04:32,000 --> 00:04:36,000
|
||
让我们转到我们的一篇 Facebook 文章。
|
||
Let's make our way to one of our Facebook posts.
|
||
|
||
54
|
||
00:04:36,000 --> 00:04:44,690
|
||
点击三个垂直点，点击嵌入，复制 HTML 代码，
|
||
Click on the three vertical dots, click on embed, copy the HTML code,
|
||
|
||
55
|
||
00:04:44,690 --> 00:04:57,000
|
||
返回您的网站，输入正斜杠 HTML，然后选择自定义 HTML 区块。
|
||
return to your website, type in forward slash HTML and then select the custom HTML block.
|
||
|
||
56
|
||
00:04:57,000 --> 00:05:00,000
|
||
然后我们就可以继续粘贴代码了。
|
||
Then we can go ahead and paste the code.
|
||
|
||
57
|
||
00:05:01,000 --> 00:05:08,000
|
||
现在，在区块工具栏中，我们可以点击预览来查看文章将如何显示。
|
||
And now in the block toolbar we can click on preview to see how the post will display.
|
||
|
||
58
|
||
00:05:08,000 --> 00:05:15,000
|
||
我相信你现在已经掌握了在您的站点上嵌入第三方内容所需的所有工具。
|
||
I trust you now have all the tools you need to embed third party content on your site.
|
||
|
