beginner-wordpress-user/subtitles/Nesting and using blocks to create visually appealing content.bilingual.en-zh.ass

[Script Info]
Title: Bilingual Subtitles
ScriptType: v4.00+
PlayResX: 1920
PlayResY: 1080
ScaledBorderAndShadow: yes

[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Original,Noto Sans,44,&H00FFFFFF,&H000000FF,&H00000000,&H80000000,0,0,0,0,100,100,0,0,1,2,1,2,,,36,1
Style: Translated,Noto Sans CJK SC,60,&H0000FFFF,&H000000FF,&H00000000,&H80000000,-1,0,0,0,100,100,0,0,1,2,1,2,,,86,1

[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:01.90,Original,,0,0,0,,As we have learned, blocks form the
Dialogue: 0,0:00:01.90,0:00:04.00,Original,,0,0,0,,cornerstone of building your online home.
Dialogue: 0,0:00:00.00,0:00:04.00,Translated,,0,0,0,,正如我们所了解的，区块是构建您在线家园的基石。
Dialogue: 0,0:00:04.00,0:00:06.08,Original,,0,0,0,,You can think of them as the literal
Dialogue: 0,0:00:06.08,0:00:08.00,Original,,0,0,0,,building blocks of your website.
Dialogue: 0,0:00:04.00,0:00:08.00,Translated,,0,0,0,,您可以将它们视为您网站的实际构建模块。
Dialogue: 0,0:00:08.00,0:00:09.48,Original,,0,0,0,,In this lesson, we are going to
Dialogue: 0,0:00:09.48,0:00:11.00,Original,,0,0,0,,build on our knowledge of blocks.
Dialogue: 0,0:00:08.00,0:00:11.00,Translated,,0,0,0,,在本课中，我们将基于对区块的了解进行扩展。
Dialogue: 0,0:00:11.00,0:00:14.55,Original,,0,0,0,,Explore using various types of blocks, as well as nest
Dialogue: 0,0:00:14.55,0:00:18.00,Original,,0,0,0,,and group blocks together to create various layouts.
Dialogue: 0,0:00:11.00,0:00:18.00,Translated,,0,0,0,,探索使用各种类型的区块，以及嵌套和组合区块来创建各种布局。
Dialogue: 0,0:00:18.00,0:00:21.15,Original,,0,0,0,,Nested blocks help you create more complex layouts
Dialogue: 0,0:00:21.15,0:00:24.00,Original,,0,0,0,,by adding multiple blocks inside each other.
Dialogue: 0,0:00:18.00,0:00:24.00,Translated,,0,0,0,,嵌套区块通过在彼此内部添加多个区块，帮助您创建更复杂的布局。
Dialogue: 0,0:00:24.00,0:00:26.46,Original,,0,0,0,,We typically use container blocks such as
Dialogue: 0,0:00:26.46,0:00:29.04,Original,,0,0,0,,the group block, columns block, cover block,
Dialogue: 0,0:00:24.00,0:00:29.04,Translated,,0,0,0,,我们通常使用容器区块，例如群组区块、分栏区块、封面区块、
Dialogue: 0,0:00:29.04,0:00:31.00,Original,,0,0,0,,the media and text block or row
Dialogue: 0,0:00:31.00,0:00:33.00,Original,,0,0,0,,block to group content together.
Dialogue: 0,0:00:29.04,0:00:33.00,Translated,,0,0,0,,媒体与文本区块或行区块，来将内容组合在一起。
Dialogue: 0,0:00:33.00,0:00:36.28,Original,,0,0,0,,As a reminder, when you open up the list view,
Dialogue: 0,0:00:33.00,0:00:36.28,Translated,,0,0,0,,提醒一下，当您打开列表视图时，
Dialogue: 0,0:00:36.28,0:00:38.18,Original,,0,0,0,,you can navigate between layers
Dialogue: 0,0:00:38.18,0:00:40.00,Original,,0,0,0,,of content and nested blocks.
Dialogue: 0,0:00:36.28,0:00:40.00,Translated,,0,0,0,,您可以在内容层和嵌套区块之间导航。
Dialogue: 0,0:00:40.00,0:00:42.45,Original,,0,0,0,,Let's look at the second section on
Dialogue: 0,0:00:42.45,0:00:45.00,Original,,0,0,0,,this home page to see this in action.
Dialogue: 0,0:00:40.00,0:00:45.00,Translated,,0,0,0,,让我们查看此主页上的第二部分，看看实际效果。
Dialogue: 0,0:00:45.00,0:00:48.00,Original,,0,0,0,,So I'll go ahead and select the columns block.
Dialogue: 0,0:00:45.00,0:00:48.00,Translated,,0,0,0,,那么我将继续并选择分栏区块。
Dialogue: 0,0:00:48.00,0:00:51.62,Original,,0,0,0,,And when we expand the columns block,
Dialogue: 0,0:00:51.62,0:00:55.00,Original,,0,0,0,,we will see all the blocks inside.
Dialogue: 0,0:00:48.00,0:00:55.00,Translated,,0,0,0,,当我们展开分栏区块时，我们将看到内部的所有区块。
Dialogue: 0,0:00:55.00,0:00:59.96,Original,,0,0,0,,In the left column, we will notice a heading block,
Dialogue: 0,0:00:59.96,0:01:04.00,Original,,0,0,0,,a separator block and a paragraph block.
Dialogue: 0,0:00:55.00,0:01:04.00,Translated,,0,0,0,,在左栏中，我们会注意到一个标题区块、一个分隔符区块和一个段落区块。
Dialogue: 0,0:01:04.00,0:01:07.25,Original,,0,0,0,,And in the right column, we will see
Dialogue: 0,0:01:07.25,0:01:11.00,Original,,0,0,0,,a gallery block with four different images.
Dialogue: 0,0:01:04.00,0:01:11.00,Translated,,0,0,0,,而在右栏中，我们将看到一个包含四张不同图片的相册区块。
Dialogue: 0,0:01:11.00,0:01:14.00,Original,,0,0,0,,Let's go ahead and create some examples together.
Dialogue: 0,0:01:11.00,0:01:14.00,Translated,,0,0,0,,让我们一起来创建一些示例。
Dialogue: 0,0:01:14.00,0:01:15.92,Original,,0,0,0,,Firstly, I'm going to group some
Dialogue: 0,0:01:15.92,0:01:18.00,Original,,0,0,0,,blocks together using a group block.
Dialogue: 0,0:01:14.00,0:01:18.00,Translated,,0,0,0,,首先，我将使用一个群组区块将一些区块组合在一起。
Dialogue: 0,0:01:18.00,0:01:24.00,Original,,0,0,0,,But first, I'm going to add a heading block.
Dialogue: 0,0:01:18.00,0:01:24.00,Translated,,0,0,0,,但在此之前，我要先添加一个标题区块。
Dialogue: 0,0:01:24.00,0:01:26.71,Original,,0,0,0,,And then name it appropriately.
Dialogue: 0,0:01:24.00,0:01:26.71,Translated,,0,0,0,,然后给它起个合适的名字。
Dialogue: 0,0:01:26.71,0:01:31.00,Original,,0,0,0,,In this case, laughter is the best medicine.
Dialogue: 0,0:01:26.71,0:01:31.00,Translated,,0,0,0,,在这个例子中，就叫“笑是最好的良药”。
Dialogue: 0,0:01:31.00,0:01:37.00,Original,,0,0,0,,Then I'll press enter and add a columns block.
Dialogue: 0,0:01:31.00,0:01:37.00,Translated,,0,0,0,,然后我按回车键，添加一个分栏区块。
Dialogue: 0,0:01:37.00,0:01:41.00,Original,,0,0,0,,And select two equal columns.
Dialogue: 0,0:01:37.00,0:01:41.00,Translated,,0,0,0,,并选择两栏等宽。
Dialogue: 0,0:01:41.00,0:01:45.15,Original,,0,0,0,,And then add some text in the left
Dialogue: 0,0:01:45.15,0:01:49.00,Original,,0,0,0,,column and in the right column.
Dialogue: 0,0:01:41.00,0:01:49.00,Translated,,0,0,0,,然后在左栏和右栏里添加一些文字。
Dialogue: 0,0:01:49.00,0:01:53.25,Original,,0,0,0,,Then I will select both of these blocks in my list
Dialogue: 0,0:01:53.25,0:01:57.50,Original,,0,0,0,,view by holding in shift and clicking on my mouse,
Dialogue: 0,0:01:49.00,0:01:54.04,Translated,,0,0,0,,接着，我会在列表视图中按住\hShift\h键并
Dialogue: 0,0:01:54.04,0:01:57.50,Translated,,0,0,0,,点击鼠标，来选中这两个区块，
Dialogue: 0,0:01:57.50,0:02:01.66,Original,,0,0,0,,which allows you to select multiple blocks and then use
Dialogue: 0,0:02:01.66,0:02:06.00,Original,,0,0,0,,the block toolbar to group them together in a group block.
Dialogue: 0,0:01:57.50,0:02:06.00,Translated,,0,0,0,,这样就可以选中多个区块，然后使用区块工具栏将它们组合成一个群组区块。
Dialogue: 0,0:02:06.00,0:02:08.09,Original,,0,0,0,,Next, I would like to change the width
Dialogue: 0,0:02:08.09,0:02:10.00,Original,,0,0,0,,of the group block to wide width.
Dialogue: 0,0:02:06.00,0:02:10.00,Translated,,0,0,0,,接下来，我想把这个群组区块的宽度改为宽宽度。
Dialogue: 0,0:02:10.00,0:02:13.53,Original,,0,0,0,,But before I will be able to do that, I have
Dialogue: 0,0:02:13.53,0:02:17.00,Original,,0,0,0,,to deselect inner blocks use content width.
Dialogue: 0,0:02:10.00,0:02:17.00,Translated,,0,0,0,,但在我能这样做之前，我必须取消选中“内部区块使用内容宽度”这个选项。
Dialogue: 0,0:02:17.00,0:02:20.30,Original,,0,0,0,,Only once I've deselected this option, the nested
Dialogue: 0,0:02:20.30,0:02:23.75,Original,,0,0,0,,blocks will be able to use the content width options
Dialogue: 0,0:02:17.00,0:02:23.75,Translated,,0,0,0,,只有在我取消选中这个选项后，嵌套的区块才能使用内容宽度选项，
Dialogue: 0,0:02:23.75,0:02:26.00,Original,,0,0,0,,such as wide width and full width.
Dialogue: 0,0:02:23.75,0:02:26.00,Translated,,0,0,0,,比如宽宽度和全宽度。
Dialogue: 0,0:02:26.00,0:02:27.66,Original,,0,0,0,,If I don't deselect this option, I won't be able
Dialogue: 0,0:02:27.66,0:02:29.35,Original,,0,0,0,,to change the alignment to full width for example.
Dialogue: 0,0:02:26.00,0:02:29.35,Translated,,0,0,0,,如果我不取消选中这个选项，
Dialogue: 0,0:02:29.35,0:02:31.50,Original,,0,0,0,,I won't be able to change the
Dialogue: 0,0:02:31.50,0:02:34.00,Original,,0,0,0,,alignment to full width for example.
Dialogue: 0,0:02:29.35,0:02:34.00,Translated,,0,0,0,,我就无法将对齐方式改为全宽度。
Dialogue: 0,0:02:34.00,0:02:38.00,Original,,0,0,0,,As you can see, nothing happens.
Dialogue: 0,0:02:34.00,0:02:38.00,Translated,,0,0,0,,如你所见，没有任何变化。
Dialogue: 0,0:02:38.00,0:02:41.00,Original,,0,0,0,,So once deselected, I can return to the block
Dialogue: 0,0:02:41.00,0:02:43.85,Original,,0,0,0,,toolbar and change the width to wide width
Dialogue: 0,0:02:38.00,0:02:43.85,Translated,,0,0,0,,所以一旦取消选中，我就可以回到区块工具栏，将宽度改为宽宽度，
Dialogue: 0,0:02:43.85,0:02:46.00,Original,,0,0,0,,without the constraints set by the theme.
Dialogue: 0,0:02:43.85,0:02:46.00,Translated,,0,0,0,,而不受主题设定的限制。
Dialogue: 0,0:02:46.00,0:02:48.00,Original,,0,0,0,,Next, we can open up the styles
Dialogue: 0,0:02:48.00,0:02:50.00,Original,,0,0,0,,tab to style our block further.
Dialogue: 0,0:02:46.00,0:02:50.00,Translated,,0,0,0,,接下来，我们可以打开样式选项卡，进一步设计我们的区块。
Dialogue: 0,0:02:50.00,0:02:52.45,Original,,0,0,0,,The first thing I want to do is change
Dialogue: 0,0:02:52.45,0:02:55.00,Original,,0,0,0,,the background color of the group block.
Dialogue: 0,0:02:50.00,0:02:55.00,Translated,,0,0,0,,我想做的第一件事是更改群组区块的背景颜色。
Dialogue: 0,0:02:55.00,0:02:55.74,Original,,0,0,0,,And then please also note, you can add a
Dialogue: 0,0:02:55.74,0:02:56.50,Original,,0,0,0,,background image to a group block if you wanted to.
Dialogue: 0,0:02:55.00,0:02:56.50,Translated,,0,0,0,,另外也请注意，
Dialogue: 0,0:02:56.50,0:02:58.80,Original,,0,0,0,,you can add a background image to
Dialogue: 0,0:02:58.80,0:03:01.00,Original,,0,0,0,,a group block if you wanted to.
Dialogue: 0,0:02:56.50,0:03:01.00,Translated,,0,0,0,,如果你愿意，也可以给群组区块添加背景图片。
Dialogue: 0,0:03:01.00,0:03:04.31,Original,,0,0,0,,And click on the three vertical dots next
Dialogue: 0,0:03:04.31,0:03:08.00,Original,,0,0,0,,to typography to see all the options available.
Dialogue: 0,0:03:01.00,0:03:08.00,Translated,,0,0,0,,然后点击排版旁边的三个垂直点，查看所有可用的选项。
Dialogue: 0,0:03:08.00,0:03:12.24,Original,,0,0,0,,Next, I will go ahead and add some padding
Dialogue: 0,0:03:08.00,0:03:12.24,Translated,,0,0,0,,接下来，我将继续添加一些内边距，
Dialogue: 0,0:03:12.24,0:03:17.00,Original,,0,0,0,,to create more space around the content of my block.
Dialogue: 0,0:03:12.24,0:03:17.00,Translated,,0,0,0,,以便在我的区块内容周围创造更多空间。
Dialogue: 0,0:03:17.00,0:03:20.44,Original,,0,0,0,,And there you have it. And of course you may
Dialogue: 0,0:03:20.44,0:03:24.00,Original,,0,0,0,,decide to style your group block even further.
Dialogue: 0,0:03:17.00,0:03:24.00,Translated,,0,0,0,,这样就完成了。当然，您也可以决定进一步设置您的群组区块样式。
Dialogue: 0,0:03:24.00,0:03:26.94,Original,,0,0,0,,When you have multiple layers of content on a page,
Dialogue: 0,0:03:24.00,0:03:26.94,Translated,,0,0,0,,当您的页面上有多层内容时，
Dialogue: 0,0:03:26.94,0:03:31.00,Original,,0,0,0,,you can use the group block to rename sections.
Dialogue: 0,0:03:26.94,0:03:31.00,Translated,,0,0,0,,您可以使用群组区块来重命名各个部分。
Dialogue: 0,0:03:31.00,0:03:33.54,Original,,0,0,0,,So in the top example, we will see
Dialogue: 0,0:03:33.54,0:03:36.25,Original,,0,0,0,,the first section is called our story
Dialogue: 0,0:03:31.00,0:03:36.25,Translated,,0,0,0,,所以在上面的例子中，我们看到第一部分叫做“我们的故事”，
Dialogue: 0,0:03:36.25,0:03:40.00,Original,,0,0,0,,and now I can select the group block below and rename it.
Dialogue: 0,0:03:36.25,0:03:40.00,Translated,,0,0,0,,现在我可以选择下面的群组区块并重命名它。
Dialogue: 0,0:03:40.00,0:03:44.00,Original,,0,0,0,,In this case, testimonial.
Dialogue: 0,0:03:40.00,0:03:44.00,Translated,,0,0,0,,在这个例子中，重命名为“客户评价”。
Dialogue: 0,0:03:44.00,0:03:47.56,Original,,0,0,0,,So this feature of the group block will allow
Dialogue: 0,0:03:47.56,0:03:51.00,Original,,0,0,0,,you to structure and organize your content.
Dialogue: 0,0:03:44.00,0:03:51.00,Translated,,0,0,0,,因此，群组区块的这个功能将允许您构建和组织您的内容。
Dialogue: 0,0:03:51.00,0:03:53.50,Original,,0,0,0,,In the next example, let's use the media
Dialogue: 0,0:03:53.50,0:03:56.00,Original,,0,0,0,,and text block to group blocks together.
Dialogue: 0,0:03:51.00,0:03:56.00,Translated,,0,0,0,,在下一个例子中，让我们使用媒体和文本区块来将区块组合在一起。
Dialogue: 0,0:03:56.00,0:04:00.00,Original,,0,0,0,,So let's go ahead and add the media and text block.
Dialogue: 0,0:03:56.00,0:04:00.00,Translated,,0,0,0,,那么，让我们继续添加媒体和文本区块。
Dialogue: 0,0:04:00.00,0:04:03.50,Original,,0,0,0,,And then on the left, we can add
Dialogue: 0,0:04:03.50,0:04:07.00,Original,,0,0,0,,an image from our media library.
Dialogue: 0,0:04:00.00,0:04:07.00,Translated,,0,0,0,,然后在左侧，我们可以从媒体库添加一张图片。
Dialogue: 0,0:04:07.00,0:04:11.00,Original,,0,0,0,,And on the right, we can start adding content.
Dialogue: 0,0:04:07.00,0:04:11.00,Translated,,0,0,0,,在右侧，我们可以开始添加内容。
Dialogue: 0,0:04:11.00,0:04:18.00,Original,,0,0,0,,At the top, I will add a heading and name it sushi is art.
Dialogue: 0,0:04:11.00,0:04:18.00,Translated,,0,0,0,,在顶部，我将添加一个标题并将其命名为“寿司是艺术”。
Dialogue: 0,0:04:18.00,0:04:22.00,Original,,0,0,0,,Press enter and then add some text.
Dialogue: 0,0:04:18.00,0:04:22.00,Translated,,0,0,0,,按回车键，然后添加一些文本。
Dialogue: 0,0:04:22.00,0:04:25.25,Original,,0,0,0,,At the bottom, I want to add a call
Dialogue: 0,0:04:25.25,0:04:29.00,Original,,0,0,0,,to action or in this case a buttons block.
Dialogue: 0,0:04:22.00,0:04:29.00,Translated,,0,0,0,,在底部，我想添加一个行动号召，或者在这个例子中是一个按钮区块。
Dialogue: 0,0:04:29.00,0:04:33.00,Original,,0,0,0,,And then I'll say learn more.
Dialogue: 0,0:04:29.00,0:04:33.00,Translated,,0,0,0,,然后我会写上“了解更多”。
Dialogue: 0,0:04:33.00,0:04:37.80,Original,,0,0,0,,And I'll use the block toolbar to make the text bold
Dialogue: 0,0:04:33.00,0:04:37.80,Translated,,0,0,0,,我将使用区块工具栏将文本加粗，
Dialogue: 0,0:04:37.80,0:04:41.00,Original,,0,0,0,,and also to add the relevant URL.
Dialogue: 0,0:04:37.80,0:04:41.00,Translated,,0,0,0,,并添加相关的网址。
Dialogue: 0,0:04:41.00,0:04:45.63,Original,,0,0,0,,Then I will select the parent block in the list
Dialogue: 0,0:04:45.63,0:04:50.00,Original,,0,0,0,,view and change the alignment to wide width.
Dialogue: 0,0:04:41.00,0:04:50.00,Translated,,0,0,0,,然后我将在列表视图中选择父区块，并将对齐方式改为宽宽度。
Dialogue: 0,0:04:50.00,0:04:53.11,Original,,0,0,0,,You can also use the block toolbar
Dialogue: 0,0:04:50.00,0:04:53.11,Translated,,0,0,0,,你也可以使用区块工具栏，
Dialogue: 0,0:04:53.11,0:04:57.00,Original,,0,0,0,,if you wanted to change and show the image on the right.
Dialogue: 0,0:04:53.11,0:04:57.00,Translated,,0,0,0,,如果你想更改并在右侧显示图像。
Dialogue: 0,0:04:57.00,0:05:00.34,Original,,0,0,0,,And then below settings,
Dialogue: 0,0:05:00.34,0:05:05.00,Original,,0,0,0,,I will change the media width to 40.
Dialogue: 0,0:04:57.00,0:05:05.00,Translated,,0,0,0,,然后在下面的设置中，我会将媒体宽度改为\h40。
Dialogue: 0,0:05:06.00,0:05:09.27,Original,,0,0,0,,Then I will open up the styles tab
Dialogue: 0,0:05:09.27,0:05:13.00,Original,,0,0,0,,and add some padding around the content.
Dialogue: 0,0:05:06.00,0:05:13.00,Translated,,0,0,0,,然后我会打开样式选项卡，在内容周围添加一些内边距。
Dialogue: 0,0:05:13.00,0:05:17.68,Original,,0,0,0,,And then finally, I will change the vertical
Dialogue: 0,0:05:17.68,0:05:22.00,Original,,0,0,0,,alignment of the image to a line bottom.
Dialogue: 0,0:05:13.00,0:05:22.00,Translated,,0,0,0,,最后，我会将图像的垂直对齐方式改为行底部。
Dialogue: 0,0:05:22.00,0:05:28.00,Original,,0,0,0,,And that's it. Our media and text block is done.
Dialogue: 0,0:05:22.00,0:05:28.00,Translated,,0,0,0,,就这样，我们的媒体与文本区块就完成了。
Dialogue: 0,0:05:28.00,0:05:31.00,Original,,0,0,0,,In the next example, we are going to use the columns block.
Dialogue: 0,0:05:28.00,0:05:31.00,Translated,,0,0,0,,在下一个例子中，我们将使用栏目区块。
Dialogue: 0,0:05:31.00,0:05:33.33,Original,,0,0,0,,The columns block is one of the most effective blocks to use
Dialogue: 0,0:05:31.00,0:05:33.33,Translated,,0,0,0,,栏目区块是最有效的区块之一，
Dialogue: 0,0:05:33.33,0:05:36.00,Original,,0,0,0,,to create complex layouts or various designs.
Dialogue: 0,0:05:33.33,0:05:36.00,Translated,,0,0,0,,可用于创建复杂的布局或各种设计。
Dialogue: 0,0:05:36.00,0:05:40.21,Original,,0,0,0,,So let's go ahead and add a columns block
Dialogue: 0,0:05:40.21,0:05:44.00,Original,,0,0,0,,and then select three equal columns.
Dialogue: 0,0:05:36.00,0:05:44.00,Translated,,0,0,0,,那么，我们继续添加一个栏目区块，然后选择三个等宽的栏目。
Dialogue: 0,0:05:44.00,0:05:47.96,Original,,0,0,0,,And then in the left column, I'm going to go
Dialogue: 0,0:05:47.96,0:05:52.00,Original,,0,0,0,,ahead and add some text and name it platters.
Dialogue: 0,0:05:44.00,0:05:52.00,Translated,,0,0,0,,然后在左栏中，我将继续添加一些文本，并将其命名为“拼盘”。
Dialogue: 0,0:05:52.00,0:05:56.00,Original,,0,0,0,,Press enter and then add a paragraph.
Dialogue: 0,0:05:52.00,0:05:56.00,Translated,,0,0,0,,按回车键，然后添加一个段落。
Dialogue: 0,0:05:56.00,0:06:01.56,Original,,0,0,0,,Below that, I'm going to add an image block
Dialogue: 0,0:06:01.56,0:06:07.00,Original,,0,0,0,,and select an image from my media library.
Dialogue: 0,0:05:56.00,0:06:07.00,Translated,,0,0,0,,在那下面，我将添加一个图像区块，并从我的媒体库中选择一张图片。
Dialogue: 0,0:06:07.00,0:06:11.50,Original,,0,0,0,,Then I will select the text at the top,
Dialogue: 0,0:06:11.50,0:06:16.00,Original,,0,0,0,,make it bold and also enlarge the size.
Dialogue: 0,0:06:07.00,0:06:16.00,Translated,,0,0,0,,然后我会选中顶部的文本，将其加粗并放大字号。
Dialogue: 0,0:06:16.00,0:06:22.00,Original,,0,0,0,,Followed by centering the text of both paragraphs.
Dialogue: 0,0:06:16.00,0:06:22.00,Translated,,0,0,0,,接着将两个段落的文本都居中对齐。
Dialogue: 0,0:06:22.00,0:06:26.38,Original,,0,0,0,,And once it's aligned center, I will select the
Dialogue: 0,0:06:26.38,0:06:31.00,Original,,0,0,0,,image block and change the aspect ratio to square.
Dialogue: 0,0:06:22.00,0:06:31.00,Translated,,0,0,0,,一旦文本居中对齐后，我会选中图像区块，并将宽高比改为正方形。
Dialogue: 0,0:06:31.00,0:06:33.13,Original,,0,0,0,,Then I will select the main
Dialogue: 0,0:06:33.13,0:06:35.57,Original,,0,0,0,,columns block or the parent block
Dialogue: 0,0:06:31.00,0:06:35.57,Translated,,0,0,0,,然后，我会选择主列区块或父区块，
Dialogue: 0,0:06:35.57,0:06:39.00,Original,,0,0,0,,and change the alignment to wide width.
Dialogue: 0,0:06:35.57,0:06:39.00,Translated,,0,0,0,,并将对齐方式改为宽对齐。
Dialogue: 0,0:06:39.00,0:06:42.37,Original,,0,0,0,,Then I will make my way to styles and add
Dialogue: 0,0:06:42.37,0:06:46.00,Original,,0,0,0,,some padding around the content of the block.
Dialogue: 0,0:06:39.00,0:06:46.00,Translated,,0,0,0,,接着，我会转到样式设置，为区块内容添加一些内边距。
Dialogue: 0,0:06:46.00,0:06:53.00,Original,,0,0,0,,As well as block spacing between the three columns.
Dialogue: 0,0:06:46.00,0:06:53.00,Translated,,0,0,0,,以及三个列之间的区块间距。
Dialogue: 0,0:06:53.00,0:06:58.08,Original,,0,0,0,,When I'm done with styling the block,
Dialogue: 0,0:06:53.00,0:06:58.08,Translated,,0,0,0,,完成区块的样式设置后，
Dialogue: 0,0:06:58.08,0:07:05.00,Original,,0,0,0,,I'm going to select the left column and duplicate it twice.
Dialogue: 0,0:06:58.08,0:07:05.00,Translated,,0,0,0,,我将选择左侧列并将其复制两次。
Dialogue: 0,0:07:05.00,0:07:13.00,Original,,0,0,0,,And once duplicated, we can delete the empty columns.
Dialogue: 0,0:07:05.00,0:07:13.00,Translated,,0,0,0,,复制完成后，我们就可以删除那些空列了。
Dialogue: 0,0:07:13.00,0:07:16.31,Original,,0,0,0,,And then we can go ahead and
Dialogue: 0,0:07:16.31,0:07:20.00,Original,,0,0,0,,modify the content as we please.
Dialogue: 0,0:07:13.00,0:07:20.00,Translated,,0,0,0,,然后，我们就可以继续按需修改内容了。
Dialogue: 0,0:07:20.00,0:07:23.00,Original,,0,0,0,,In the last example, we are going to use a cover block.
Dialogue: 0,0:07:20.00,0:07:23.00,Translated,,0,0,0,,在最后一个例子中，我们将使用封面区块。
Dialogue: 0,0:07:23.00,0:07:25.42,Original,,0,0,0,,The cover block allows you to display text
Dialogue: 0,0:07:25.42,0:07:28.00,Original,,0,0,0,,and other content on top of an image or video.
Dialogue: 0,0:07:23.00,0:07:28.00,Translated,,0,0,0,,封面区块允许你在图片或视频上方显示文本和其他内容。
Dialogue: 0,0:07:28.00,0:07:29.92,Original,,0,0,0,,It is a great block to use for
Dialogue: 0,0:07:29.92,0:07:32.00,Original,,0,0,0,,headers and banner style displays.
Dialogue: 0,0:07:28.00,0:07:32.00,Translated,,0,0,0,,这是一个非常适合用于页眉和横幅样式显示的区块。
Dialogue: 0,0:07:32.00,0:07:35.00,Original,,0,0,0,,So let's go ahead and add our cover block.
Dialogue: 0,0:07:32.00,0:07:35.00,Translated,,0,0,0,,那么，我们继续添加封面区块吧。
Dialogue: 0,0:07:35.00,0:07:41.00,Original,,0,0,0,,Then you will see that you can select a color overlay.
Dialogue: 0,0:07:35.00,0:07:41.00,Translated,,0,0,0,,然后你会看到，你可以选择一个颜色叠加层。
Dialogue: 0,0:07:41.00,0:07:44.18,Original,,0,0,0,,But I'm going to go ahead and add an image
Dialogue: 0,0:07:44.18,0:07:47.00,Original,,0,0,0,,from my media library as background.
Dialogue: 0,0:07:41.00,0:07:47.00,Translated,,0,0,0,,但我要继续操作，从我的媒体库添加一张图片作为背景。
Dialogue: 0,0:07:47.00,0:07:56.00,Original,,0,0,0,,Then I will add some text, followed by a buttons block.
Dialogue: 0,0:07:47.00,0:07:56.00,Translated,,0,0,0,,接着，我会添加一些文本，后面再跟一个按钮区块。
Dialogue: 0,0:07:56.00,0:08:00.00,Original,,0,0,0,,And I will write order now.
Dialogue: 0,0:07:56.00,0:08:00.00,Translated,,0,0,0,,我会写上“立即订购”。
Dialogue: 0,0:08:00.00,0:08:04.77,Original,,0,0,0,,And then change the background color
Dialogue: 0,0:08:04.77,0:08:10.00,Original,,0,0,0,,and the text color of my call to action.
Dialogue: 0,0:08:00.00,0:08:10.00,Translated,,0,0,0,,然后，更改我的行动号召的背景颜色和文本颜色。
Dialogue: 0,0:08:11.00,0:08:14.71,Original,,0,0,0,,Then I will select both of the blocks
Dialogue: 0,0:08:14.71,0:08:19.00,Original,,0,0,0,,and stack them together using a stack block.
Dialogue: 0,0:08:11.00,0:08:19.00,Translated,,0,0,0,,然后我将选中这两个区块，并使用堆叠区块将它们堆叠在一起。
Dialogue: 0,0:08:19.00,0:08:23.00,Original,,0,0,0,,This allows me to customize the blocks simultaneously.
Dialogue: 0,0:08:19.00,0:08:23.00,Translated,,0,0,0,,这让我可以同时自定义这些区块。
Dialogue: 0,0:08:23.00,0:08:28.03,Original,,0,0,0,,Then I will justify the stack block to center,
Dialogue: 0,0:08:23.00,0:08:28.03,Translated,,0,0,0,,接着，我会将堆叠区块对齐到中心，
Dialogue: 0,0:08:28.03,0:08:31.20,Original,,0,0,0,,select the cover block and change
Dialogue: 0,0:08:31.20,0:08:34.00,Original,,0,0,0,,the alignment to wide width.
Dialogue: 0,0:08:28.03,0:08:34.00,Translated,,0,0,0,,选中封面区块，并将对齐方式改为宽宽度。
Dialogue: 0,0:08:34.00,0:08:39.00,Original,,0,0,0,,And don't forget to deselect inner blocks use content width.
Dialogue: 0,0:08:34.00,0:08:39.00,Translated,,0,0,0,,并且别忘了取消选中“内部区块使用内容宽度”。
Dialogue: 0,0:08:39.00,0:08:41.00,Original,,0,0,0,,Now we can make further modifications.
Dialogue: 0,0:08:39.00,0:08:41.00,Translated,,0,0,0,,现在我们可以进行进一步的修改。
Dialogue: 0,0:08:41.00,0:08:49.00,Original,,0,0,0,,I will enlarge the text, enjoy 20% off.
Dialogue: 0,0:08:41.00,0:08:49.00,Translated,,0,0,0,,我会放大文字“享受八折优惠”。
Dialogue: 0,0:08:49.00,0:08:56.00,Original,,0,0,0,,As well as the buttons block.
Dialogue: 0,0:08:49.00,0:08:56.00,Translated,,0,0,0,,以及按钮区块。
Dialogue: 0,0:08:56.00,0:08:59.77,Original,,0,0,0,,I also want to make the text of the buttons block bold
Dialogue: 0,0:08:56.00,0:08:59.77,Translated,,0,0,0,,我还想把按钮区块的文字加粗，
Dialogue: 0,0:08:59.77,0:09:03.00,Original,,0,0,0,,and don't forget to add your URL.
Dialogue: 0,0:08:59.77,0:09:03.00,Translated,,0,0,0,,并且别忘了添加您的网址。
Dialogue: 0,0:09:03.00,0:09:05.00,Original,,0,0,0,,Then I will select the cover block.
Dialogue: 0,0:09:03.00,0:09:05.00,Translated,,0,0,0,,然后我将选中封面区块。
Dialogue: 0,0:09:05.00,0:09:08.47,Original,,0,0,0,,And please note in the block toolbar you have
Dialogue: 0,0:09:08.47,0:09:12.00,Original,,0,0,0,,the option to toggle the block to full height.
Dialogue: 0,0:09:05.00,0:09:12.00,Translated,,0,0,0,,请注意，在区块工具栏中，您可以选择将区块切换为全高。
Dialogue: 0,0:09:12.00,0:09:19.00,Original,,0,0,0,,But then we can also manually decrease or increase the size.
Dialogue: 0,0:09:12.00,0:09:19.00,Translated,,0,0,0,,但我们也可以手动减小或增大尺寸。
Dialogue: 0,0:09:19.00,0:09:23.23,Original,,0,0,0,,Then I will open up the styles tab
Dialogue: 0,0:09:23.23,0:09:27.67,Original,,0,0,0,,and change the overlay opacity to 30
Dialogue: 0,0:09:19.00,0:09:27.67,Translated,,0,0,0,,接着，我会打开样式选项卡，将叠加层不透明度改为\h30，
Dialogue: 0,0:09:27.67,0:09:30.00,Original,,0,0,0,,to make it lighter.
Dialogue: 0,0:09:27.67,0:09:30.00,Translated,,0,0,0,,让它变得更亮。
Dialogue: 0,0:09:30.00,0:09:35.00,Original,,0,0,0,,And then my cover block is ready to go.
Dialogue: 0,0:09:30.00,0:09:35.00,Translated,,0,0,0,,然后我的封面区块就准备好了。
Dialogue: 0,0:09:35.00,0:09:37.30,Original,,0,0,0,,I trust you now feel more confident
Dialogue: 0,0:09:37.30,0:09:39.69,Original,,0,0,0,,nesting and grouping blocks together.
Dialogue: 0,0:09:35.00,0:09:39.69,Translated,,0,0,0,,我相信您现在对嵌套和组合区块更有信心了。