beginner-wordpress-user/platform/Intro to the Site Editor/bilibili/Intro to the Site Editor.bcc

{
  "font_size": 0.4,
  "font_color": "#FFFFFF",
  "background_alpha": 0.5,
  "background_color": "#9C27B0",
  "Stroke": "none",
  "body": [
    {
      "from": 0.0,
      "to": 2.458,
      "location": 2,
      "content": "我们来探索站点编辑器，"
    },
    {
      "from": 2.458,
      "to": 6.928,
      "location": 2,
      "content": "它允许你使用区块来设计网站上的所有内容，"
    },
    {
      "from": 6.928,
      "to": 10.28,
      "location": 2,
      "content": "从页眉到页脚，以及其间的一切。"
    },
    {
      "from": 10.28,
      "to": 14.44,
      "location": 2,
      "content": "我们转到外观，然后点击编辑。"
    },
    {
      "from": 14.44,
      "to": 16.98,
      "location": 2,
      "content": "这将打开站点编辑器。"
    },
    {
      "from": 16.98,
      "to": 19.629,
      "location": 2,
      "content": "左侧是站点视图边栏，"
    },
    {
      "from": 19.629,
      "to": 24.927,
      "location": 2,
      "content": "这个精巧的工具让你能深入网站的关键部分，"
    },
    {
      "from": 24.927,
      "to": 28.9,
      "location": 2,
      "content": "导航、样式、页面、模板和样板。"
    },
    {
      "from": 28.9,
      "to": 33.78,
      "location": 2,
      "content": "本教程旨在更深入地理解这些元素。"
    },
    {
      "from": 33.78,
      "to": 37.06,
      "location": 2,
      "content": "我们从顶部的导航开始。"
    },
    {
      "from": 37.06,
      "to": 40.428,
      "location": 2,
      "content": "在这里你可以快速查看和调整所有菜单，"
    },
    {
      "from": 40.428,
      "to": 42.86,
      "location": 2,
      "content": "这是你管理菜单的命令中心。"
    },
    {
      "from": 42.86,
      "to": 49.243,
      "location": 2,
      "content": "你可以直接进行简单编辑，比如重新排序，"
    },
    {
      "from": 49.243,
      "to": 55.961,
      "location": 2,
      "content": "当你点击菜单项名称旁边的三个垂直圆点时，"
    },
    {
      "from": 55.961,
      "to": 62.68,
      "location": 2,
      "content": "你可以根据需要重命名、复制和删除菜单项。"
    },
    {
      "from": 62.68,
      "to": 64.891,
      "location": 2,
      "content": "如果在编辑模式下打开，"
    },
    {
      "from": 64.891,
      "to": 67.906,
      "location": 2,
      "content": "你可以不受干扰地进行某些更改，"
    },
    {
      "from": 67.906,
      "to": 70.72,
      "location": 2,
      "content": "并且更新将在你的网站上同步。"
    },
    {
      "from": 70.72,
      "to": 77.486,
      "location": 2,
      "content": "当你点击加号图标时，可以添加新页面或其他菜单项。"
    },
    {
      "from": 77.486,
      "to": 82.56,
      "location": 2,
      "content": "你会注意到导航区块在此区域被锁定。"
    },
    {
      "from": 82.56,
      "to": 85.309,
      "location": 2,
      "content": "如果你想为导航菜单设置样式，"
    },
    {
      "from": 85.309,
      "to": 89.04,
      "location": 2,
      "content": "你需要打开一个模板或它所属的模板部件。"
    },
    {
      "from": 89.04,
      "to": 92.4,
      "location": 2,
      "content": "接下来，我们来谈谈样式。"
    },
    {
      "from": 92.4,
      "to": 94.766,
      "location": 2,
      "content": "当你选择样式时，"
    },
    {
      "from": 94.766,
      "to": 100.68,
      "location": 2,
      "content": "你将能够浏览主题附带的各种不同样式组合。"
    },
    {
      "from": 100.68,
      "to": 105.659,
      "location": 2,
      "content": "当你点击编辑样式时，可以按年份浏览你的样式，"
    },
    {
      "from": 105.659,
      "to": 109.28,
      "location": 2,
      "content": "然后更改网站的排版、颜色和布局。"
    },
    {
      "from": 109.28,
      "to": 110.9,
      "location": 2,
      "content": "我们来看看它是如何工作的。"
    },
    {
      "from": 110.9,
      "to": 118.4,
      "location": 2,
      "content": "当你点击版式时，你可以管理文本、链接、标题、说明文字和按钮的版式设置。"
    },
    {
      "from": 118.4,
      "to": 124.26,
      "location": 2,
      "content": "一个很棒的新功能是，你现在还可以访问一个字体库。"
    },
    {
      "from": 124.26,
      "to": 129.2,
      "location": 2,
      "content": "在字体下方，我们目前会看到由我们的主题已添加的字体。"
    },
    {
      "from": 129.2,
      "to": 131.312,
      "location": 2,
      "content": "但当我们点击管理字体时，"
    },
    {
      "from": 131.312,
      "to": 138.88,
      "location": 2,
      "content": "你将能够使用任何区块主题，在你的整个站点上安装、移除和启用本地及 Google 字体。"
    },
    {
      "from": 138.88,
      "to": 145.76,
      "location": 2,
      "content": "当你点击安装字体时，你将能够在你的网站上安装任何 Google 字体。"
    },
    {
      "from": 145.76,
      "to": 150.02,
      "location": 2,
      "content": "如果你想从你的电脑上传字体，请点击上传。"
    },
    {
      "from": 150.02,
      "to": 155.28,
      "location": 2,
      "content": "请确保你有权使用你正在上传的任何字体。"
    },
    {
      "from": 155.28,
      "to": 157.8,
      "location": 2,
      "content": "在版式下面，我们会看到颜色。"
    },
    {
      "from": 157.8,
      "to": 163.8,
      "location": 2,
      "content": "在这里，你还可以更改站点上不同全局元素的颜色。"
    },
    {
      "from": 163.8,
      "to": 166.155,
      "location": 2,
      "content": "当我们转到布局时，"
    },
    {
      "from": 166.155,
      "to": 172.96,
      "location": 2,
      "content": "我们会注意到你甚至能控制诸如内边距和区块间距等元素。"
    },
    {
      "from": 172.96,
      "to": 174.805,
      "location": 2,
      "content": "如果你再往下看，"
    },
    {
      "from": 174.805,
      "to": 179.88,
      "location": 2,
      "content": "你还可以选择为整个站点自定义特定区块的外观。"
    },
    {
      "from": 179.88,
      "to": 184.98,
      "location": 2,
      "content": "要查看如果你编辑这些区块它们会如何变化，请前往你站点的样式书。"
    },
    {
      "from": 184.98,
      "to": 188.84,
      "location": 2,
      "content": "你会注意到顶部有一个小眼睛图标。"
    },
    {
      "from": 188.84,
      "to": 194.92,
      "location": 2,
      "content": "样式书允许用户预览可以插入到你站点的每一个区块。"
    },
    {
      "from": 194.92,
      "to": 201.372,
      "location": 2,
      "content": "它能让你快速预览全局样式将如何影响任何区块的显示，"
    },
    {
      "from": 201.372,
      "to": 205.76,
      "location": 2,
      "content": "而无需用户将这些区块插入到模板中。"
    },
    {
      "from": 205.76,
      "to": 211.08,
      "location": 2,
      "content": "同样重要的是，区块样式可以在样式书中进行调整。"
    },
    {
      "from": 211.08,
      "to": 214.8,
      "location": 2,
      "content": "那么，我们以更新按钮区块为例。"
    },
    {
      "from": 214.8,
      "to": 228.12,
      "location": 2,
      "content": "只需更改背景颜色，然后将字母大小写改为大写。"
    },
    {
      "from": 228.12,
      "to": 231.933,
      "location": 2,
      "content": "如果你喜欢看到的效果，就可以直接点击保存。"
    },
    {
      "from": 231.933,
      "to": 238.571,
      "location": 2,
      "content": "也请注意，如果你在样式书中更改了单个区块的样式，"
    },
    {
      "from": 238.571,
      "to": 242.72,
      "location": 2,
      "content": "它将优先于你已设置的全局样式。"
    },
    {
      "from": 242.72,
      "to": 245.72,
      "location": 2,
      "content": "既然说到这里，我们还需要谈谈样式修订版本。"
    },
    {
      "from": 245.72,
      "to": 250.54,
      "location": 2,
      "content": "那么，我们继续点击样式书图标旁边的样式修订版本。"
    },
    {
      "from": 250.54,
      "to": 254.92,
      "location": 2,
      "content": "当你处于样式书中或正在编辑模板时，样式修订版本就会打开。"
    },
    {
      "from": 254.92,
      "to": 260.241,
      "location": 2,
      "content": "样式修订版本功能提供了一种可视化方式，让你浏览样式随时间的变化，"
    },
    {
      "from": 260.241,
      "to": 264.565,
      "location": 2,
      "content": "如果你找到了更喜欢的样式，可以轻松恢复到之前的阶段，"
    },
    {
      "from": 264.565,
      "to": 266.56,
      "location": 2,
      "content": "或者想回退到之前的版本。"
    },
    {
      "from": 266.56,
      "to": 271.62,
      "location": 2,
      "content": "你只需选择版本，然后点击应用即可。"
    },
    {
      "from": 271.62,
      "to": 275.62,
      "location": 2,
      "content": "在这个例子中，我正在编辑一个模板，并将遵循同样的流程。"
    },
    {
      "from": 275.62,
      "to": 286.66,
      "location": 2,
      "content": "我将打开样式修订版本，选择一个之前的样式，然后点击应用以恢复。"
    },
    {
      "from": 286.66,
      "to": 291.477,
      "location": 2,
      "content": "当你点击样式旁边的三个垂直圆点时，"
    },
    {
      "from": 291.477,
      "to": 296.86,
      "location": 2,
      "content": "你将能够重置样式以及添加额外的 CSS。"
    },
    {
      "from": 296.86,
      "to": 302.1,
      "location": 2,
      "content": "有了这些样式，我们就可以前往页面，创建并发布页面了。"
    },
    {
      "from": 302.1,
      "to": 307.3,
      "location": 2,
      "content": "要添加新页面，请点击页面旁边的加号图标并创建草稿。"
    },
    {
      "from": 307.3,
      "to": 309.676,
      "location": 2,
      "content": "但你当然也可以在仪表盘"
    },
    {
      "from": 309.676,
      "to": 312.7,
      "location": 2,
      "content": "或 WP 管理后台中创建新页面。"
    },
    {
      "from": 312.7,
      "to": 317.9,
      "location": 2,
      "content": "接下来，让我们打开一个现有页面，我的关于页面。"
    },
    {
      "from": 317.9,
      "to": 322.98,
      "location": 2,
      "content": "当你打开一个页面时，重要的是要记得将内容添加到内容区块。"
    },
    {
      "from": 322.98,
      "to": 328.02,
      "location": 2,
      "content": "换句话说，内容区块是你所有内容的房子或容器。"
    },
    {
      "from": 328.02,
      "to": 331.505,
      "location": 2,
      "content": "第二件要记住的事是，你无法在编辑页面时"
    },
    {
      "from": 331.505,
      "to": 335.54,
      "location": 2,
      "content": "编辑页面时，这都属于管理模板的一部分。"
    },
    {
      "from": 335.54,
      "to": 338.527,
      "location": 2,
      "content": "如果你点击页眉，你会看到一条信息"
    },
    {
      "from": 338.527,
      "to": 341.14,
      "location": 2,
      "content": "提示你编辑模板来编辑此区块。"
    },
    {
      "from": 341.14,
      "to": 344.653,
      "location": 2,
      "content": "如果你想修改已分配给此页面的模板，"
    },
    {
      "from": 344.653,
      "to": 346.72,
      "location": 2,
      "content": "你可以点击编辑模板。"
    },
    {
      "from": 346.72,
      "to": 350.576,
      "location": 2,
      "content": "在这个例子中，这会带你进入你的页面模板，"
    },
    {
      "from": 350.576,
      "to": 353.66,
      "location": 2,
      "content": "在这里你可以修改你的页眉和页脚。"
    },
    {
      "from": 353.66,
      "to": 357.06,
      "location": 2,
      "content": "你将无法向模板添加内容。"
    },
    {
      "from": 357.06,
      "to": 360.34,
      "location": 2,
      "content": "内容当然是被添加到文章和页面中。"
    },
    {
      "from": 360.34,
      "to": 364.6,
      "location": 2,
      "content": "在这种情况下，内容区块仅仅是一个占位符。"
    },
    {
      "from": 364.6,
      "to": 367.94,
      "location": 2,
      "content": "这就引出了我们的下一个话题，即模板。"
    },
    {
      "from": 367.94,
      "to": 371.58,
      "location": 2,
      "content": "模板为你的内容如何显示提供了结构。"
    },
    {
      "from": 371.58,
      "to": 374.968,
      "location": 2,
      "content": "当你选择模板时，你会注意到一系列"
    },
    {
      "from": 374.968,
      "to": 377.72,
      "location": 2,
      "content": "随主题附带的、内置的模板。"
    },
    {
      "from": 377.72,
      "to": 381.76,
      "location": 2,
      "content": "例如，用于显示单个页面的页面模板，"
    },
    {
      "from": 381.76,
      "to": 385.087,
      "location": 2,
      "content": "作为完整后台模板的索引模板，"
    },
    {
      "from": 385.087,
      "to": 389.84,
      "location": 2,
      "content": "或是用于显示单篇文章布局的单篇文章模板。"
    },
    {
      "from": 389.84,
      "to": 393.76,
      "location": 2,
      "content": "而在最底部，我们将看到任何自定义模板。"
    },
    {
      "from": 393.76,
      "to": 396.673,
      "location": 2,
      "content": "当你点击模板旁边的加号图标时，"
    },
    {
      "from": 396.673,
      "to": 398.808,
      "location": 2,
      "content": "你可以添加各种新模板，"
    },
    {
      "from": 398.808,
      "to": 403.08,
      "location": 2,
      "content": "甚至是可以应用于任何文章或页面的自定义模板。"
    },
    {
      "from": 403.08,
      "to": 407.32,
      "location": 2,
      "content": "让我们打开页面模板，以便更好地理解模板的工作原理。"
    },
    {
      "from": 407.32,
      "to": 409.4,
      "location": 2,
      "content": "模板提供结构。"
    },
    {
      "from": 409.4,
      "to": 414.44,
      "location": 2,
      "content": "模板通常包含一个页眉模板部分和一个页脚模板部分。"
    },
    {
      "from": 414.44,
      "to": 420.8,
      "location": 2,
      "content": "而文章内容区块会拉取指派给该模板的页面或文章的内容。"
    },
    {
      "from": 420.8,
      "to": 425.765,
      "location": 2,
      "content": "因此，模板仅用于修改页面的布局或设计，"
    },
    {
      "from": 425.765,
      "to": 428.64,
      "location": 2,
      "content": "即页眉、页脚甚至边栏。"
    },
    {
      "from": 428.64,
      "to": 434.56,
      "location": 2,
      "content": "因此，站点编辑器明确区分了编辑模板和编辑页面。"
    },
    {
      "from": 434.56,
      "to": 438.44,
      "location": 2,
      "content": "你可以在模板内修改你的页眉和页脚。"
    },
    {
      "from": 438.44,
      "to": 444.48,
      "location": 2,
      "content": "你还可以选择点击三个垂直点，然后选择“替换页眉”。"
    },
    {
      "from": 444.48,
      "to": 448.96,
      "location": 2,
      "content": "然后，你可以用现有的某个页眉模板部分，"
    },
    {
      "from": 448.96,
      "to": 453.44,
      "location": 2,
      "content": "或主题自带的页眉区块样板来替换当前的页眉。"
    },
    {
      "from": 453.44,
      "to": 457.12,
      "location": 2,
      "content": "另一个选项是选择你的页眉，然后点击“编辑”。"
    },
    {
      "from": 457.12,
      "to": 463.82,
      "location": 2,
      "content": "这将允许你在模板编辑模式下修改页眉或页脚，不受其他干扰。"
    },
    {
      "from": 463.82,
      "to": 471.838,
      "location": 2,
      "content": "要为页面或文章分配新模板，请打开相关内容，本例中是我的“关于”页面，"
    },
    {
      "from": 471.838,
      "to": 478.441,
      "location": 2,
      "content": "然后在右侧的边栏设置中，找到“模板”旁边，点击模板名称，"
    },
    {
      "from": 478.441,
      "to": 486.223,
      "location": 2,
      "content": "选择“交换模板”，然后你就可以选择一个自定义模板分配给页面或文章。"
    },
    {
      "from": 486.223,
      "to": 494.15,
      "location": 2,
      "content": "同样值得一提的是，当你点击“管理所有模板”，然后选择“批量编辑”时，"
    },
    {
      "from": 494.15,
      "to": 501.02,
      "location": 2,
      "content": "你将能够通过表格视图或网格视图来浏览和筛选你的模板。"
    },
    {
      "from": 501.02,
      "to": 505.66,
      "location": 2,
      "content": "而当你再次选择“批量编辑”时，会有更多的筛选选项。"
    },
    {
      "from": 505.66,
      "to": 512.62,
      "location": 2,
      "content": "请注意，你可以用完全相同的方式来浏览和筛选页面与模板部分。"
    },
    {
      "from": 512.62,
      "to": 517.42,
      "location": 2,
      "content": "最后，我们来谈谈样板。"
    },
    {
      "from": 517.42,
      "to": 521.9,
      "location": 2,
      "content": "在顶部，你将能够查看所有可用的样板。"
    },
    {
      "from": 521.9,
      "to": 528.82,
      "location": 2,
      "content": "当你选择“我的样板”时，你可以创建并管理你自己的自定义同步与非同步样板。"
    },
    {
      "from": 528.82,
      "to": 533.322,
      "location": 2,
      "content": "在“我的样板”下方，我们可以查看所有自定义样板，"
    },
    {
      "from": 533.322,
      "to": 537.62,
      "location": 2,
      "content": "以及我们主题附带的、按相关分类排列的样板。"
    },
    {
      "from": 537.62,
      "to": 544.9,
      "location": 2,
      "content": "而在“模板部分”下方，我们也可以创建并管理页眉、页脚和通用模板部分。"
    },
    {
      "from": 544.9,
      "to": 547.7,
      "location": 2,
      "content": "模板部分本质上就是样板。"
    },
    {
      "from": 547.7,
      "to": 552.9,
      "location": 2,
      "content": "它们是同步的可复用组件，可以在您的整个站点中使用。"
    },
    {
      "from": 552.9,
      "to": 555.22,
      "location": 2,
      "content": "让我们从我的样板开始。"
    },
    {
      "from": 555.22,
      "to": 562.62,
      "location": 2,
      "content": "要创建您自己的自定义样板，请点击样板旁边的插入器，然后选择创建样板。"
    },
    {
      "from": 562.62,
      "to": 569.612,
      "location": 2,
      "content": "为其命名后，您可以选择将其添加到相关分类，"
    },
    {
      "from": 569.612,
      "to": 573.94,
      "location": 2,
      "content": "然后决定是否同步您的样板。"
    },
    {
      "from": 573.94,
      "to": 577.268,
      "location": 2,
      "content": "同步样板将在您的整个站点中同步，"
    },
    {
      "from": 577.268,
      "to": 584.34,
      "location": 2,
      "content": "这意味着如果您在一个地方修改了您的样板，它在任何使用的地方都会更新。"
    },
    {
      "from": 584.34,
      "to": 590.86,
      "location": 2,
      "content": "如果您更喜欢非同步样板，也可以关闭这个选项。"
    },
    {
      "from": 590.86,
      "to": 596.7,
      "location": 2,
      "content": "非同步样板就是普通的区块样板，可以独立编辑。"
    },
    {
      "from": 596.7,
      "to": 599.514,
      "location": 2,
      "content": "当您返回到自定义样板区域时，"
    },
    {
      "from": 599.514,
      "to": 604.74,
      "location": 2,
      "content": "您会注意到同步样板有一个紫色图标，而非同步样板没有。"
    },
    {
      "from": 604.74,
      "to": 610.105,
      "location": 2,
      "content": "接下来，您会注意到主题自带的样板是锁定的，"
    },
    {
      "from": 610.105,
      "to": 612.66,
      "location": 2,
      "content": "因此你无法编辑它们。"
    },
    {
      "from": 612.66,
      "to": 617.481,
      "location": 2,
      "content": "但是，当你点击样板下方的三个垂直圆点时，"
    },
    {
      "from": 617.481,
      "to": 621.82,
      "location": 2,
      "content": "你就可以将其复制到“我的样板”区域。"
    },
    {
      "from": 621.82,
      "to": 628.38,
      "location": 2,
      "content": "在底部，我们也可以创建和管理页眉、页脚和通用模板部分。"
    },
    {
      "from": 628.38,
      "to": 630.1,
      "location": 2,
      "content": "这里你有两个选择。"
    },
    {
      "from": 630.1,
      "to": 636.58,
      "location": 2,
      "content": "你可以创建自定义页眉和页脚，或者自定义主题自带的模板部分样板。"
    },
    {
      "from": 636.58,
      "to": 642.25,
      "location": 2,
      "content": "要创建你自己的模板部分，请点击顶部样板旁边的加号图标，"
    },
    {
      "from": 642.25,
      "to": 644.98,
      "location": 2,
      "content": "然后选择“创建模板部分”。"
    },
    {
      "from": 644.98,
      "to": 650.84,
      "location": 2,
      "content": "当你添加一个新的模板部分时，可以在通用、页眉和页脚模板部分之间选择。"
    },
    {
      "from": 650.84,
      "to": 658.14,
      "location": 2,
      "content": "通用模板部分不绑定到任何特定区域，记得给它们起一个描述性的名称。"
    },
    {
      "from": 658.14,
      "to": 662.144,
      "location": 2,
      "content": "当你从“年”中打开一个模板部分时，"
    },
    {
      "from": 662.144,
      "to": 668.74,
      "location": 2,
      "content": "你就能在模板编辑模式下不受干扰地修改和编辑你的模板部分。"
    },
    {
      "from": 668.74,
      "to": 675.333,
      "location": 2,
      "content": "或者，你可以打开相关模板，在这个例子中是我的自定义模板，"
    },
    {
      "from": 675.333,
      "to": 681.22,
      "location": 2,
      "content": "然后你就可以在模板内部修改你的页眉或页脚模板部分。"
    },
    {
      "from": 681.22,
      "to": 687.967,
      "location": 2,
      "content": "正如之前所示，你可以轻松地将你的一个页眉或页脚"
    },
    {
      "from": 687.967,
      "to": 692.66,
      "location": 2,
      "content": "替换为库中的样板或现有模板部分。"
    },
    {
      "from": 692.66,
      "to": 697.29,
      "location": 2,
      "content": "最后，我还想强调一个非常有用的功能，叫做命令面板，"
    },
    {
      "from": 697.29,
      "to": 702.66,
      "location": 2,
      "content": "它将为你节省大量时间，并帮助你在站点编辑器中更高效地操作。"
    },
    {
      "from": 702.66,
      "to": 709.02,
      "location": 2,
      "content": "命令面板让你能在站点编辑器中快速完成任务并进行导航。"
    },
    {
      "from": 709.02,
      "to": 714.952,
      "location": 2,
      "content": "例如，你可以输入 new 来创建页面或模板，"
    },
    {
      "from": 714.952,
      "to": 721.963,
      "location": 2,
      "content": "或者直接输入你想去的区域名称，例如 pattern，"
    },
    {
      "from": 721.963,
      "to": 724.66,
      "location": 2,
      "content": "来管理我所有的样板。"
    },
    {
      "from": 724.66,
      "to": 729.024,
      "location": 2,
      "content": "你可以通过快捷键 command K（Mac）来访问命令面板，"
    },
    {
      "from": 729.024,
      "to": 731.98,
      "location": 2,
      "content": "或 control K（Windows）。"
    },
    {
      "from": 731.98,
      "to": 740.78,
      "location": 2,
      "content": "你也可以在站点视图边栏中点击搜索图标找到它，"
    },
    {
      "from": 740.78,
      "to": 746.38,
      "location": 2,
      "content": "或者你也可以直接点击标题栏。"
    },
    {
      "from": 746.38,
      "to": 750.98,
      "location": 2,
      "content": "以上就是使用站点编辑器所能实现功能的简要概述。"
    }
  ]
}