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)
399 lines
9.2 KiB
Text
399 lines
9.2 KiB
Text
1
|
|
00:00:00,000 --> 00:00:04,050
|
|
在本课中,我们将应用目前所学的知识,
|
|
|
|
2
|
|
00:00:04,050 --> 00:00:09,000
|
|
来设置我们的页面、文章、站点标志和导航菜单。
|
|
|
|
3
|
|
00:00:11,000 --> 00:00:13,000
|
|
首先,我们来创建页面。
|
|
|
|
4
|
|
00:00:13,000 --> 00:00:17,000
|
|
我将前往“页面”,点击“添加新页面”。
|
|
|
|
5
|
|
00:00:17,000 --> 00:00:21,421
|
|
然后,一旦我这样做了,我就能添加或选择一个区块样板,
|
|
|
|
6
|
|
00:00:21,421 --> 00:00:24,000
|
|
这个样板是随我的主题提供的。
|
|
|
|
7
|
|
00:00:24,000 --> 00:00:26,000
|
|
而我使用的是 2024 默认主题。
|
|
|
|
8
|
|
00:00:26,000 --> 00:00:31,000
|
|
所以我会继续,选择一个我喜欢的样板。
|
|
|
|
9
|
|
00:00:31,000 --> 00:00:34,000
|
|
并将其命名为“主页”。
|
|
|
|
10
|
|
00:00:34,000 --> 00:00:41,000
|
|
发布后,我将返回“页面”并添加下一页。
|
|
|
|
11
|
|
00:00:41,000 --> 00:00:46,000
|
|
这次,我不打算选择样板,并将此页面命名为“博客”。
|
|
|
|
12
|
|
00:00:48,000 --> 00:00:53,000
|
|
接下来,我将创建一个“关于”页面并选择相关样板。
|
|
|
|
13
|
|
00:00:57,000 --> 00:01:03,000
|
|
最后,我还将创建一个联系页面,不选择样板。
|
|
|
|
14
|
|
00:01:07,000 --> 00:01:09,000
|
|
现在我的页面已就位。
|
|
|
|
15
|
|
00:01:10,000 --> 00:01:15,000
|
|
那么接下来,我将前往“设置”并点击“阅读”。
|
|
|
|
16
|
|
00:01:16,000 --> 00:01:21,000
|
|
对于我的主页显示,我将选择一个静态页面,
|
|
|
|
17
|
|
00:01:21,000 --> 00:01:25,000
|
|
并将我的主页设置为我的静态主页。
|
|
|
|
18
|
|
00:01:27,000 --> 00:01:30,000
|
|
并将我的博客页面设置为我的文章页面。
|
|
|
|
19
|
|
00:01:31,000 --> 00:01:36,887
|
|
提醒一下,如果你已选择“最新文章”作为主页显示内容,
|
|
|
|
20
|
|
00:01:36,887 --> 00:01:44,000
|
|
你将为此主页或首页修改博客主页模板,因为尚未创建任何页面。
|
|
|
|
21
|
|
00:01:45,000 --> 00:01:51,417
|
|
请注意,当我们打开静态主页并打开设置边栏时,
|
|
|
|
22
|
|
00:01:51,417 --> 00:01:59,000
|
|
我们会注意到此页面已被分配给页面模板或默认页面模板。
|
|
|
|
23
|
|
00:02:01,000 --> 00:02:06,091
|
|
而我的博客页面或文章页面已被分配给博客主页模板,
|
|
|
|
24
|
|
00:02:06,091 --> 00:02:08,000
|
|
且此设置无法更改。
|
|
|
|
25
|
|
00:02:10,000 --> 00:02:17,200
|
|
然后我们还会注意到,我的其他页面也已被分配给通用或默认页面模板,
|
|
|
|
26
|
|
00:02:17,200 --> 00:02:19,000
|
|
与我的主页相同。
|
|
|
|
27
|
|
00:02:23,000 --> 00:02:30,558
|
|
接下来,让我们将注意力转向文章,正如你将注意到的,
|
|
|
|
28
|
|
00:02:30,558 --> 00:02:36,000
|
|
我已经创建了两篇文章以及分类和标签。
|
|
|
|
29
|
|
00:02:37,000 --> 00:02:41,929
|
|
提醒一下,分类用于将内容归类到主要话题或板块,
|
|
|
|
30
|
|
00:02:41,929 --> 00:02:46,000
|
|
而标签则像是为内容提供具体详情的标签。
|
|
|
|
31
|
|
00:02:48,000 --> 00:02:52,815
|
|
举个例子,我将继续操作并添加一篇新文章。
|
|
|
|
32
|
|
00:02:52,815 --> 00:02:58,000
|
|
这篇文章是关于纽约的,然后我会添加一些虚拟内容。
|
|
|
|
33
|
|
00:02:59,000 --> 00:03:05,000
|
|
之后,我会打开设置边栏并选择相关分类。
|
|
|
|
34
|
|
00:03:06,000 --> 00:03:07,000
|
|
在本例中,是旅行。
|
|
|
|
35
|
|
00:03:11,000 --> 00:03:14,000
|
|
并且我会添加一个新标签,即城市。
|
|
|
|
36
|
|
00:03:16,000 --> 00:03:19,000
|
|
最后,我将设置特色图片或文章缩略图。
|
|
|
|
37
|
|
00:03:20,000 --> 00:03:23,000
|
|
特色图片当然是你文章的代表性图片。
|
|
|
|
38
|
|
00:03:25,000 --> 00:03:31,905
|
|
一旦设置完成,我们就可以点击发布,然后查看我们的三篇文章,
|
|
|
|
39
|
|
00:03:31,905 --> 00:03:35,000
|
|
以及它们相关的分类和标签。
|
|
|
|
40
|
|
00:03:37,000 --> 00:03:41,645
|
|
接下来,让我们更仔细地看看导航菜单,并前往外观,
|
|
|
|
41
|
|
00:03:41,645 --> 00:03:43,000
|
|
然后点击编辑。
|
|
|
|
42
|
|
00:03:44,000 --> 00:03:46,000
|
|
这将打开站点编辑器。
|
|
|
|
43
|
|
00:03:47,000 --> 00:03:50,261
|
|
在右侧,我们会看到我们的主页,
|
|
|
|
44
|
|
00:03:50,261 --> 00:03:57,000
|
|
如果我们打开主页,就会看到创建页面时添加的占位内容或区块样板。
|
|
|
|
45
|
|
00:03:58,000 --> 00:04:02,000
|
|
在顶部,我们看到主题提供的页眉样板。
|
|
|
|
46
|
|
00:04:03,000 --> 00:04:06,231
|
|
如果我们尝试编辑这个页眉,会看到一条消息,
|
|
|
|
47
|
|
00:04:06,231 --> 00:04:09,000
|
|
提示需要编辑你的模板才能编辑此区块。
|
|
|
|
48
|
|
00:04:10,000 --> 00:04:12,000
|
|
那么,我们继续并点击编辑模板。
|
|
|
|
49
|
|
00:04:13,000 --> 00:04:16,000
|
|
现在我们可以编辑页面模板的页眉了。
|
|
|
|
50
|
|
00:04:17,000 --> 00:04:20,000
|
|
请注意,这个页眉也会出现在博客主页模板上。
|
|
|
|
51
|
|
00:04:21,000 --> 00:04:25,800
|
|
因此,如果我们在页面模板中对此页眉进行任何更改,
|
|
|
|
52
|
|
00:04:25,800 --> 00:04:29,000
|
|
它也会在博客主页模板中自动更新。
|
|
|
|
53
|
|
00:04:30,000 --> 00:04:32,000
|
|
如我们所见,我们的导航菜单位于右上角。
|
|
|
|
54
|
|
00:04:33,000 --> 00:04:39,000
|
|
很棒的一点是,这个导航菜单是在我们创建页面时自动添加的。
|
|
|
|
55
|
|
00:04:40,000 --> 00:04:44,154
|
|
当我们选中导航菜单并打开列表视图时,
|
|
|
|
56
|
|
00:04:44,154 --> 00:04:49,000
|
|
我们会注意到导航项仍然是页面列表的一部分。
|
|
|
|
57
|
|
00:04:50,000 --> 00:04:54,524
|
|
要改变这一点,请点击设置边栏中的编辑,
|
|
|
|
58
|
|
00:04:54,524 --> 00:05:00,000
|
|
以分离页面列表,这样你就可以单独管理导航项了。
|
|
|
|
59
|
|
00:05:01,000 --> 00:05:06,600
|
|
分离后,你可以使用列表视图来重新排序导航项。
|
|
|
|
60
|
|
00:05:06,600 --> 00:05:15,000
|
|
或者,你可以使用导航区块工具栏的箭头来将项目重新定位到你想要的位置。
|
|
|
|
61
|
|
00:05:16,000 --> 00:05:21,000
|
|
接下来,我决定在我的导航菜单中添加社交链接。
|
|
|
|
62
|
|
00:05:22,000 --> 00:05:25,477
|
|
所以当我点击导航区块的插入按钮时,
|
|
|
|
63
|
|
00:05:25,477 --> 00:05:31,000
|
|
我会插入一个社交图标区块,然后选择相关的社交媒体平台。
|
|
|
|
64
|
|
00:05:31,000 --> 00:05:35,000
|
|
在这个例子中,是 X 和 Instagram。
|
|
|
|
65
|
|
00:05:36,000 --> 00:05:39,000
|
|
别忘了添加相关的网址。
|
|
|
|
66
|
|
00:05:43,000 --> 00:05:48,778
|
|
当你选中导航区块时,可以点击设置边栏中的三个垂直点,
|
|
|
|
67
|
|
00:05:48,778 --> 00:05:53,000
|
|
来创建一个新菜单或选择一个现有的菜单。
|
|
|
|
68
|
|
00:05:54,000 --> 00:05:59,897
|
|
当你选择设置时,你将能够更改对齐方式,
|
|
|
|
69
|
|
00:05:59,897 --> 00:06:03,000
|
|
以及导航菜单的方向。
|
|
|
|
70
|
|
00:06:04,000 --> 00:06:06,919
|
|
在它下面,你还可以选择一个汉堡菜单,
|
|
|
|
71
|
|
00:06:06,919 --> 00:06:10,000
|
|
它会在你的站点在较小设备上查看时出现。
|
|
|
|
72
|
|
00:06:11,000 --> 00:06:16,000
|
|
当你点击风格时,有多种选项可以进一步设计你的导航菜单。
|
|
|
|
73
|
|
00:06:17,000 --> 00:06:20,000
|
|
接下来,我们谈谈站点标志区块。
|
|
|
|
74
|
|
00:06:21,000 --> 00:06:26,000
|
|
正如你将注意到的,我的主题提供的页眉模式包含一个站点标志区块。
|
|
|
|
75
|
|
00:06:27,000 --> 00:06:30,706
|
|
点击站点标志区块,从你的媒体库添加新图片,
|
|
|
|
76
|
|
00:06:30,706 --> 00:06:33,000
|
|
或直接从你的电脑上传一张。
|
|
|
|
77
|
|
00:06:34,000 --> 00:06:38,000
|
|
我将继续上传一个我已经添加到桌面的标志。
|
|
|
|
78
|
|
00:06:40,000 --> 00:06:43,000
|
|
然后我会稍微把它放大一点。
|
|
|
|
79
|
|
00:06:44,000 --> 00:06:49,000
|
|
接下来,我还想把我的导航菜单添加到页脚。
|
|
|
|
80
|
|
00:06:50,000 --> 00:06:56,200
|
|
所以当我们向下滚动时,会注意到“快速链接”下面有一些占位内容,
|
|
|
|
81
|
|
00:06:56,200 --> 00:07:00,000
|
|
这是我主题附带的默认页脚模式的一部分。
|
|
|
|
82
|
|
00:07:01,000 --> 00:07:05,354
|
|
所以当我打开列表视图并选中导航区块时,
|
|
|
|
83
|
|
00:07:05,354 --> 00:07:12,000
|
|
我可以点击设置边栏中的三个垂直点,然后选择相关的导航菜单。
|
|
|
|
84
|
|
00:07:14,000 --> 00:07:19,000
|
|
现在我的导航菜单已放置在页眉和页脚中。
|
|
|
|
85
|
|
00:07:20,000 --> 00:07:24,800
|
|
如前所述,如果我们前往博客主页模板,
|
|
|
|
86
|
|
00:07:24,800 --> 00:07:32,000
|
|
也就是我的文章页面模板,我们会看到页眉和页脚是相同的。
|
|
|
|
87
|
|
00:07:35,000 --> 00:07:37,690
|
|
一旦所有这些元素都就位后,
|
|
|
|
88
|
|
00:07:37,690 --> 00:07:41,000
|
|
我们就要为网站决定一个整体样式。
|
|
|
|
89
|
|
00:07:42,000 --> 00:07:45,355
|
|
所以当我们前往样式设置时,
|
|
|
|
90
|
|
00:07:45,355 --> 00:07:50,000
|
|
你可以自定义站点的排版、颜色和布局。
|
|
|
|
91
|
|
00:07:51,000 --> 00:07:54,000
|
|
或者如果你点击浏览样式,
|
|
|
|
92
|
|
00:07:54,000 --> 00:08:00,000
|
|
你将能看到主题附带的所有不同样式组合的缩略视图。
|
|
|
|
93
|
|
00:08:05,000 --> 00:08:08,000
|
|
我将继续操作,选择锈色样式作为示例。
|
|
|
|
94
|
|
00:08:12,000 --> 00:08:20,351
|
|
既然我们的页面、文章、导航菜单、站点标志和样式都已就位,
|
|
|
|
95
|
|
00:08:20,351 --> 00:08:29,000
|
|
我们就可以继续,开始向页面添加内容并修改一些已添加的样板。
|
|
|
|
96
|
|
00:08:31,000 --> 00:08:37,000
|
|
而对于像联系页面这样没有样板的页面,我们可以从头开始构建。
|
|
|
|
97
|
|
00:08:38,000 --> 00:08:42,286
|
|
为了修改我们希望文章如何显示,
|
|
|
|
98
|
|
00:08:42,286 --> 00:08:46,000
|
|
我们需要前往博客主页模板。
|
|
|
|
99
|
|
00:08:48,000 --> 00:08:51,130
|
|
当我们打开博客主页模板时,
|
|
|
|
100
|
|
00:08:51,130 --> 00:09:01,000
|
|
我们可以自定义博客页面以及查询循环区块,来决定我们希望博客文章或动态内容如何显示。
|