最佳实践

我们经常被问到的一个问题是如何改变页面的结构。这可以是一些简单的事情，比如删除一个不需要的元素，重新排列页面上元素的顺序，或者完全检修页面并从头开始。无论您的目标是什么，您肯定希望利用本文中介绍的技术来确保您的操作是正确的，并确保您的更改在稍后更新主题时不会被覆盖。

这都是一个“观点”

为了有效地管理X或Pro中所有堆栈的架构，我们将主题分解为更小的部分。这使得工作变得更加容易，而不是必须扫描一个巨大的文件来寻找一个微小的部分。我们称这些X和Pro视图的小块，它们是使用X和Pro的构建块。任何给定页面的结构都是通过选择视图并将它们拼接在一起来输出的。将每个View看作乐高积木，它可以与其他积木一起使用来构建更复杂的结构。X和Pro的所有视图都存储在以下目录中:

/ /框架/视图

对于X页眉/页脚和Pro默认的页眉/页脚(如果你不使用页眉/页脚生成器)，你可以在下面看到视图:

#header: /framework/legacy/cranium/headers/views/ #Footer: /framework/legacy/cranium/footers/views/

如果查看主题中的这个目录，您将注意到其中有更多的目录。在下一节中，我们将介绍这些视图分组是如何工作的。

得到颗粒状

你在主题选项中选择的堆栈选项将决定你的大部分视图将来自哪个文件夹。例如，如果你正在使用完整性堆栈，你会在以下目录中找到与此堆栈相关的大多数视图:

/ /视图/诚信/框架

正如你可能已经猜到的，如果你在主题选项中选择更新，你的大部分视图将在这里找到:

/ /更新/框架/视图

大多数图标视图可以在这里找到:

/ /框架/视图/图标

最后，Ethos的大部分观点可以在这里找到:

/ /视图/精神/框架

我们提到这些堆栈的大部分视图都可以在这些目录中找到，因为还有一个非常重要的目录，那就是在以下位置找到的全局目录:

/ /视图/全球/框架

全局视图是在每个堆栈中都相同的元素。一个很好的例子是php内容- 404.视图。这三个Stack的404页面在结构上是完全相同的，只是样式不同，以支持每个Stack的美学。因此，我们不写a404未找到页面视图为每个堆栈三次以上，我们在一个地方使用它，并将它导入到我们所有的堆栈，使事情更有效，更容易跟上时间。

在遗留文件夹中，页眉和页脚使用了相同的结构。例如，你可以找到相同的navbar.php全局文件夹中可用的文件，所有堆栈都可用:

/框架/遗留/头盖骨/头/视图/全球/ _navbar.php

通过子主题重写输出

现在我们了解了视图是什么，以及X和Pro如何利用它们来构建页面和帖子的输出，让我们看看如何自己修改它们。在整个过程中，第一步也是最重要的一步是设置子主题。子主题在自定义过程中至关重要，因为它们可以在更新父主题时确保您的更改不会被覆盖，并将保持一切都有组织和可管理。如果你不熟悉儿童主题或如何设置一个，一定要阅读我们的文档的文章如何做到这一点。

设置好一切之后，现在就可以开始从子主题的安全中修改核心文件了。这样做非常简单，因为它实际上是复制和粘贴的一个稍微复杂的版本。您需要做的是找到您计划在X或Pro中修改的视图，然后将该视图及其确切路径复制到您的子主题。让我们看一个如何完成这个任务的例子。

让我们说，我们正在使用完整性，我们想修改我们的视频帖子格式的布局方式。我们需要做的第一件事是找出哪个视图输出我们的视频帖子格式。事实证明，每个页面和帖子的所有单独的内容位都具有内容前缀。在这个特殊的例子中，我们要复制这个文件(上下文的父主题目录):

/ x /框架/视图/诚信/ content-video.php

我们需要复制这个文件，并将其放置在子主题的相同文件路径中。这样做看起来像这样(上下文的子主题目录):

/ /诚信/ content-video.php x-child /框架/视图

我们需要在Child Theme中创建必要的文件夹。

现在我们已经这样做了，WordPress将只查看我们的子主题文件而不是父主题文件。我们现在可以很容易地在我们的子主题中修改任何我们想要的关于这个帖子格式的内容，它将会反映出来，就像我们正在直接更新一个核心文件一样。对于/framework/legacy/cranium/headers/views/目录中的任何内容，都可以重复此步骤。例如，如果我们想更新的方式navbar.php在全局遗留视图目录函数中的文件，我们需要复制这个文件:

/ x /框架/遗留/头盖骨/头/视图/全球/ _navbar.php

到此位置:

/ x-child /框架/遗留/头盖骨/头/视图/全球/ _navbar.php

这就是全部!几个新目录和几次单击之后，我们就可以为我们的项目创建定制标记了。

通过遗留文件夹，我们并不意味着将会有有限的支持。这只是一个措辞选择，以区分专业页眉/页脚生成器和正常的X和默认的专业页眉/页脚系统。将支持X和Pro中的默认页眉/页脚。

创建和使用您自己的视图

但乐趣还不止于此!如果您愿意，还可以进一步创建自己的视图。假设您想要创建一个提醒，并希望能够显示在站点的顶部。您需要做的第一件事是将输出头部的文件从父主题复制到子主题。在这种情况下，它将是这个文件:

/ x /框架/遗留/头盖骨/头/视图/诚信/ wp-header.php

然后放在这里:

/ x-child /框架/遗留/头盖骨/头/视图/诚信/ wp-header.php

在你完成这些之后，你需要为警报创建文件，并将其放置在子主题的适当位置:

/ /诚信/ global-alert.php x-child /框架/视图

在您添加了希望用该文件输出的内容之后，下一步是将其添加到头文件中。为此，我们将利用x_get_view()函数，该函数的功能与它听起来的功能几乎完全相同。我们将使用以下代码:

<？PHP x_get_view('integrity'， 'global-alert');? >

这个函数的第一个参数告诉WordPress我们的文件存储在哪个View目录中，第二个参数是文件本身的slug。最后，我们需要将其添加到子主题的wp-header.php文件中。这个文件的原始标记是这样的:

<？php  // ============================================================================= // 视图/诚信/ WP-HEADER.PHP  // ----------------------------------------------------------------------------- // 头输出的完整性。// ============================================================================= ?>  < !——开始#顶部。网站——> 
  
  < ?PHP x_get_view('global'， '_navbar'); ?>  
  

添加警告可能看起来像这样:

<？php  // ============================================================================= // 视图/诚信/ WP-HEADER.PHP  // ----------------------------------------------------------------------------- // 头输出的完整性。// ============================================================================= ?>  < !——开始#顶部。网站——> 
  < ?PHP x_get_view('global'， '_slider-revolution-above');?> 
    
  

你可以看到就在上面<？PHP x_get_view('global'， '_slider-revolution-above');? >我们在全球警报中添加了行，很容易!希望您现在不仅更好地理解了实现对主题标记的更改是多么简单，而且还更好地理解了如果您需要添加自己独特的标记，它是多么有益。

我们在本文中使用的每个示例也可以应用于具有相同文件夹结构的Pro主题。

总结

您现在知道了自定义任何主题的最佳方法。