WordPress主题布局与龙门架5

[音乐]

你好，我是罗比-阿代尔。

而今天我们要讨论的是关于

WordPress主题布局与龙门架5。

我想感谢WordFest有

我作为演讲者和赞助商。

我认为这是一个美妙的事件

他们把这些东西放在一起。

我很高兴，所有的收益。

是去大橙心。

我认为这是一个很好的基础

做一些好的工作在那里。好吧，我知道了

所以，在我们进入

手头的主题。

我只是想给你

背景简介

我是谁？我是Robbie Adair,

我在很多活动中演讲。I

通常把这些在RobbieAdair.com上。

这是我的个人网站。

我也有一个机构，我已经

跑了18年的媒体A队。

我们做网站和各种类型的

的媒体--视频，你的名字。

然后也是我自己的操作系统培训。

这是一个在线网络

开发培训网站。

在那里我们有视频课程和书籍。

以及我们博客中的很多教程。

我们有一个相当活跃的YouTube

频道，为您提供了很多技巧。

那么，现在让我们来看看什么是

我们将在本次会议中涵盖。

所以，我们要做的第一件事是...

我们只是要做一个简单的概述。

Gantry框架的，它是什么。

因为它可能是不同的

对你来说，比你的工作。

如果你曾经使用过一个页面

构建者，比方说。

或只是一个标准的主题。所以，让我们

一起来看看它的概况。

然后我们还。

我要告诉你，有。

一些免费的主题，你可以工作

蝙蝠的权利，所以它不会。

你要花钱开始玩吗？

绕着走，看看你是否

喜欢它。然后在你能。

如果你想买一些，呃，

高端主题的同时

做龙门框架的人。

他们也卖一些定制的东西

已经用它设计的。

我也会给你看一下的。

然后我还想讲讲术语。

因为可能有一些术语

这在龙门中是不同的。

框架，而不是你所习惯的

1. 所以，我们将讨论这个问题。

我想告诉你如何

很容易做出改变。

试图与您的设计相匹配

再将

使用Gantry将其转化为主题。

然后最后一件事，我会做的是，我

也会告诉你如何创建一个

子主题。

有了龙门架就不一样了。

从您的标准WordPress主题。

但不是每个人都这样做。我知道

但我想把它扔进去，以防万一。

你是那些人中的一个，所有的权利。

让我们跳进去。所以，龙门被创造了

由一家名为RocketTheme的公司。

他们有主题和

模板和模板

Grav。所以他们有WordPress，Grav。

和Joomla，他们有扩展和

插件。所以他们很喜欢，你知道，

我们有很多这样的作品，所以怎么

我们能不能把这一切轻松地结合起来？

所以他们就想到了

Gantry框架是为了尝试和

合二为一，还

然后有一些可以跨

三个平台。所以首先

的，它是开源的。

我认为这很重要。我们都是

在其中。我们这里是一个开源的世界。

对吗？有两个免费主题。

有一个是非常非常基础的。

然后一个人，还有几个人。

呃，粒子包括在其中。

但这些是绝对免费的。

所以你可以从这些

并开始玩转它。

火箭主题提供一些支付

为主题。所以你可以。

如果你真的喜欢龙门式

但你没有时间，或者你发现了

一个设计，为你的工作

你可以购买

他们的一些主题。

而这件事的酷处在于

我觉得很酷的是，它是。

可在三个平台上。

所以你有一个客户，他有一个Joomla

他们还想建立一个WordPress网站

或Grav网站。猜测什么。

如果你有龙门架

你可以使用自定义

你用龙门5号做的。

你可以重复这个过程

与WordPress的很少。

你必须要做的小调整。

但总的来说，你可以让他们的品牌

看上去一样，这真的很不错。

所以，你知道，因为WordPress，你

可能要有某些东西在里面。

但也许他们已经，也许

他们内置了一个传统的应用程序。

在Joomla什么的。

所以他们不想失去这一点。

而他们不想重建它。

所以，你可以离开这个

他们的皮肤，它是皮肤的方式。

你的新WordPress网站。而且没有人知道

当他们在这两个人之间进行。

所以它真的很好

用于做配套品牌

左右逢源

格拉夫，如果你需要一个平坦的

