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)
411 lines
9.3 KiB
Text
411 lines
9.3 KiB
Text
1
|
|
00:00:00,000 --> 00:00:04,000
|
|
我们已经学会了使用和组合区块来构建我们的站点。
|
|
|
|
2
|
|
00:00:04,000 --> 00:00:09,714
|
|
但你知道有一个捷径可以更快地创建自定义内容布局吗？
|
|
|
|
3
|
|
00:00:09,714 --> 00:00:12,000
|
|
那就是使用区块模式。
|
|
|
|
4
|
|
00:00:12,000 --> 00:00:16,000
|
|
我们并非都是设计师，创建布局很耗时。
|
|
|
|
5
|
|
00:00:16,000 --> 00:00:19,000
|
|
区块模式提供了一个解决方案。
|
|
|
|
6
|
|
00:00:19,000 --> 00:00:24,750
|
|
本课的学习目标是使用和修改可用的预制区块模式，
|
|
|
|
7
|
|
00:00:24,750 --> 00:00:30,750
|
|
探索区块模式目录，创建您自己的同步和非同步模式，
|
|
|
|
8
|
|
00:00:30,750 --> 00:00:34,000
|
|
最后是利用页眉和照片模式。
|
|
|
|
9
|
|
00:00:34,000 --> 00:00:36,000
|
|
但什么是模式呢？
|
|
|
|
10
|
|
00:00:36,000 --> 00:00:39,912
|
|
区块模式是预制好的分组区块设计或布局，
|
|
|
|
11
|
|
00:00:39,912 --> 00:00:43,000
|
|
可供修改和调整以满足您的需求。
|
|
|
|
12
|
|
00:00:43,000 --> 00:00:48,000
|
|
它本质上能节省您的时间，同时也能增强创意和设计。
|
|
|
|
13
|
|
00:00:48,000 --> 00:00:53,000
|
|
无需您自己嵌套和组合区块，样板已经为您做好了这些。
|
|
|
|
14
|
|
00:00:53,000 --> 00:00:57,513
|
|
只需点击一下，您就能获得美观且功能性的布局，
|
|
|
|
15
|
|
00:00:57,513 --> 00:01:01,000
|
|
从行动号召、页眉、栏目、画廊等等。
|
|
|
|
16
|
|
00:01:01,000 --> 00:01:07,136
|
|
要添加一个样板，请点击左上角的加号图标，也称为插入器，
|
|
|
|
17
|
|
00:01:07,136 --> 00:01:11,000
|
|
然后打开右侧区块旁边的样板选项卡。
|
|
|
|
18
|
|
00:01:11,000 --> 00:01:14,000
|
|
在顶部，您会看到全部样板。
|
|
|
|
19
|
|
00:01:14,000 --> 00:01:21,000
|
|
在它下面，是您自己创建的所有同步和非同步样板。
|
|
|
|
20
|
|
00:01:21,000 --> 00:01:25,974
|
|
同步样板标有紫色图标，而非同步样板则没有，
|
|
|
|
21
|
|
00:01:25,974 --> 00:01:30,000
|
|
但关于同步和非同步样板稍后再详谈。
|
|
|
|
22
|
|
00:01:30,000 --> 00:01:34,000
|
|
在我的样板下方，您会看到随您的主题附带的样板。
|
|
|
|
23
|
|
00:01:34,000 --> 00:01:39,000
|
|
它们被组织到不同的分类中，以帮助您找到所需内容。
|
|
|
|
24
|
|
00:01:39,000 --> 00:01:41,333
|
|
一旦您点击某个分类，
|
|
|
|
25
|
|
00:01:41,333 --> 00:01:46,000
|
|
向下滚动时，您将看到所有可用样板/区块样板的预览。
|
|
|
|
26
|
|
00:01:46,000 --> 00:01:50,645
|
|
您也可以选择底部的“探索所有样板/区块样板”，
|
|
|
|
27
|
|
00:01:50,645 --> 00:01:54,000
|
|
以鸟瞰您的主题附带的样板/区块样板。
|
|
|
|
28
|
|
00:01:54,000 --> 00:01:59,000
|
|
您也可以逐个分类地浏览它们。
|
|
|
|
29
|
|
00:01:59,000 --> 00:02:02,000
|
|
让我们看一个简单的例子。
|
|
|
|
30
|
|
00:02:02,000 --> 00:02:06,381
|
|
当您选择一个样板/区块样板时，比如这个来自我的推荐分类，
|
|
|
|
31
|
|
00:02:06,381 --> 00:02:10,000
|
|
您将能够修改该样板/区块样板以满足您的设计要求。
|
|
|
|
32
|
|
00:02:10,000 --> 00:02:15,000
|
|
它可以像任何其他区块一样轻松编辑。
|
|
|
|
33
|
|
00:02:15,000 --> 00:02:20,000
|
|
您可以更改容器区块的对齐方式。
|
|
|
|
34
|
|
00:02:20,000 --> 00:02:23,000
|
|
您可以编辑标题。
|
|
|
|
35
|
|
00:02:23,000 --> 00:02:26,000
|
|
更新内容。
|
|
|
|
36
|
|
00:02:26,000 --> 00:02:33,000
|
|
替换图像。
|
|
|
|
37
|
|
00:02:33,000 --> 00:02:40,000
|
|
例如，更改您区块样板的背景颜色以及其他样式选项。
|
|
|
|
38
|
|
00:02:40,000 --> 00:02:44,000
|
|
但所有繁重的工作和布局都已为您完成。
|
|
|
|
39
|
|
00:02:44,000 --> 00:02:51,000
|
|
您唯一需要做的就是选择区块样板并修改它以满足您的要求。
|
|
|
|
40
|
|
00:02:51,000 --> 00:02:54,000
|
|
您的主题附带的区块样板是有限的。
|
|
|
|
41
|
|
00:02:54,000 --> 00:02:59,000
|
|
如果您想要更多区块样板可供选择，可以探索区块模式目录。
|
|
|
|
42
|
|
00:02:59,000 --> 00:03:04,000
|
|
为此，让我们前往 WordPress.org 网站。
|
|
|
|
43
|
|
00:03:04,000 --> 00:03:10,000
|
|
点击“扩展”，然后选择“模式”。
|
|
|
|
44
|
|
00:03:10,000 --> 00:03:15,000
|
|
在这里，您可以搜索并找到新的区块样板，用于您的网站。
|
|
|
|
45
|
|
00:03:15,000 --> 00:03:18,938
|
|
您会注意到有一个选项，可以仅查看精选模式，
|
|
|
|
46
|
|
00:03:18,938 --> 00:03:24,000
|
|
或者查看由 WordPress 社区添加的数百种模式。
|
|
|
|
47
|
|
00:03:24,000 --> 00:03:28,610
|
|
您可以在搜索区块中输入关键词，按分类搜索，
|
|
|
|
48
|
|
00:03:28,610 --> 00:03:33,000
|
|
或者浏览所有可用选项，直到找到您想要的。
|
|
|
|
49
|
|
00:03:33,000 --> 00:03:35,357
|
|
一旦找到你想要的样板/区块样板，
|
|
|
|
50
|
|
00:03:35,357 --> 00:03:39,000
|
|
你可以点击星标，将其添加到你的收藏夹。
|
|
|
|
51
|
|
00:03:39,000 --> 00:03:49,909
|
|
当你准备好将样板/区块样板添加到你的站点时，打开该样板/区块样板，点击“复制样板/区块样板”，
|
|
|
|
52
|
|
00:03:49,909 --> 00:03:54,000
|
|
然后返回你的网站并粘贴。
|
|
|
|
53
|
|
00:03:54,000 --> 00:04:00,000
|
|
现在，你就可以开始更改和修改你的样板/区块样板了。
|
|
|
|
54
|
|
00:04:00,000 --> 00:04:06,000
|
|
这就是我的样板/区块样板经过修改以满足设计需求后的样子。
|
|
|
|
55
|
|
00:04:06,000 --> 00:04:10,606
|
|
当你进入站点编辑器，在这个侧边视图中，
|
|
|
|
56
|
|
00:04:10,606 --> 00:04:14,000
|
|
你会看到一个“样板/区块样板”标签页。
|
|
|
|
57
|
|
00:04:14,000 --> 00:04:20,105
|
|
在这里，你可以管理、编辑和创建你所有的样板/区块样板，无论是否同步，
|
|
|
|
58
|
|
00:04:20,105 --> 00:04:22,000
|
|
以及你的模板部分。
|
|
|
|
59
|
|
00:04:22,000 --> 00:04:26,000
|
|
当你点击“我的样板/区块样板”时，你将看到所有自定义样板/区块样板。
|
|
|
|
60
|
|
00:04:26,000 --> 00:04:31,000
|
|
同步的样板/区块样板有一个紫色图标，非同步的则没有。
|
|
|
|
61
|
|
00:04:31,000 --> 00:04:33,927
|
|
如果你将鼠标悬停在紫色图标上，
|
|
|
|
62
|
|
00:04:33,927 --> 00:04:39,000
|
|
它会清楚地说明，编辑此样板也会更新所有使用它的地方。
|
|
|
|
63
|
|
00:04:39,000 --> 00:04:44,176
|
|
在自定义样板下方，我们会看到所有可用的分类，
|
|
|
|
64
|
|
00:04:44,176 --> 00:04:47,000
|
|
以及您的主题提供的样板。
|
|
|
|
65
|
|
00:04:47,000 --> 00:04:52,614
|
|
同样值得注意的是，当您点击主题自带的某个样板上的三个垂直圆点时，
|
|
|
|
66
|
|
00:04:52,614 --> 00:04:57,000
|
|
您也可以复制该样板并将其添加到您的自定义样板区域。
|
|
|
|
67
|
|
00:04:57,000 --> 00:05:02,000
|
|
当您将其保存为自定义样板后，就可以随意修改它了。
|
|
|
|
68
|
|
00:05:02,000 --> 00:05:08,000
|
|
而在底部，则是您所有的页眉、页脚和通用模板部件样板。
|
|
|
|
69
|
|
00:05:08,000 --> 00:05:10,308
|
|
让我们从您自己的样板开始。
|
|
|
|
70
|
|
00:05:10,308 --> 00:05:13,513
|
|
如果您点击样板旁边的加号图标，
|
|
|
|
71
|
|
00:05:13,513 --> 00:05:18,000
|
|
就可以创建您自己的自定义同步或非同步样板。
|
|
|
|
72
|
|
00:05:18,000 --> 00:05:22,000
|
|
为其命名后，您可以将其添加到相关分类。
|
|
|
|
73
|
|
00:05:22,000 --> 00:05:27,000
|
|
在这个例子中，是一个行动号召分类。
|
|
|
|
74
|
|
00:05:27,000 --> 00:05:31,000
|
|
然后您可以选择是否同步它。
|
|
|
|
75
|
|
00:05:31,000 --> 00:05:35,000
|
|
在这个示例中，我将选择同步该样板。
|
|
|
|
76
|
|
00:05:35,000 --> 00:05:41,000
|
|
在底部，它写着“在多个位置同步此样板”。
|
|
|
|
77
|
|
00:05:41,000 --> 00:05:44,000
|
|
现在您可以开始创建您的同步样板了。
|
|
|
|
78
|
|
00:05:44,000 --> 00:05:48,286
|
|
当它准备就绪时，我们就可以点击保存。
|
|
|
|
79
|
|
00:05:48,286 --> 00:05:54,471
|
|
要在区块编辑器中创建一个样板，只需先选中设计，
|
|
|
|
80
|
|
00:05:54,471 --> 00:06:02,000
|
|
然后点击区块工具栏上的三个垂直圆点，并选择“创建样板”。
|
|
|
|
81
|
|
00:06:02,000 --> 00:06:07,000
|
|
然后遵循与之前相同的流程即可。
|
|
|
|
82
|
|
00:06:07,000 --> 00:06:12,000
|
|
我将再次选择一个同步样板。
|
|
|
|
83
|
|
00:06:12,000 --> 00:06:15,188
|
|
所以如果你喜欢某个设计，可以保存它
|
|
|
|
84
|
|
00:06:15,188 --> 00:06:18,000
|
|
并将其复用为同步或非同步样板。
|
|
|
|
85
|
|
00:06:18,000 --> 00:06:21,000
|
|
最后，我们来谈谈模板部分。
|
|
|
|
86
|
|
00:06:21,000 --> 00:06:26,000
|
|
要管理您的页眉和页脚，您可以使用模板部分样板。
|
|
|
|
87
|
|
00:06:26,000 --> 00:06:28,364
|
|
模板为网页创建了一个设计，
|
|
|
|
88
|
|
00:06:28,364 --> 00:06:32,000
|
|
这通常通过添加页眉和页脚模板部分来实现。
|
|
|
|
89
|
|
00:06:32,000 --> 00:06:41,000
|
|
让我们看个例子，打开我们的页面模板。
|
|
|
|
90
|
|
00:06:41,000 --> 00:06:45,730
|
|
当你打开页面模板后，我们可以继续并选择当前的页眉，
|
|
|
|
91
|
|
00:06:45,730 --> 00:06:48,000
|
|
然后点击那三个垂直的点。
|
|
|
|
92
|
|
00:06:48,000 --> 00:06:51,000
|
|
现在我们可以选择“替换页眉”。
|
|
|
|
93
|
|
00:06:51,000 --> 00:06:55,900
|
|
当你这样做时，你可以选择一个现有的模板部分
|
|
|
|
94
|
|
00:06:55,900 --> 00:06:58,000
|
|
或主题自带的样板。
|
|
|
|
95
|
|
00:06:58,000 --> 00:07:05,000
|
|
对于页脚，操作方式完全相同。
|
|
|
|
96
|
|
00:07:05,000 --> 00:07:09,000
|
|
在样板下方，你可以管理和编辑现有的模板部分。
|
|
|
|
97
|
|
00:07:09,000 --> 00:07:12,818
|
|
要添加新的模板部分，点击样板旁边的加号图标
|
|
|
|
98
|
|
00:07:12,818 --> 00:07:15,000
|
|
并选择“创建模板部分”。
|
|
|
|
99
|
|
00:07:15,000 --> 00:07:22,000
|
|
在这里，你可以选择创建通用的页脚或页眉模板部分。
|
|
|
|
100
|
|
00:07:22,000 --> 00:07:31,000
|
|
要创建新的页眉模板部分，请为其命名，选择“页眉”，然后点击创建。
|
|
|
|
101
|
|
00:07:31,000 --> 00:07:37,000
|
|
然后你就可以在模板编辑模式下开始构建新的页眉了。
|
|
|
|
102
|
|
00:07:37,000 --> 00:07:38,800
|
|
我相信样板也将成为
|
|
|
|
103
|
|
00:07:38,800 --> 00:07:41,000
|
|
您最喜欢的新工具之一。
|
