Studio-Archive/beginner-wordpress-user
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
beginner-wordpress-user/platform/Using block patterns/bilibili/Using block patterns.bcc
studio 4cfcf09a97 sync: full archive from pipeline (250 files) 
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)
2026-04-13 23:35:08 +08:00

627 lines
No EOL
15 KiB
Text
Raw Permalink Blame History

{
"font_size": 0.4,
"font_color": "#FFFFFF",
"background_alpha": 0.5,
"background_color": "#9C27B0",
"Stroke": "none",
"body": [
{
"from": 0.0,
"to": 4.0,
"location": 2,
"content": "我们已经学会了使用和组合区块来构建我们的站点。"
},
{
"from": 4.0,
"to": 9.714,
"location": 2,
"content": "但你知道有一个捷径可以更快地创建自定义内容布局吗？"
},
{
"from": 9.714,
"to": 12.0,
"location": 2,
"content": "那就是使用区块模式。"
},
{
"from": 12.0,
"to": 16.0,
"location": 2,
"content": "我们并非都是设计师，创建布局很耗时。"
},
{
"from": 16.0,
"to": 19.0,
"location": 2,
"content": "区块模式提供了一个解决方案。"
},
{
"from": 19.0,
"to": 24.75,
"location": 2,
"content": "本课的学习目标是使用和修改可用的预制区块模式，"
},
{
"from": 24.75,
"to": 30.75,
"location": 2,
"content": "探索区块模式目录，创建您自己的同步和非同步模式，"
},
{
"from": 30.75,
"to": 34.0,
"location": 2,
"content": "最后是利用页眉和照片模式。"
},
{
"from": 34.0,
"to": 36.0,
"location": 2,
"content": "但什么是模式呢？"
},
{
"from": 36.0,
"to": 39.912,
"location": 2,
"content": "区块模式是预制好的分组区块设计或布局，"
},
{
"from": 39.912,
"to": 43.0,
"location": 2,
"content": "可供修改和调整以满足您的需求。"
},
{
"from": 43.0,
"to": 48.0,
"location": 2,
"content": "它本质上能节省您的时间，同时也能增强创意和设计。"
},
{
"from": 48.0,
"to": 53.0,
"location": 2,
"content": "无需您自己嵌套和组合区块，样板已经为您做好了这些。"
},
{
"from": 53.0,
"to": 57.513,
"location": 2,
"content": "只需点击一下，您就能获得美观且功能性的布局，"
},
{
"from": 57.513,
"to": 61.0,
"location": 2,
"content": "从行动号召、页眉、栏目、画廊等等。"
},
{
"from": 61.0,
"to": 67.136,
"location": 2,
"content": "要添加一个样板，请点击左上角的加号图标，也称为插入器，"
},
{
"from": 67.136,
"to": 71.0,
"location": 2,
"content": "然后打开右侧区块旁边的样板选项卡。"
},
{
"from": 71.0,
"to": 74.0,
"location": 2,
"content": "在顶部，您会看到全部样板。"
},
{
"from": 74.0,
"to": 81.0,
"location": 2,
"content": "在它下面，是您自己创建的所有同步和非同步样板。"
},
{
"from": 81.0,
"to": 85.974,
"location": 2,
"content": "同步样板标有紫色图标，而非同步样板则没有，"
},
{
"from": 85.974,
"to": 90.0,
"location": 2,
"content": "但关于同步和非同步样板稍后再详谈。"
},
{
"from": 90.0,
"to": 94.0,
"location": 2,
"content": "在我的样板下方，您会看到随您的主题附带的样板。"
},
{
"from": 94.0,
"to": 99.0,
"location": 2,
"content": "它们被组织到不同的分类中，以帮助您找到所需内容。"
},
{
"from": 99.0,
"to": 101.333,
"location": 2,
"content": "一旦您点击某个分类，"
},
{
"from": 101.333,
"to": 106.0,
"location": 2,
"content": "向下滚动时，您将看到所有可用样板/区块样板的预览。"
},
{
"from": 106.0,
"to": 110.645,
"location": 2,
"content": "您也可以选择底部的“探索所有样板/区块样板”，"
},
{
"from": 110.645,
"to": 114.0,
"location": 2,
"content": "以鸟瞰您的主题附带的样板/区块样板。"
},
{
"from": 114.0,
"to": 119.0,
"location": 2,
"content": "您也可以逐个分类地浏览它们。"
},
{
"from": 119.0,
"to": 122.0,
"location": 2,
"content": "让我们看一个简单的例子。"
},
{
"from": 122.0,
"to": 126.381,
"location": 2,
"content": "当您选择一个样板/区块样板时，比如这个来自我的推荐分类，"
},
{
"from": 126.381,
"to": 130.0,
"location": 2,
"content": "您将能够修改该样板/区块样板以满足您的设计要求。"
},
{
"from": 130.0,
"to": 135.0,
"location": 2,
"content": "它可以像任何其他区块一样轻松编辑。"
},
{
"from": 135.0,
"to": 140.0,
"location": 2,
"content": "您可以更改容器区块的对齐方式。"
},
{
"from": 140.0,
"to": 143.0,
"location": 2,
"content": "您可以编辑标题。"
},
{
"from": 143.0,
"to": 146.0,
"location": 2,
"content": "更新内容。"
},
{
"from": 146.0,
"to": 153.0,
"location": 2,
"content": "替换图像。"
},
{
"from": 153.0,
"to": 160.0,
"location": 2,
"content": "例如，更改您区块样板的背景颜色以及其他样式选项。"
},
{
"from": 160.0,
"to": 164.0,
"location": 2,
"content": "但所有繁重的工作和布局都已为您完成。"
},
{
"from": 164.0,
"to": 171.0,
"location": 2,
"content": "您唯一需要做的就是选择区块样板并修改它以满足您的要求。"
},
{
"from": 171.0,
"to": 174.0,
"location": 2,
"content": "您的主题附带的区块样板是有限的。"
},
{
"from": 174.0,
"to": 179.0,
"location": 2,
"content": "如果您想要更多区块样板可供选择，可以探索区块模式目录。"
},
{
"from": 179.0,
"to": 184.0,
"location": 2,
"content": "为此，让我们前往 WordPress.org 网站。"
},
{
"from": 184.0,
"to": 190.0,
"location": 2,
"content": "点击“扩展”，然后选择“模式”。"
},
{
"from": 190.0,
"to": 195.0,
"location": 2,
"content": "在这里，您可以搜索并找到新的区块样板，用于您的网站。"
},
{
"from": 195.0,
"to": 198.938,
"location": 2,
"content": "您会注意到有一个选项，可以仅查看精选模式，"
},
{
"from": 198.938,
"to": 204.0,
"location": 2,
"content": "或者查看由 WordPress 社区添加的数百种模式。"
},
{
"from": 204.0,
"to": 208.61,
"location": 2,
"content": "您可以在搜索区块中输入关键词，按分类搜索，"
},
{
"from": 208.61,
"to": 213.0,
"location": 2,
"content": "或者浏览所有可用选项，直到找到您想要的。"
},
{
"from": 213.0,
"to": 215.357,
"location": 2,
"content": "一旦找到你想要的样板/区块样板，"
},
{
"from": 215.357,
"to": 219.0,
"location": 2,
"content": "你可以点击星标，将其添加到你的收藏夹。"
},
{
"from": 219.0,
"to": 229.909,
"location": 2,
"content": "当你准备好将样板/区块样板添加到你的站点时，打开该样板/区块样板，点击“复制样板/区块样板”，"
},
{
"from": 229.909,
"to": 234.0,
"location": 2,
"content": "然后返回你的网站并粘贴。"
},
{
"from": 234.0,
"to": 240.0,
"location": 2,
"content": "现在，你就可以开始更改和修改你的样板/区块样板了。"
},
{
"from": 240.0,
"to": 246.0,
"location": 2,
"content": "这就是我的样板/区块样板经过修改以满足设计需求后的样子。"
},
{
"from": 246.0,
"to": 250.606,
"location": 2,
"content": "当你进入站点编辑器，在这个侧边视图中，"
},
{
"from": 250.606,
"to": 254.0,
"location": 2,
"content": "你会看到一个“样板/区块样板”标签页。"
},
{
"from": 254.0,
"to": 260.105,
"location": 2,
"content": "在这里，你可以管理、编辑和创建你所有的样板/区块样板，无论是否同步，"
},
{
"from": 260.105,
"to": 262.0,
"location": 2,
"content": "以及你的模板部分。"
},
{
"from": 262.0,
"to": 266.0,
"location": 2,
"content": "当你点击“我的样板/区块样板”时，你将看到所有自定义样板/区块样板。"
},
{
"from": 266.0,
"to": 271.0,
"location": 2,
"content": "同步的样板/区块样板有一个紫色图标，非同步的则没有。"
},
{
"from": 271.0,
"to": 273.927,
"location": 2,
"content": "如果你将鼠标悬停在紫色图标上，"
},
{
"from": 273.927,
"to": 279.0,
"location": 2,
"content": "它会清楚地说明，编辑此样板也会更新所有使用它的地方。"
},
{
"from": 279.0,
"to": 284.176,
"location": 2,
"content": "在自定义样板下方，我们会看到所有可用的分类，"
},
{
"from": 284.176,
"to": 287.0,
"location": 2,
"content": "以及您的主题提供的样板。"
},
{
"from": 287.0,
"to": 292.614,
"location": 2,
"content": "同样值得注意的是，当您点击主题自带的某个样板上的三个垂直圆点时，"
},
{
"from": 292.614,
"to": 297.0,
"location": 2,
"content": "您也可以复制该样板并将其添加到您的自定义样板区域。"
},
{
"from": 297.0,
"to": 302.0,
"location": 2,
"content": "当您将其保存为自定义样板后，就可以随意修改它了。"
},
{
"from": 302.0,
"to": 308.0,
"location": 2,
"content": "而在底部，则是您所有的页眉、页脚和通用模板部件样板。"
},
{
"from": 308.0,
"to": 310.308,
"location": 2,
"content": "让我们从您自己的样板开始。"
},
{
"from": 310.308,
"to": 313.513,
"location": 2,
"content": "如果您点击样板旁边的加号图标，"
},
{
"from": 313.513,
"to": 318.0,
"location": 2,
"content": "就可以创建您自己的自定义同步或非同步样板。"
},
{
"from": 318.0,
"to": 322.0,
"location": 2,
"content": "为其命名后，您可以将其添加到相关分类。"
},
{
"from": 322.0,
"to": 327.0,
"location": 2,
"content": "在这个例子中，是一个行动号召分类。"
},
{
"from": 327.0,
"to": 331.0,
"location": 2,
"content": "然后您可以选择是否同步它。"
},
{
"from": 331.0,
"to": 335.0,
"location": 2,
"content": "在这个示例中，我将选择同步该样板。"
},
{
"from": 335.0,
"to": 341.0,
"location": 2,
"content": "在底部，它写着“在多个位置同步此样板”。"
},
{
"from": 341.0,
"to": 344.0,
"location": 2,
"content": "现在您可以开始创建您的同步样板了。"
},
{
"from": 344.0,
"to": 348.286,
"location": 2,
"content": "当它准备就绪时，我们就可以点击保存。"
},
{
"from": 348.286,
"to": 354.471,
"location": 2,
"content": "要在区块编辑器中创建一个样板，只需先选中设计，"
},
{
"from": 354.471,
"to": 362.0,
"location": 2,
"content": "然后点击区块工具栏上的三个垂直圆点，并选择“创建样板”。"
},
{
"from": 362.0,
"to": 367.0,
"location": 2,
"content": "然后遵循与之前相同的流程即可。"
},
{
"from": 367.0,
"to": 372.0,
"location": 2,
"content": "我将再次选择一个同步样板。"
},
{
"from": 372.0,
"to": 375.188,
"location": 2,
"content": "所以如果你喜欢某个设计，可以保存它"
},
{
"from": 375.188,
"to": 378.0,
"location": 2,
"content": "并将其复用为同步或非同步样板。"
},
{
"from": 378.0,
"to": 381.0,
"location": 2,
"content": "最后，我们来谈谈模板部分。"
},
{
"from": 381.0,
"to": 386.0,
"location": 2,
"content": "要管理您的页眉和页脚，您可以使用模板部分样板。"
},
{
"from": 386.0,
"to": 388.364,
"location": 2,
"content": "模板为网页创建了一个设计，"
},
{
"from": 388.364,
"to": 392.0,
"location": 2,
"content": "这通常通过添加页眉和页脚模板部分来实现。"
},
{
"from": 392.0,
"to": 401.0,
"location": 2,
"content": "让我们看个例子，打开我们的页面模板。"
},
{
"from": 401.0,
"to": 405.73,
"location": 2,
"content": "当你打开页面模板后，我们可以继续并选择当前的页眉，"
},
{
"from": 405.73,
"to": 408.0,
"location": 2,
"content": "然后点击那三个垂直的点。"
},
{
"from": 408.0,
"to": 411.0,
"location": 2,
"content": "现在我们可以选择“替换页眉”。"
},
{
"from": 411.0,
"to": 415.9,
"location": 2,
"content": "当你这样做时，你可以选择一个现有的模板部分"
},
{
"from": 415.9,
"to": 418.0,
"location": 2,
"content": "或主题自带的样板。"
},
{
"from": 418.0,
"to": 425.0,
"location": 2,
"content": "对于页脚，操作方式完全相同。"
},
{
"from": 425.0,
"to": 429.0,
"location": 2,
"content": "在样板下方，你可以管理和编辑现有的模板部分。"
},
{
"from": 429.0,
"to": 432.818,
"location": 2,
"content": "要添加新的模板部分，点击样板旁边的加号图标"
},
{
"from": 432.818,
"to": 435.0,
"location": 2,
"content": "并选择“创建模板部分”。"
},
{
"from": 435.0,
"to": 442.0,
"location": 2,
"content": "在这里，你可以选择创建通用的页脚或页眉模板部分。"
},
{
"from": 442.0,
"to": 451.0,
"location": 2,
"content": "要创建新的页眉模板部分，请为其命名，选择“页眉”，然后点击创建。"
},
{
"from": 451.0,
"to": 457.0,
"location": 2,
"content": "然后你就可以在模板编辑模式下开始构建新的页眉了。"
},
{
"from": 457.0,
"to": 458.8,
"location": 2,
"content": "我相信样板也将成为"
},
{
"from": 458.8,
"to": 461.0,
"location": 2,
"content": "您最喜欢的新工具之一。"
}
]
}
Reference in a new issue View git blame Copy permalink