文件数据库CMS。所以，嗯。

我认为这是一个非常酷的

和龙门5的独特之处。

所以如果我的课程能激励你去。

并开始玩转龙门式

你在哪里下载的？

所以Gantry有自己的网站，Gantry.org。

这就是框架。

这是免费的主题，我是

告诉你关于所有三个的

的平台，它在。加上

文件也在那里。

我直接给你

链接到，在短短的一点。

火箭主题也是一个

哪儿弄的

的预制设计。

背景是Gantry 5框架。

所以，这样一来，如果你发现

你喜欢的设计。

甚至一旦你找到了一个设计。

即使你需要操纵。

这很容易做到，因为它是在。

Gantry 5，但这些都是付费的主题。

所以我想告诉你

那些那些都是付费的。

但如果你去Gantry.org，你可以

得到一个免费的主题，两个不同的。

他氦气和氢气。

你可以下载所有的框架

免费的，因为它是开源的，而且我们

喜欢开源。另一件事，我

想提的是，如果你想。

也可以安装龙门发动机

通过其中一家的商店

CMSs。所以一般情况下，你可以到

市场，你可以只说，嘿。

我正在寻找龙门式搜索

并通过那里安装它。

同样的事情在里面

WordPress，你可以直接说。

我想安装一个新的插件搜索

为龙门5，你会发现它和你

可以这样安装。然后

一旦你安装了Gantry 5。

你可以安装主题

并能够激活它们。

所以，我们还是先聊一聊吧。

关于新网站与

现有场地进行安装。

如果是全新的

网站，显然先。

你将不得不安装你的CMS。

所以首先你显然需要WordPress。

然后你要做的是...

安装Gantry。插件Gantry 5。

然后您将安装其中一个

的主题，你已经选择。

两者之一

免费主题或付费的东西。

那么很明显，你想激活

或将该主题分配到本网站。

现在还有一个独特的方法。如果...

你是，如果你是做一个新的网站。

如果你正在做一个新的网站

在Gantry.org网站上。

您将能够下载

一个火箭发射器。现在。

火箭发射器意味着他们已经。

为你收拾好了一切。

里面有WordPress。

它有龙门架在那里，它的。

得到了主题在那里。所以再次。

这工作，如果你是

做一个新的网站，对。

因为你没有现有的内容。

所以你可以使用火箭发射器。

它要求你提供一个数据库。

你把它连接到一个数据库，它

为你完成所有的魔法，并安装

WordPress与您的主题

安装后即可使用。

如果你有一个现有的网站。

你需要做的是什么？

我们之前说过的。安装龙门。

您已经有了一个CMS

地方，安装一个龙门。

安装您的主题并激活

你的东西。你就可以走了

现在是龙门框架

是一个非常大的话题。

我在这里做的只是

这个简短的小会议。呃..,

所以我想让你知道的是

我们正在做一个很好的概述。

但如果你真的决定去做

并潜入文档中是要

是非常宝贵的，文件是

维护得很好。而且写得一样好。

你可以在CMS类型之间切换

你需要的文件。

我通常总能找到我的答案

寻找关于龙门在自己的

文件。

令人耳目一新，不仅

某处在Googleverse。所以，嗯。

我鼓励你，如果你是

将开始在里面工作。

来调出他们的文件。所以

你可以通过它来搜索，当你。

当你被什么东西卡住的时候。

所以很强大的东西

关于Gantry是如何定制的是

哪怕只是wysiwyg的自定义

你在它的后端有回。

所以你可以选择一些

预设颜色的东西，如果你想。

或者您可以创建您的

自己的颜色主题在那里。

你也可以做岥。你

本页需要两栏。

本页三栏，你

需要一个页脚？然后你需要一个。

头部区域。你需要一个呼出区域。

所以，你可以在那里用拖拽来进行布局

以及百分比的下拉和滑块。

嗯，所以它真的很方便。

然后你也有

创建覆盖的能力。

水落石出

越来越酷，因为覆盖物已经

继承。

所以你可以有一个基本的轮廓和

然后你可以创建覆盖，在这里你可以

要么一脉相承

基层轮廓，或者你说。

我想继承一切。

但这几个方面。

我需要三列在此

页面或这种类型的页面。

