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)
500 lines
16 KiB
Text
500 lines
16 KiB
Text
1
|
|
00:00:00,000 --> 00:00:04,050
|
|
在本课中，我们将应用目前所学的知识，
|
|
In this lesson, we are going to apply what we've learned thus far,
|
|
|
|
2
|
|
00:00:04,050 --> 00:00:09,000
|
|
来设置我们的页面、文章、站点标志和导航菜单。
|
|
by setting up our pages, posts, site logo and navigation menu.
|
|
|
|
3
|
|
00:00:11,000 --> 00:00:13,000
|
|
首先，我们来创建页面。
|
|
First up, let's create our pages.
|
|
|
|
4
|
|
00:00:13,000 --> 00:00:17,000
|
|
我将前往“页面”，点击“添加新页面”。
|
|
I'll make my way to pages, click on add new page.
|
|
|
|
5
|
|
00:00:17,000 --> 00:00:21,421
|
|
然后，一旦我这样做了，我就能添加或选择一个区块样板，
|
|
And then once I do that, I will be able to add or select a pattern
|
|
|
|
6
|
|
00:00:21,421 --> 00:00:24,000
|
|
这个样板是随我的主题提供的。
|
|
that comes with my theme.
|
|
|
|
7
|
|
00:00:24,000 --> 00:00:26,000
|
|
而我使用的是 2024 默认主题。
|
|
And I'm using the 2024 default theme.
|
|
|
|
8
|
|
00:00:26,000 --> 00:00:31,000
|
|
所以我会继续，选择一个我喜欢的样板。
|
|
So I'll go ahead and select a pattern that appeals to me.
|
|
|
|
9
|
|
00:00:31,000 --> 00:00:34,000
|
|
并将其命名为“主页”。
|
|
And name it home.
|
|
|
|
10
|
|
00:00:34,000 --> 00:00:41,000
|
|
发布后，我将返回“页面”并添加下一页。
|
|
After publishing, I'll make my way back to pages and add my next page.
|
|
|
|
11
|
|
00:00:41,000 --> 00:00:46,000
|
|
这次，我不打算选择样板，并将此页面命名为“博客”。
|
|
This time, I'm not going to choose a pattern and I'll name this page blog.
|
|
|
|
12
|
|
00:00:48,000 --> 00:00:53,000
|
|
接下来，我将创建一个“关于”页面并选择相关样板。
|
|
Next, I'm going to create an about page and select the relevant pattern.
|
|
|
|
13
|
|
00:00:57,000 --> 00:01:03,000
|
|
最后，我还将创建一个联系页面，不选择样板。
|
|
And lastly, I will also create a contact page without choosing a pattern.
|
|
|
|
14
|
|
00:01:07,000 --> 00:01:09,000
|
|
现在我的页面已就位。
|
|
Now I have my pages in place.
|
|
|
|
15
|
|
00:01:10,000 --> 00:01:15,000
|
|
那么接下来，我将前往“设置”并点击“阅读”。
|
|
So next, I'm going to make my way to settings and click on reading.
|
|
|
|
16
|
|
00:01:16,000 --> 00:01:21,000
|
|
对于我的主页显示，我将选择一个静态页面，
|
|
And for my homepage display, I will select a static page
|
|
|
|
17
|
|
00:01:21,000 --> 00:01:25,000
|
|
并将我的主页设置为我的静态主页。
|
|
and set my home page as my static home page.
|
|
|
|
18
|
|
00:01:27,000 --> 00:01:30,000
|
|
并将我的博客页面设置为我的文章页面。
|
|
And my blog page as my posts page.
|
|
|
|
19
|
|
00:01:31,000 --> 00:01:36,887
|
|
提醒一下，如果你已选择“最新文章”作为主页显示内容，
|
|
Just a reminder, if you have selected your latest posts for your homepage display,
|
|
|
|
20
|
|
00:01:36,887 --> 00:01:44,000
|
|
你将为此主页或首页修改博客主页模板，因为尚未创建任何页面。
|
|
you will modify the blog home template for this homepage or front page, as no page has been created.
|
|
|
|
21
|
|
00:01:45,000 --> 00:01:51,417
|
|
请注意，当我们打开静态主页并打开设置边栏时，
|
|
Please note, when we open up our static homepage and open the settings sidebar,
|
|
|
|
22
|
|
00:01:51,417 --> 00:01:59,000
|
|
我们会注意到此页面已被分配给页面模板或默认页面模板。
|
|
we will notice that this page has been assigned to the page template or the default page template.
|
|
|
|
23
|
|
00:02:01,000 --> 00:02:06,091
|
|
而我的博客页面或文章页面已被分配给博客主页模板，
|
|
And my blog page or posts page has been assigned to the blog home template
|
|
|
|
24
|
|
00:02:06,091 --> 00:02:08,000
|
|
且此设置无法更改。
|
|
and this cannot be changed.
|
|
|
|
25
|
|
00:02:10,000 --> 00:02:17,200
|
|
然后我们还会注意到，我的其他页面也已被分配给通用或默认页面模板，
|
|
And then we'll also notice that my other pages have also been assigned to the general or default page template,
|
|
|
|
26
|
|
00:02:17,200 --> 00:02:19,000
|
|
与我的主页相同。
|
|
the same as my home page.
|
|
|
|
27
|
|
00:02:23,000 --> 00:02:30,558
|
|
接下来，让我们将注意力转向文章，正如你将注意到的，
|
|
Next, let's shift our attention to posts and as you will notice,
|
|
|
|
28
|
|
00:02:30,558 --> 00:02:36,000
|
|
我已经创建了两篇文章以及分类和标签。
|
|
I've already created two posts as well as categories and tags.
|
|
|
|
29
|
|
00:02:37,000 --> 00:02:41,929
|
|
提醒一下，分类用于将内容归类到主要话题或板块，
|
|
Just a reminder, categories are used to classify content into main topics or sections
|
|
|
|
30
|
|
00:02:41,929 --> 00:02:46,000
|
|
而标签则像是为内容提供具体详情的标签。
|
|
and tags are like labels that give specific details about content.
|
|
|
|
31
|
|
00:02:48,000 --> 00:02:52,815
|
|
举个例子，我将继续操作并添加一篇新文章。
|
|
As an example, I'm going to go ahead and add a new post.
|
|
|
|
32
|
|
00:02:52,815 --> 00:02:58,000
|
|
这篇文章是关于纽约的，然后我会添加一些虚拟内容。
|
|
The post is about New York and then I will add some dummy content.
|
|
|
|
33
|
|
00:02:59,000 --> 00:03:05,000
|
|
之后，我会打开设置边栏并选择相关分类。
|
|
Thereafter, I will open up the settings sidebar and select the relevant category.
|
|
|
|
34
|
|
00:03:06,000 --> 00:03:07,000
|
|
在本例中，是旅行。
|
|
In this case, travel.
|
|
|
|
35
|
|
00:03:11,000 --> 00:03:14,000
|
|
并且我会添加一个新标签，即城市。
|
|
And I will add a new tag, namely city.
|
|
|
|
36
|
|
00:03:16,000 --> 00:03:19,000
|
|
最后，我将设置特色图片或文章缩略图。
|
|
Lastly, I will set the featured image or the post thumbnail.
|
|
|
|
37
|
|
00:03:20,000 --> 00:03:23,000
|
|
特色图片当然是你文章的代表性图片。
|
|
The featured image is of course the representative image for your post.
|
|
|
|
38
|
|
00:03:25,000 --> 00:03:31,905
|
|
一旦设置完成，我们就可以点击发布，然后查看我们的三篇文章，
|
|
And once set, we can hit publish and then view our three posts
|
|
|
|
39
|
|
00:03:31,905 --> 00:03:35,000
|
|
以及它们相关的分类和标签。
|
|
with their relevant categories and tags.
|
|
|
|
40
|
|
00:03:37,000 --> 00:03:41,645
|
|
接下来，让我们更仔细地看看导航菜单，并前往外观，
|
|
Next, let's take a closer look at the navigation menu and make our way to appearance
|
|
|
|
41
|
|
00:03:41,645 --> 00:03:43,000
|
|
然后点击编辑。
|
|
and then click on editor.
|
|
|
|
42
|
|
00:03:44,000 --> 00:03:46,000
|
|
这将打开站点编辑器。
|
|
This will open up the site editor.
|
|
|
|
43
|
|
00:03:47,000 --> 00:03:50,261
|
|
在右侧，我们会看到我们的主页，
|
|
And on the right, we will notice our homepage
|
|
|
|
44
|
|
00:03:50,261 --> 00:03:57,000
|
|
如果我们打开主页，就会看到创建页面时添加的占位内容或区块样板。
|
|
and if we open up our homepage, we will see the dummy content or the pattern that we added when we created the page.
|
|
|
|
45
|
|
00:03:58,000 --> 00:04:02,000
|
|
在顶部，我们看到主题提供的页眉样板。
|
|
And at the top, we see the header pattern provided by our theme.
|
|
|
|
46
|
|
00:04:03,000 --> 00:04:06,231
|
|
如果我们尝试编辑这个页眉，会看到一条消息，
|
|
And if we try to edit this header, we will see a message
|
|
|
|
47
|
|
00:04:06,231 --> 00:04:09,000
|
|
提示需要编辑你的模板才能编辑此区块。
|
|
that says edit your template to edit this block.
|
|
|
|
48
|
|
00:04:10,000 --> 00:04:12,000
|
|
那么，我们继续并点击编辑模板。
|
|
So let's go ahead and click on edit template.
|
|
|
|
49
|
|
00:04:13,000 --> 00:04:16,000
|
|
现在我们可以编辑页面模板的页眉了。
|
|
And now we can edit the header for the page template.
|
|
|
|
50
|
|
00:04:17,000 --> 00:04:20,000
|
|
请注意，这个页眉也会出现在博客主页模板上。
|
|
Please note this header will also be found on the blog home template.
|
|
|
|
51
|
|
00:04:21,000 --> 00:04:25,800
|
|
因此，如果我们在页面模板中对此页眉进行任何更改，
|
|
So if we make any changes to this header in the page template,
|
|
|
|
52
|
|
00:04:25,800 --> 00:04:29,000
|
|
它也会在博客主页模板中自动更新。
|
|
it will also automatically update in the blog home template.
|
|
|
|
53
|
|
00:04:30,000 --> 00:04:32,000
|
|
如我们所见，我们的导航菜单位于右上角。
|
|
As we can see, we have our navigation menu top right.
|
|
|
|
54
|
|
00:04:33,000 --> 00:04:39,000
|
|
很棒的一点是，这个导航菜单是在我们创建页面时自动添加的。
|
|
And the great thing is this navigation menu was added automatically when we created our pages.
|
|
|
|
55
|
|
00:04:40,000 --> 00:04:44,154
|
|
当我们选中导航菜单并打开列表视图时，
|
|
When we select our navigation menu and open up the list view,
|
|
|
|
56
|
|
00:04:44,154 --> 00:04:49,000
|
|
我们会注意到导航项仍然是页面列表的一部分。
|
|
we will notice that the navigation items are still part of a page list.
|
|
|
|
57
|
|
00:04:50,000 --> 00:04:54,524
|
|
要改变这一点，请点击设置边栏中的编辑，
|
|
So to change this, click on edit in your settings sidebar
|
|
|
|
58
|
|
00:04:54,524 --> 00:05:00,000
|
|
以分离页面列表，这样你就可以单独管理导航项了。
|
|
to detach the page list so that you can manage navigation items individually.
|
|
|
|
59
|
|
00:05:01,000 --> 00:05:06,600
|
|
分离后，你可以使用列表视图来重新排序导航项。
|
|
Once detached, you can use the list view to reorder navigation items.
|
|
|
|
60
|
|
00:05:06,600 --> 00:05:15,000
|
|
或者，你可以使用导航区块工具栏的箭头来将项目重新定位到你想要的位置。
|
|
Or you can use the arrows of the navigation block toolbar to reposition items where you want them.
|
|
|
|
61
|
|
00:05:16,000 --> 00:05:21,000
|
|
接下来，我决定在我的导航菜单中添加社交链接。
|
|
Next, I've decided to add social links to my navigation menu.
|
|
|
|
62
|
|
00:05:22,000 --> 00:05:25,477
|
|
所以当我点击导航区块的插入按钮时，
|
|
So when I click on the insert of the navigation block,
|
|
|
|
63
|
|
00:05:25,477 --> 00:05:31,000
|
|
我会插入一个社交图标区块，然后选择相关的社交媒体平台。
|
|
I will insert a social icons block and then select the relevant social media platforms.
|
|
|
|
64
|
|
00:05:31,000 --> 00:05:35,000
|
|
在这个例子中，是 X 和 Instagram。
|
|
In this case, X and Instagram.
|
|
|
|
65
|
|
00:05:36,000 --> 00:05:39,000
|
|
别忘了添加相关的网址。
|
|
And don't forget to add the relevant URLs.
|
|
|
|
66
|
|
00:05:43,000 --> 00:05:48,778
|
|
当你选中导航区块时，可以点击设置边栏中的三个垂直点，
|
|
When you select the navigation block, you can click on the three vertical dots in your settings sidebar
|
|
|
|
67
|
|
00:05:48,778 --> 00:05:53,000
|
|
来创建一个新菜单或选择一个现有的菜单。
|
|
to create a new menu or select one of your existing menus.
|
|
|
|
68
|
|
00:05:54,000 --> 00:05:59,897
|
|
当你选择设置时，你将能够更改对齐方式，
|
|
When you select settings, you will be able to change the justification or alignment
|
|
|
|
69
|
|
00:05:59,897 --> 00:06:03,000
|
|
以及导航菜单的方向。
|
|
as well as the orientation of your navigation menu.
|
|
|
|
70
|
|
00:06:04,000 --> 00:06:06,919
|
|
在它下面，你还可以选择一个汉堡菜单，
|
|
Below that, you can also select a hamburger menu
|
|
|
|
71
|
|
00:06:06,919 --> 00:06:10,000
|
|
它会在你的站点在较小设备上查看时出现。
|
|
that will appear when your site is viewed on a smaller device.
|
|
|
|
72
|
|
00:06:11,000 --> 00:06:16,000
|
|
当你点击风格时，有多种选项可以进一步设计你的导航菜单。
|
|
When you click on styles, you have a variety of options to style your navigation menu further.
|
|
|
|
73
|
|
00:06:17,000 --> 00:06:20,000
|
|
接下来，我们谈谈站点标志区块。
|
|
Next, let's talk about the site logo block.
|
|
|
|
74
|
|
00:06:21,000 --> 00:06:26,000
|
|
正如你将注意到的，我的主题提供的页眉模式包含一个站点标志区块。
|
|
As you will notice, the header pattern that was provided by my theme includes a site logo block.
|
|
|
|
75
|
|
00:06:27,000 --> 00:06:30,706
|
|
点击站点标志区块，从你的媒体库添加新图片，
|
|
Click on the site logo block to add a new image from your media library
|
|
|
|
76
|
|
00:06:30,706 --> 00:06:33,000
|
|
或直接从你的电脑上传一张。
|
|
or to upload one directly from your computer.
|
|
|
|
77
|
|
00:06:34,000 --> 00:06:38,000
|
|
我将继续上传一个我已经添加到桌面的标志。
|
|
I will go ahead and upload a logo that I've already added to my desktop.
|
|
|
|
78
|
|
00:06:40,000 --> 00:06:43,000
|
|
然后我会稍微把它放大一点。
|
|
And then I will enlarge it slightly.
|
|
|
|
79
|
|
00:06:44,000 --> 00:06:49,000
|
|
接下来，我还想把我的导航菜单添加到页脚。
|
|
Next, I would also like to add my navigation menu to my footer.
|
|
|
|
80
|
|
00:06:50,000 --> 00:06:56,200
|
|
所以当我们向下滚动时，会注意到“快速链接”下面有一些占位内容，
|
|
So when we scroll down, we will notice that there are some dummy content below Quick Links,
|
|
|
|
81
|
|
00:06:56,200 --> 00:07:00,000
|
|
这是我主题附带的默认页脚模式的一部分。
|
|
which was part of my default footer pattern that came with my theme.
|
|
|
|
82
|
|
00:07:01,000 --> 00:07:05,354
|
|
所以当我打开列表视图并选中导航区块时，
|
|
So when I open the list view and select the navigation block,
|
|
|
|
83
|
|
00:07:05,354 --> 00:07:12,000
|
|
我可以点击设置边栏中的三个垂直点，然后选择相关的导航菜单。
|
|
I can click on the three vertical dots in my settings sidebar and then select the relevant navigation menu.
|
|
|
|
84
|
|
00:07:14,000 --> 00:07:19,000
|
|
现在我的导航菜单已放置在页眉和页脚中。
|
|
Now my navigation menus are in place in my header and footer.
|
|
|
|
85
|
|
00:07:20,000 --> 00:07:24,800
|
|
如前所述，如果我们前往博客主页模板，
|
|
And as mentioned before, if we make our way to the blog home template,
|
|
|
|
86
|
|
00:07:24,800 --> 00:07:32,000
|
|
也就是我的文章页面模板，我们会看到页眉和页脚是相同的。
|
|
which is the template for my posts page, we will see that the header and the footer are the same.
|
|
|
|
87
|
|
00:07:35,000 --> 00:07:37,690
|
|
一旦所有这些元素都就位后，
|
|
Once we have all these elements in place,
|
|
|
|
88
|
|
00:07:37,690 --> 00:07:41,000
|
|
我们就要为网站决定一个整体样式。
|
|
we want to decide on an overall style for our website.
|
|
|
|
89
|
|
00:07:42,000 --> 00:07:45,355
|
|
所以当我们前往样式设置时，
|
|
So when we make our way to styles,
|
|
|
|
90
|
|
00:07:45,355 --> 00:07:50,000
|
|
你可以自定义站点的排版、颜色和布局。
|
|
you can customize the typography, colors and layout of your site.
|
|
|
|
91
|
|
00:07:51,000 --> 00:07:54,000
|
|
或者如果你点击浏览样式，
|
|
Or if you click on browse styles,
|
|
|
|
92
|
|
00:07:54,000 --> 00:08:00,000
|
|
你将能看到主题附带的所有不同样式组合的缩略视图。
|
|
you'll be able to see a zoomed out view of all the different style combinations that come with your theme.
|
|
|
|
93
|
|
00:08:05,000 --> 00:08:08,000
|
|
我将继续操作，选择锈色样式作为示例。
|
|
I will go ahead and select the rust style as an example.
|
|
|
|
94
|
|
00:08:12,000 --> 00:08:20,351
|
|
既然我们的页面、文章、导航菜单、站点标志和样式都已就位，
|
|
Now that we have our pages, posts, navigation menu, site logo and style in place,
|
|
|
|
95
|
|
00:08:20,351 --> 00:08:29,000
|
|
我们就可以继续，开始向页面添加内容并修改一些已添加的样板。
|
|
we can go ahead and start adding content to our pages and modifying some of the patterns that we've added.
|
|
|
|
96
|
|
00:08:31,000 --> 00:08:37,000
|
|
而对于像联系页面这样没有样板的页面，我们可以从头开始构建。
|
|
And for a page like our contact page with no pattern, we can start building from scratch.
|
|
|
|
97
|
|
00:08:38,000 --> 00:08:42,286
|
|
为了修改我们希望文章如何显示，
|
|
And to modify how we want our posts to be displayed,
|
|
|
|
98
|
|
00:08:42,286 --> 00:08:46,000
|
|
我们需要前往博客主页模板。
|
|
we need to make our way to the blog home template.
|
|
|
|
99
|
|
00:08:48,000 --> 00:08:51,130
|
|
当我们打开博客主页模板时，
|
|
And when we open up our blog home template,
|
|
|
|
100
|
|
00:08:51,130 --> 00:09:01,000
|
|
我们可以自定义博客页面以及查询循环区块，来决定我们希望博客文章或动态内容如何显示。
|
|
we can customize our blog page as well as the query loop block to decide how we want our blog posts or dynamic content to be displayed.
|
|
|
