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)
483 lines
11 KiB
Text
483 lines
11 KiB
Text
1
|
||
00:00:00,000 --> 00:00:02,725
|
||
我们将尝试回答一个问题，
|
||
|
||
2
|
||
00:00:02,725 --> 00:00:07,040
|
||
区块编辑器和站点编辑器之间有什么区别？
|
||
|
||
3
|
||
00:00:07,040 --> 00:00:13,897
|
||
我们将比较区块编辑器和站点编辑器，并探索站点编辑器工具，
|
||
|
||
4
|
||
00:00:13,897 --> 00:00:20,020
|
||
最终，我们将有信心结合使用两者来创建整个站点布局。
|
||
|
||
5
|
||
00:00:20,020 --> 00:00:23,260
|
||
闲话少说，我们开始吧。
|
||
|
||
6
|
||
00:00:23,260 --> 00:00:29,801
|
||
站点编辑让您可以自由构建 WordPress 站点的方方面面，
|
||
|
||
7
|
||
00:00:29,801 --> 00:00:31,831
|
||
从页眉一直到页脚，
|
||
|
||
8
|
||
00:00:31,831 --> 00:00:35,440
|
||
利用站点编辑器功能中区块的力量。
|
||
|
||
9
|
||
00:00:35,440 --> 00:00:37,400
|
||
但什么是站点编辑器？
|
||
|
||
10
|
||
00:00:37,400 --> 00:00:40,860
|
||
它与我们习惯的区块编辑器有何不同？
|
||
|
||
11
|
||
00:00:40,860 --> 00:00:46,340
|
||
我们如何在站点编辑器中使用模板来创建整体结构？
|
||
|
||
12
|
||
00:00:46,340 --> 00:00:51,580
|
||
为了回答这些迫切的问题，让我们浏览一下仪表盘并比较两者。
|
||
|
||
13
|
||
00:00:52,860 --> 00:00:56,931
|
||
区块编辑器是您站点内容的基础，
|
||
|
||
14
|
||
00:00:56,931 --> 00:01:00,460
|
||
用于向页面和文章添加内容。
|
||
|
||
15
|
||
00:01:00,460 --> 00:01:04,860
|
||
让我们回顾一下如何添加页面和文章内容。
|
||
|
||
16
|
||
00:01:04,860 --> 00:01:10,220
|
||
在您的仪表盘中，如果要创建静态页面，请前往页面。
|
||
|
||
17
|
||
00:01:10,220 --> 00:01:14,770
|
||
或者前往文章以处理动态内容，例如博客文章。
|
||
|
||
18
|
||
00:01:14,770 --> 00:01:21,173
|
||
当您点击添加新内容时，您将为该特定页面或文章创建内容。
|
||
|
||
19
|
||
00:01:21,173 --> 00:01:26,980
|
||
与此相比，站点编辑器具体允许我们做什么？
|
||
|
||
20
|
||
00:01:28,660 --> 00:01:33,340
|
||
站点编辑器允许我们整体地编辑我们的站点。
|
||
|
||
21
|
||
00:01:33,340 --> 00:01:39,140
|
||
页面和文章仅用于通过区块添加静态或动态内容。
|
||
|
||
22
|
||
00:01:39,140 --> 00:01:42,540
|
||
另一方面，站点编辑器使用区块，
|
||
|
||
23
|
||
00:01:42,540 --> 00:01:46,620
|
||
通过模板来创建站点的整体外观和感觉。
|
||
|
||
24
|
||
00:01:46,620 --> 00:01:52,660
|
||
但它也允许我们添加和编辑页面，以确保无缝的站点编辑体验。
|
||
|
||
25
|
||
00:01:53,740 --> 00:01:56,894
|
||
如果你安装了像 2024 这样的区块主题，
|
||
|
||
26
|
||
00:01:56,894 --> 00:02:00,380
|
||
可以通过外观访问站点编辑器，然后点击编辑。
|
||
|
||
27
|
||
00:02:02,860 --> 00:02:06,820
|
||
站点编辑器会加载你站点的首页以供编辑。
|
||
|
||
28
|
||
00:02:06,820 --> 00:02:09,620
|
||
左侧是站点视图边栏。
|
||
|
||
29
|
||
00:02:09,620 --> 00:02:12,940
|
||
这个工具让你可以在站点的关键部分之间切换。
|
||
|
||
30
|
||
00:02:12,940 --> 00:02:16,340
|
||
导航、样式、页面、模板和样板。
|
||
|
||
31
|
||
00:02:17,580 --> 00:02:19,660
|
||
让我们从导航开始。
|
||
|
||
32
|
||
00:02:19,660 --> 00:02:24,060
|
||
在这里，你可以快速查看和调整所有菜单。
|
||
|
||
33
|
||
00:02:24,060 --> 00:02:28,020
|
||
你可以重命名它们，重新排列菜单项等等。
|
||
|
||
34
|
||
00:02:32,940 --> 00:02:40,100
|
||
当你点击样式时，你可以更改主题的样式组合。
|
||
|
||
35
|
||
00:02:43,620 --> 00:02:50,820
|
||
而当你点击编辑样式时，你可以更改整个站点的排版、颜色和布局。
|
||
|
||
36
|
||
00:02:50,820 --> 00:02:52,719
|
||
如果你再往下看，还可以为整个站点自定义特定区块的外观。
|
||
|
||
37
|
||
00:02:52,719 --> 00:02:57,940
|
||
如果你再往下看，还可以选择为整个站点自定义特定区块的外观。
|
||
|
||
38
|
||
00:02:57,940 --> 00:03:03,260
|
||
要查看编辑这些区块时它们将如何变化，请前往你站点的样式书。
|
||
|
||
39
|
||
00:03:03,260 --> 00:03:07,260
|
||
如前所述，你可以在此预览任意更改。
|
||
|
||
40
|
||
00:03:13,940 --> 00:03:18,740
|
||
在“页面”下方，你同样可以创建和编辑页面，
|
||
|
||
41
|
||
00:03:18,740 --> 00:03:21,940
|
||
这与你在仪表盘中的操作相同。
|
||
|
||
42
|
||
00:03:22,940 --> 00:03:26,779
|
||
此功能让你在编辑站点或页面内容时，
|
||
|
||
43
|
||
00:03:26,779 --> 00:03:29,940
|
||
可以一直停留在站点编辑器中。
|
||
|
||
44
|
||
00:03:30,940 --> 00:03:36,940
|
||
在站点编辑器内编辑页面时，我们将内容添加到内容区块中。
|
||
|
||
45
|
||
00:03:37,940 --> 00:03:40,940
|
||
接下来，我们来看看“样板/区块样板”。
|
||
|
||
46
|
||
00:03:41,940 --> 00:03:45,940
|
||
在“样板/区块样板”下方，我们可以访问一个样板库。
|
||
|
||
47
|
||
00:03:47,940 --> 00:03:50,940
|
||
我们将能够创建和管理自己的样板。
|
||
|
||
48
|
||
00:03:52,940 --> 00:03:55,940
|
||
我们可以查看主题提供的样板。
|
||
|
||
49
|
||
00:03:57,940 --> 00:04:00,940
|
||
然后我们还可以创建和管理模板部分。
|
||
|
||
50
|
||
00:04:00,940 --> 00:04:03,940
|
||
关于模板部分的简要说明。
|
||
|
||
51
|
||
00:04:03,940 --> 00:04:06,485
|
||
这些是可重用的区块群组，
|
||
|
||
52
|
||
00:04:06,485 --> 00:04:10,940
|
||
可用于创建模板中的重复部分，如页眉和页脚。
|
||
|
||
53
|
||
00:04:11,940 --> 00:04:14,940
|
||
但现在，让我们专注于模板。
|
||
|
||
54
|
||
00:04:15,940 --> 00:04:19,646
|
||
当我们打开模板时，先来看看顶部菜单，
|
||
|
||
55
|
||
00:04:19,646 --> 00:04:22,940
|
||
并快速了解这些元素能让你做什么。
|
||
|
||
56
|
||
00:04:22,940 --> 00:04:26,714
|
||
左上角的加号图标或插入器，
|
||
|
||
57
|
||
00:04:26,714 --> 00:04:31,940
|
||
允许你向任何模板添加区块或区块样板。
|
||
|
||
58
|
||
00:04:31,940 --> 00:04:35,940
|
||
在插入器旁边，是撤销和重做按钮。
|
||
|
||
59
|
||
00:04:36,940 --> 00:04:38,940
|
||
接下来是列表视图。
|
||
|
||
60
|
||
00:04:38,940 --> 00:04:41,009
|
||
这是一个超级有用的工具，
|
||
|
||
61
|
||
00:04:41,009 --> 00:04:43,940
|
||
它能让您看到页面上所有区块的列表。
|
||
|
||
62
|
||
00:04:43,940 --> 00:04:49,940
|
||
这对于查看页面结构，以及编辑、移动和移除区块都非常有用。
|
||
|
||
63
|
||
00:04:52,940 --> 00:04:56,940
|
||
顶部中间显示的是模板的名称。
|
||
|
||
64
|
||
00:04:57,940 --> 00:05:00,440
|
||
当您点击预览按钮时，
|
||
|
||
65
|
||
00:05:00,440 --> 00:05:07,940
|
||
您将能看到您的站点在应用更改后，在桌面、平板或手机上的外观。
|
||
|
||
66
|
||
00:05:08,940 --> 00:05:12,940
|
||
然后，如果您点击保存，就可以储存更改。
|
||
|
||
67
|
||
00:05:12,940 --> 00:05:20,940
|
||
接下来，这个设置选项卡让您可以显示或隐藏模板和区块设置边栏。
|
||
|
||
68
|
||
00:05:20,940 --> 00:05:27,940
|
||
所以当您选择模板后，可以使用设置边栏进一步设置区块样式。
|
||
|
||
69
|
||
00:05:30,940 --> 00:05:34,234
|
||
在设置选项卡旁边，是样式选项卡，
|
||
|
||
70
|
||
00:05:34,234 --> 00:05:37,940
|
||
这是另一个您可以访问样式设置的地方。
|
||
|
||
71
|
||
00:05:37,940 --> 00:05:41,462
|
||
最后，如果您点击那三个垂直的点，
|
||
|
||
72
|
||
00:05:41,462 --> 00:05:46,304
|
||
您就可以访问更多选项，例如选择聚光灯模式等。
|
||
|
||
73
|
||
00:05:46,304 --> 00:05:49,940
|
||
现在我们已经简要介绍了菜单选项。
|
||
|
||
74
|
||
00:05:49,940 --> 00:05:51,940
|
||
让我们更仔细地看看模板。
|
||
|
||
75
|
||
00:05:51,940 --> 00:05:56,940
|
||
顶部写着：用模板来表达您站点的布局。
|
||
|
||
76
|
||
00:05:56,940 --> 00:06:00,540
|
||
模板使用区块来创建您站点的整体设计，
|
||
|
||
77
|
||
00:06:00,540 --> 00:06:03,940
|
||
通过添加页眉、页脚甚至边栏来实现。
|
||
|
||
78
|
||
00:06:03,940 --> 00:06:08,940
|
||
当我们打开带有边栏模板的页面时，就能看到这三者都在起作用。
|
||
|
||
79
|
||
00:06:08,940 --> 00:06:13,940
|
||
我们可以通过添加页眉、页脚甚至边栏来查看您站点的结构。
|
||
|
||
80
|
||
00:06:13,940 --> 00:06:19,940
|
||
我们可以看到由页眉、边栏和页脚提供的结构。
|
||
|
||
81
|
||
00:06:21,940 --> 00:06:27,940
|
||
也请注意，模板可以应用于单个页面或多个页面。
|
||
|
||
82
|
||
00:06:27,940 --> 00:06:29,755
|
||
考虑到这一点，
|
||
|
||
83
|
||
00:06:29,755 --> 00:06:34,940
|
||
比方说，我们想添加应用到我们页面的模板。
|
||
|
||
84
|
||
00:06:34,940 --> 00:06:37,940
|
||
我们的主题在这里提供了几个选项。
|
||
|
||
85
|
||
00:06:37,940 --> 00:06:43,940
|
||
例如，默认页面模板或带宽图的页面。
|
||
|
||
86
|
||
00:06:43,940 --> 00:06:46,940
|
||
但我们选择无标题的页面。
|
||
|
||
87
|
||
00:06:46,940 --> 00:06:53,940
|
||
当模板加载时，您会看到一个没有任何内容时此模板外观的示例。
|
||
|
||
88
|
||
00:06:53,940 --> 00:06:56,940
|
||
这就是列表视图真正派上用场的地方。
|
||
|
||
89
|
||
00:06:56,940 --> 00:07:01,940
|
||
左侧边栏将向您展示构成此模板的区块是如何组织的。
|
||
|
||
90
|
||
00:07:01,940 --> 00:07:05,940
|
||
在这里，您可以看到构成此页面模板的组件。
|
||
|
||
91
|
||
00:07:05,940 --> 00:07:11,940
|
||
当您点击页眉时，它会清晰标记出来，页脚也是如此。
|
||
|
||
92
|
||
00:07:11,940 --> 00:07:16,940
|
||
在中间，您会看到一个群组区块，其中包含一个文章内容区块。
|
||
|
||
93
|
||
00:07:16,940 --> 00:07:18,940
|
||
这非常重要。
|
||
|
||
94
|
||
00:07:18,940 --> 00:07:23,940
|
||
内容区块是让您的页面或文章内容在此模板中显示的关键。
|
||
|
||
95
|
||
00:07:23,940 --> 00:07:29,940
|
||
请将此区块视为一个容器，用于存放您在页面或文章部分所写的任何内容。
|
||
|
||
96
|
||
00:07:29,940 --> 00:07:34,940
|
||
如果没有容器，您的页面内容将无处显示。
|
||
|
||
97
|
||
00:07:34,940 --> 00:07:38,940
|
||
所以请记住，我们不会向模板中添加内容。
|
||
|
||
98
|
||
00:07:38,940 --> 00:07:43,940
|
||
我们只修改页眉、页脚或边栏。
|
||
|
||
99
|
||
00:07:43,940 --> 00:07:50,940
|
||
让我们继续，用主题自带的另一个页眉样板来替换这个页眉。
|
||
|
||
100
|
||
00:07:50,940 --> 00:07:55,182
|
||
我们可以滚动浏览可用的选项，
|
||
|
||
101
|
||
00:07:55,182 --> 00:08:00,940
|
||
然后我将继续选择带标志的居中页眉样板。
|
||
|
||
102
|
||
00:08:00,940 --> 00:08:08,940
|
||
同时，我还会选择一个我现有的名为“Lifestyle”的导航菜单。
|
||
|
||
103
|
||
00:08:12,940 --> 00:08:16,940
|
||
一旦选中，我们就可以继续并保存。
|
||
|
||
104
|
||
00:08:18,940 --> 00:08:21,940
|
||
太棒了，页面模板已保存。
|
||
|
||
105
|
||
00:08:21,940 --> 00:08:24,940
|
||
但我们如何将此模板添加到页面呢？
|
||
|
||
106
|
||
00:08:24,940 --> 00:08:31,940
|
||
为此，我们可以导航回主仪表盘并进入页面。
|
||
|
||
107
|
||
00:08:31,940 --> 00:08:35,940
|
||
然后点击你想应用此模板的页面。
|
||
|
||
108
|
||
00:08:35,940 --> 00:08:39,940
|
||
在你右侧的边栏中，你会看到一个模板标题。
|
||
|
||
109
|
||
00:08:39,940 --> 00:08:41,940
|
||
继续并点击它。
|
||
|
||
110
|
||
00:08:41,940 --> 00:08:46,940
|
||
这个下拉菜单列出了您当前保存的所有模板。
|
||
|
||
111
|
||
00:08:46,940 --> 00:08:50,940
|
||
在这种情况下，我们选择“无标题”页面。
|
||
|
||
112
|
||
00:08:50,940 --> 00:08:54,940
|
||
然后我们就可以更新。
|
||
|
||
113
|
||
00:08:54,940 --> 00:08:59,940
|
||
这是页面使用默认页面模板时的样子。
|
||
|
||
114
|
||
00:09:01,940 --> 00:09:05,940
|
||
而这是应用了“无标题”页面模板后的样子。
|
||
|
||
115
|
||
00:09:05,940 --> 00:09:09,811
|
||
您可以根据需要为任意多个页面重复此操作，
|
||
|
||
116
|
||
00:09:09,811 --> 00:09:11,940
|
||
这同样适用于您的文章。
|
||
|
||
117
|
||
00:09:11,940 --> 00:09:16,940
|
||
正如您所见，区块编辑器和站点编辑器是协同工作的。
|
||
|
||
118
|
||
00:09:16,940 --> 00:09:21,940
|
||
区块编辑器只允许我们向页面和文章添加内容。
|
||
|
||
119
|
||
00:09:21,940 --> 00:09:26,940
|
||
但站点编辑器让您能够整体性地编辑您的站点。
|
||
|
||
120
|
||
00:09:26,940 --> 00:09:30,632
|
||
您可以编辑外观和感觉，修改模板，
|
||
|
||
121
|
||
00:09:30,632 --> 00:09:32,940
|
||
以及向页面添加内容。
|