因为你们有不同的方法

你可以应用它。嗯。

有粒子。所以有像

内置的小东西，如，哦。

我需要在这里放一个菜单。

或者，嗯，我需要一个小部件在这里。

所以，它给了你能力

只要把这些放在你的布局上就可以了。

有颗粒

随主题而来的。

但你也可以找到

粒子在那里被。

他们的人写的

免费和一些出售的亚当斯

亚当斯或者我想

的，作为粒子。

你可以看到他们的东西

我们正在把，呃，

覆盖的布局，以及

那么Atom的是我们看不到的东西。

我需要在这上面放一个谷歌分析。

我需要在

这个。所以这些都是有能力的原子。

让你有能力把东西放在

你的轮廓，是看不到背后的

场景。所以阵地。

每当你在拖动

这些粒子到布局上。

你把他们放在一个位置，并

你可以在不同的地方做不同的

覆盖。所以，这给了

你的权力，嗯，

伸缩自如

你网站的区域。

所以作业，有不同的方式。

一旦您创建了一个覆盖和

进行你想要的修改。

你可以把它分配给

页。所以换句话说。

也许是某个类别。我的

博客，我想用这个覆盖来。

我可以做到这一点。也许是

只是一个特定的页面。

也许是我的一个登陆页面。

创建了这个覆盖。

我可以把它分配给那个人

页，或者我可能想把它分配到。

嗯，某个标签。

因此，有不同的方式

我们可以分配这些覆盖物。

这是真的很酷，因为它

允许我们说，嘿，你知道的。

在我网站的这个区域。

我想使用这个覆盖。例如：

也许你有学问

网站，你有课。

我希望类能使用这个覆盖。

然后，我想我的其余的

网站，以看起来像基本轮廓。

因此，它给了你很大的灵活性，在

您如何能将这些覆盖指定为

应用于整个网站。好吧，我知道了

所以我知道有很大的

关于创建儿童主题的辩论。

暂时没有创建儿童主题。

而现在我想大多数人

不要创建儿童主题。

但仍有一些人

谁做创造孩子的事情。

他们这样做是有原因的

因为他们要在核心技术上下功夫

文件。这将被覆盖

当他们更新他们的，他们的主题。

现在，我想告诉你的是关于龙门架的事

是一种内在的方式

你正在建造这个。

你真的不会去碰那些

核心文件，否则你可能不会

到，所以你可能

不需要儿童主题。

但我想覆盖

它在这里只是为了以防万一。

所以，你需要做的第一件事是

按照标准的方式设置

子主题。您可以按照

WordPress的文档。它是梦幻般的。

只要按照它的T，但

龙门是有点不同的。

有两个文件，你也要。

确保你有到位的

子主题才能正常工作。这个

也是记载在龙门架，呃。

文件彻底。

所以，你可以看到这些东西到底在

文件和类似的一切。

所以我不打算在这里创建一个。

我只是想让你知道，如果

你要创建的子主题。

你可以。

但是，除此之外，还有一个额外的步骤

习惯成自然

与WordPress文档。所以

我知道只是看着，呃，苍蝇。

帮不上忙

真正感受到了龙门的魅力。

所以我想做的是，让我们跳进。

后端，让我给你看看

甘特图的后端和主题以及

它的所有内容如何联系在一起。

我们刚才在这些幻灯片上讲到的。

好吧，我们已经得到了自己。

一个简单的WordPress小安装

这里的内容不多。呃..,

我们使用的是2021年

主题，你可以看到。

如果从正面看，它是相当

基本的。我只有几个帖子。

其实还有一页。

但这是很基本的。

所以，我要做的第一件事是... ...

向您展示如何安装其中的一个龙门架。

主题。所以我们要

到我们的插件

我们将增加一个新的。

而我们可以直接搜索龙门。

你会看到有龙门五框架。

同时注意到，四号龙门架仍然是

可用，但我建议使用Gantry 5。

如果你刚开始。

最新最强

一旦我们安装好，我们将

激活它。在这里，我们去。

我们有龙门五框架。

现在我们需要去和

安装其中一个主题。

那么，让我们前往龙门架网站。

我们将进入下载页面。

向下滚动到WordPress，然后

然后选择其中一个主题。

现在有了氦气和氢气。

如果你看它们的大小。

你会看到一个比另一个大。

显然，氢气主题是一个很。

非常基本的主题与

几乎没有任何颗粒在里面。

所以我们要用一次氦气。

所以你可以看到更多的颗粒

在我们这里的例子中。

所以我们要下载那个主题。

让我们回到

我们的WordPress网站和去

的主题。我要说的是：

我们要增加一个新的主题。

我们要上传选择

我们刚刚下载的主题

并安装它。现在，一旦

您的主题已经安装完毕。

让我们继续前进，并激活它。

现在，只要你

激活Gantry主题。

你会看到，我们实际上

有一个新的菜单项出现氦主题。

现在我们就真的很快，虽然。

走到前面去

的，并刷新我们网站。

我们会看到，这

是现在我们的主题。

有一些内置的演示

这里面的内容。

所以这是氦气，我们却没有接触到它。

正如你所看到的，我们没有一个。

默认选择的菜单。它不能。

它不知道。我应该说

您要使用的菜单。

所以我们要回到这里的后面。

让我们开始看看定制这个。

所以我们要进入氦气主题。现在就开始吧

我提到过，那

有一些预设。

这些是预设的

就在这里。

所以记住我们的网站是一种

一个紫色到蓝色。就是这个预设。

如你所见，它有一颗金星。

在它身上。如果我想要一个红色的外观。

我可以简单地选择这个，保存它

并刷新前端。而

你会看到。现在我们有一个红色的主题。

所以它改变了我们的整个

调色板

所有的部分。每当

我选择了其中的一个预设。

凉爽的事情是我不

必须选择一个预设。

我真的可以下来

在这里，自己做这些。

让它们成为我想要的任何自定义颜色。

我要继续前进，只是选择。

了这些其他的，虽然。

只是为了让我们有一些开始

与。它不是很红。好吧，我知道了

所以这是我们的主题，我们已经。

变得非常快。

让我们来看看布局

氦气定制化

小组在这里。首先，我们有一个

下降。我们在基纲中。

还有一个颗粒

这里概述一下。所以基础轮廓。

还有就是主题粒子

我们可以使。有家粒子。

让我们来看看这个基本轮廓吧

先看看你都能改变什么。

因为通常你会设置

这个了，先。你可以看到。

你可以做的事情，如

设置您的字体系列。

你可以设置重点颜色，你的

背景、颜色和文字颜色。

这些都是基础的。

你显然可以覆盖

然后再分段。现在。

为什么这些都是分段的？好吧 Well,

如果我们上到这里，我们

看布局标签。

你会发现，布局

分为几个部分。

在那里我们可以拖放

我们可以移动操纵

百分比。但这些

科室有名称。

对吗？特色介绍效用。

而在那个样式面板上。

不提也罢

在您的样式页面上进行更改。

你看到了那些相同的名字。

对吧？扩大介绍效用。

布局上相同的名称。

其实我们可以拖拽。

所以我们举例来说。

有一个烙印的颗粒。

如果我想把这个品牌。

我只是简单地拖放那个

烙印在任何我想要的地方。

其实，我甚至可以把它加在

如果我想换一行，就换一行。

所以我现在可以把它放在下面。

我刚才放了什么在这上面？如果...

我们去看看在底部。

你会看到由龙门架提供动力

是我们刚刚放上去的。

这是因为

的默认值。

品牌颗粒。我们将

看看这个就在这里。

粒子默认。所以

这里是品牌。

如果我把这个改成罗比。

就当

将改变该粒子

由罗比供电。好吧，我知道了

所以要改变我们的，很简单

这里的默认值是基线，所以...。

当我们放下这些

粒子，它们有默认值。

现在我可以一直，如果我

决定当我掉一个。

我可以随时改写

异曲同工

改变这个。如果我想的话现在就去

内容标签是

WordPress独有的。

它可以控制你的区域的方式

WordPress受到模板的影响。

例如：

也许你想排除一些

查询设置中的类别。

所以这给了你一些灵活性

以龙门式主题的方式

影响您的WordPress

网站。页面设置。

在页面设置中，我们可以设置

的事情。比方说，。

在背景中。

就这么说吧，我们可以在这里设定一些东西。

后的代码中去。

身上或蝙蝠前

身体。也许你有，呃，

营销的像素代码，你

需要把它放在正文之前。

你可以简单地把这些代码放在这里。

还有我们说过的Atom的。

关于在我们的幻灯片中早些时候。

Atom的是那些幕后黑手？

他们没有看到的东西，如

的颗粒反而是。

比如说我需要把

谷歌分析在我这边。

我可以简单地把一个Atom放进

在那里填上我的GA代码。

很简单任何时候，我想得到

摆脱一个粒子或原子。

我只是简单地把它拖到

顶部，我可以删除它。

最后一个标签这里我们简单看一下。

粒子默认值和

所有安装的颗粒都有

这个标签上的默认值。好的

离开基地前的最后一件事

大纲是我要去分配的，在

的布局，我们的菜单粒子

在这里，我想给它一个菜单。我想给它一个菜单。

现在我们已经设置了一个菜单

已经在这个WordPress网站上

叫Main所以你可以看到，我是

能够选择我想要的菜单。

我会申请，申请并保存。

我们先来看看前端，刷新一下吧

你会看到这个。没有菜单消失。

现在我们有了我们的小样本

我们在样本菜单上的菜单。

我们有一个样本页。

所以这是什么？

默认的轮廓看起来像。

所以家里的轮廓是这样的。

内页轮廓看起来

像这样。所以这是一个页面。

这是一个页面。

而这是一个博客页面，所有的

的类别，显示我们有两个

类，蓝色和红色的博客下面。

现在就去

在我们离开这个基地之前，还有一件事

我想做的是，我想做的大纲是

换掉

粒子默认。我有一个标志。

默认的标志是SVG。所以

我们要摆脱这个。

那么我们来选择一张图片。

现在我已经预装了。

所以我们没有做到这一点。

但是，如果你需要向下加载一个图像

在底部是你可以上传的地方。

所以我们选择大橙心。

然后让我们保存这个粒子。

所以我们只是把默认的

橙色大心的标志。

所以，让我们刷新，你会看到，有。

我们去。这就是我们的新标志

好了，我们现在要做的是...

是做一个新的覆盖或大纲

为这个示例页。因此，让我们

看看我们是怎么做的？

第一件事，记住，这个已经掉了

下，向我们展示了什么是纲举目张的存在。

我们有家粒子的，对吗？

但我们要做的是

是创建一个新的。

所以，我们来看看大纲

在右上角的菜单中。

在这里你可以看到

存在的轮廓。

我们要复制其中的一个。

让我们只是复制我们的基础

纲，我们就叫。

这是样品和通知。

我们可以继承一切

关于纲要。

这就是我们所做的

开始的。所以我们的样本。

如果我们回到设置，我们

换成了我们的样本大纲。

在这里，它是。就是现在

如果我只是把这个分配给那个。

现在的页面，没有什么区别。

所以，让我们做一些不同的事情。首先

我们要取消这部分的继承权。

从基础轮廓。

所以我们要说不

在这里继承并应用这。

我要改变这个标志。

所以我要打开

标志，我去检查。

哎呀，先走吧

前进，取消继承权。

然后让我们打开这个，

让我们把这个标志改为

WordFest标志

申请并保存那个。

最后，我们需要做的是

我们需要把这个覆盖分配给我们的

纲要到我们要的页面。

所以请记住我们的主

菜单，我们有一个示例页面。

所以我们要选择它，保存它。好了

刷新样本页面。嘿，你会明白的。

我们有一个不同的标志。

现在，这个酒吧也是黑暗的。

单单就这一条就改了吧。

这就是我们的导航

节。所以我们就选择这个。

我们会说我们会

喜欢有一个真正的光。

橙色。

就说上面的淡橙色吧。

刷新我们的页面。你会

你看，我们有一个淡淡的橙色。

现在我们的文本实际上得到了一个

那里有点难读。

所以我也要

将此默认值改为：

下两个。让我们做黑色。

所以你可以看到，我们有黑色

文字了，而我们有这个药丸。

黄色背景。我们

有WordPress的标志。

如果我去另一个页面

虽然我还没有把它分配给。

他们看起来像默认的轮廓。

然后这个家就像

家粒子的轮廓。

所以你可以看到它是多么容易

是让我改变这一点。

我们再举一个例子

这里，分配使用博。

那么我们来看一下我们的博客。记得吗？

我们有两类，蓝色和红色。

我要回到我的

纲要，我将复制我的

样的轮廓。我们就叫一个红。

然后我们再抄一遍。

而我们会叫一个蓝色的。

所以我要先开我的蓝色的。

我要去，对不起，在。

拨号。

而我要改变

这些覆盖在这里。

我想拥有

背景是蓝色的。

而我将回到有一个白色的文本。

在蓝色，因为我认为我们会。

我们需要它能够

以看到它这次虽然。

所以，让我们保存这个蓝色的轮廓

让我们去我们的任务。

所以在我们把这个分配给

直接进入我们的网页

菜单，这次我们要

以联想到

员额类别：

所以这是要去

到我们的蓝色类别。

所以说，我们的任务。

现在让我们切换到我们的红色和。

我们将做类似的事情，在那里。

我们要改变这种状况

背景是红色的。

那是非常明亮的红色和

我们会在上面做白色的文字。

它的。

所以我们接下来也会去

到我们的任务。糟了

在我们离开之前，让我们保存这个。

你会注意到它弹出，并让我

知道如果我想离开一个标签，而不需要

保存。好吧，我知道了

所以，我们要做的是，我们是。

要下去，并分配这一个

到红博类。

现在这里发生了什么？让我们来看看。

如果我们去我们的什么都没有改变

因为我们有默认的轮廓

与此相关。但是

如果我挖空心思地说。

我想看看所有的蓝色类别。

你猜会发生什么？我有一个蓝色的酒吧。

我想看看红色的

类。我有一个红条。

所以如你所见。

这对我来说很容易创建

异样

网站的各个栏目。

我知道这些都很简单

我给你举的例子。

但我认为它给你一个感觉

继承的方式和

覆盖在内部工作

的这些大纲。好吧，我知道了

还有一件事，我想告诉你

关于龙门架，我觉得还挺有意思的。

是龙门的内部。

我们也有能力在这里在

右上角修改我们的

菜单有些。现在我只有

一个菜单，但如果我有多个。

我可以下拉选择一个

我想。比如说

我们希望我们的博客，而不是

只是作为一个文本菜单项。

我们希望它有一个图标。所以我们

可以进入这里，让我们说。

我们正在寻找一支笔

这样我们就可以挑选一个针。

我们甚至可以让它成为一个双倍的

尺寸。所以你看我们的尺寸就在这里。

它给我们任何样本，所以

我们可以保存这个应用保存。

你可以在这里看到它的预览。

但我们还是去看看正面吧

端，你可以看到它在那里。

现在我们也可以与。

就像很多时候人们可能想

有主页图标而没有

家这个词，给自己多

房间。你可以来这里说。

我只想在上面加个图标你会看到。

现在我们的博客链接只是一个图标

带给我们的效果是完全一样的。

但它只是一个图标。

关于龙门架的另一个很酷的事情

菜单是你实际上可以把

小部件或颗粒在主

级，或者如果我们有子级。

我们甚至可以在下拉菜单上做。

但目前我们只有一个层次。

所以我们在这里放一个粒子

然后让我们选择日期。

保存并刷新。现在我做

有，在这里失序。

好吧，所以我可以简单地把

那一个是最后一个。

保存，回去看看。

而你会看到我们现在有什么是

日期是最后的东西在那里。

好吧，我知道了

好吧，这就是我今天的收获。

给你。希望你喜欢

如果你还没有

玩了一圈的龙门。

我鼓励你去下载

龙门5，下载一个主题。

安装它。

玩玩看

你认为这可能是你的答案

寻找。如果你有问题

与您当前的主题和布局。

我不知道，所以我希望所以我希望

这确实有帮助。嗯。

然后如果你需要

与我取得联系。

你可以随时在以下网站找到我

推特。就像我之前说的。

我的一个商业网站，我们得到

到OS培训，给我们留言。

有人会再联系你的

你。如果你有一些问题，在这。

再次感谢WordFest

为让我发言。

我希望你喜欢其他的会议。

有一个伟大的阵容，让你享受。