WordPress divi主题

基本网格:详细概述和回顾

by | May 18, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

ThemePunch 为 WordPress 制作了一些最受欢迎的插件。 Essential Grid 是他们图书馆中收入最高的人之一,与 Slider Revolution 并列. 随着时间的推移,Essential Grid 已成为 CodeCanyon 上最受欢迎和最成功的插件之一。 所以我们想给这个插件一个亮点,让你们决定它是否可以改善你的网站。

google广告开户

基本网格

网格插件并不少见。 事实上,我们自己的 Divi 构建器有一个 Portfolio 模块来实现此目的。 但是 Essential Grid 远远超出了大多数其他网格插件所做的事情,这就是为什么即使在许多主题都包含他们自己的自定义网格模板之后,人们仍然每天都在购买 EG 许可证。

Essential Grid by ThemePunch 概述和评论

只需使用原始销售简介即可告诉您使用 EG 可以做什么:

Essential Grid Gallery 是 WordPress 的高级插件,可让您在高度可定制的图库网格中显示各种内容格式。 可能的应用范围包括投资组合、博客、画廊、WooCommerce 商店、价格表、服务、产品滑块、Instagram、YouTube、推荐和任何你能想象到的东西。

但是他们的宣传并没有告诉你定制所包含的一切。 这是我们的工作,我们打算这样做。 因此,让我们深入研究一下,看看有什么大惊小怪的。

入门

首先,请记住这是一个高级插件。 您需要前往 CodeCanyon 并以 27 美元的价格下载。 然后进行手动安装过程(插件 – 添加新 – 上传)。 此时,您的 WordPress 管理仪表板中将有 3 个新项目: 埃斯。 网格, 打孔字体, 和 埃斯。 网格示例帖子. 首先,让我们看一下简单的 埃斯。 网格.

第一个菜单项是您输入激活码、检查更新、更改日志之类的地方。 他们确实提供了一些关于如何使用插件的简单说明,归结为:使用简码或将小部件拖到侧边栏。

Essential Grid by ThemePunch 概述和评论

该页面也将是您创建要使用的任何新网格的地方,因此请习惯单击该按钮。

Essential Grid by ThemePunch 概述和评论

WordPress divi主题

物品皮肤编辑器

在下面 物品皮肤编辑器,您拥有 Essential Grid 附带的所有基本模板。 您可以逐个皮肤编辑这些,更改您想要的任何内容。 或者按原样使用它。 您甚至可以从头开始创建自己的。

Essential Grid by ThemePunch 概述和评论

在这里,EG 为您提供了通过选项卡对不同类型的网格项目进行排序的选项。 (甚至间距、砌体设计、帖子或 WooCommerce 产品网格。)当您将鼠标悬停在每个网格上时,它将动画并显示标题、摘录、颜色叠加等,您可以通过单击自定义 绿色齿轮图标.

在此选项面板中,可以编辑每个元素。 从元素之间的间距、显示的图标、动画样式和持续时间、链接、阴影、媒体类型和适合度,一切。

Essential Grid by ThemePunch 概述和评论

我想提请您注意,Essential Grid 具有清晰的 CSS 类供您随意操作。 如果由于某种原因您无法在此处的选项中找到完美的设计选项,您可以通过自定义 CSS 自行添加。

在页面底部,您可以鸟瞰您可以访问的每一层以及它当前的样式。

Essential Grid by ThemePunch 概述和评论

元数据和搜索设置

皮肤编辑器可能是 Essential Grid 中最强大的单独部分,但 EG 并没有在其他地方推卸这些选项。 您可以在下创建自定义元框 元数据处理 这使您可以选择为插件中可能需要的自定义功能放置框。

Essential Grid by ThemePunch 概述和评论

fiverr建站WordPress程序员

你可以在下面做几乎同样的事情 搜索设置,但对于(你猜对了)搜索。 EG 也可用作搜索结果页面,因此,如果您对正常存档的方式和此类外观不满意,这是快速修复它们的好方法。

Essential Grid by ThemePunch 概述和评论

全局设置

就像他们听起来一样, 全局设置 覆盖你所有的基地。 您可以设置可以更改和编辑网格的权限、字体和 JavaScript 的加载方式、缓存操作、从哪里获取图标、为网格元素设置默认图像等等。 如果它适用于整个插件而不是像皮肤这样的单个元素,你将能够在这里找到它。 令人印象深刻的部分是您获得的控制权——许多插件不会让您选择使用哪种查询,但 EG 允许您选择是否 获取帖子() 或者 WP_Query() 最适合您的网站(如果您不知道这意味着什么,只需将其保留为默认值。这很好。

Essential Grid by ThemePunch 概述和评论

进出口

当你第一次设置插件时,你绝对应该检查一下 进出口 页。 如果您单击 导入完整的演示数据导入社交媒体演示网格,您将拥有大量可以开始使用的初始模板。 它们也很好,所以只需单击按钮,导入/下载几乎是即时的。

独立站选品工具

Essential Grid by ThemePunch 概述和评论

当您导航回时,导入的网格将出现在列表底部 埃斯。 网格. 您的新网格库将在那里与您会面。

Essential Grid by ThemePunch 概述和评论

埃斯。 网格示例帖子

第二个新的管理菜单选项是 埃斯。 网格示例帖子. 为菜单标题做一个奇怪的选择,因为这是您的模板网格项目可能存在的地方。 您会看到,此页面上列出的所有这些帖子实际上都是包含在下面网格中的框的内容 埃斯。 网格 概述。

Essential Grid by ThemePunch 概述和评论

高质量外链购买

当您在要显示网格的任何帖子或页面中使用从概览页面获得的简码时,这些是弹出的单个项目。

Essential Grid by ThemePunch 概述和评论

为新网格创建帖子也很容易。 它就像添加任何其他类型的新帖子一样工作。 刚打 添新 此标题下的按钮并设置您的参数。

Essential Grid by ThemePunch 概述和评论

使用已保存的基本网格

无论您是使用模板还是自己制作模板,您都需要知道如何使用它们。 一切都围绕着 Essential Grid 的简码。 如果您想反复使用特定的网格,则需要单击 创建新的 Ess 网格 在下面 埃斯。 网格管理面板中的概览页面。 在内部,您可以从如何对网格中的项目进行排序、它有什么加载动画、它的元素实际来自哪里、然后给它命名。

JasperAI 10000字免费额度试用

命名时,您还可以选择其短代码别名。 该别名仅用于使用 Essential Grid 短代码调用此特定网格。 我还选择对 CSS ID 使用相同的 ID,以防万一将来我想进行外部调整。

Essential Grid by ThemePunch 概述和评论

接下来,只需将短代码放入帖子或页面的文本编辑器中。

Essential Grid by ThemePunch 概述和评论

瞧!

WordPress备份工具updrafplus

Essential Grid by ThemePunch 概述和评论

使用独一无二的基本网格

如果您知道您只需要在一个页面或一篇文章中显示某些内容,那么可能没有任何理由去麻烦设置一个全新的网格,为其内容创建新帖子作为模板,以及制作别名和所有那。 相反,您可以简单地从帖子编辑器本身生成动态短代码。 只需按下 基本网格简码创建者 工具栏中的按钮。

Essential Grid by ThemePunch 概述和评论

然后,您将需要完成这些步骤来告诉此短代码您希望它呈现什么内容。 您可以从概览菜单中选择一个预定义的(无需手动复制/粘贴其简码),或者您可以根据提供的选项制作自己的简码。

Essential Grid by ThemePunch 概述和评论

您将浏览页面以选择您在其他地方拥有的所有相同选项(动画、布局等),当您准备好时,按 生成简码 按钮。

Essential Grid by ThemePunch 概述和评论

如您所见,动态生成的简码要复杂得多,因为它包含有关网格本身的所有信息。

Essential Grid by ThemePunch 概述和评论

但是当它被渲染时,没有区别。 特别是如果您选择在创建过程中应用皮肤。

Essential Grid by ThemePunch 概述和评论

基本网格小部件

最后,您可以选择将您创建的任何基本网格放入小部件中。 这个比其他任何一个都更容易设置,因为它实际上是拖放式的。 进去 外观 – 小部件,选择 Essential Grid 小部件并将其拖动到您希望它呈现的位置。 如果您只希望它在主页上,您可以设置它,或者您可以选择任何预制网格。 但是,您不能像上面那样创建动态网格。 这些必须预先生成。

Essential Grid by ThemePunch 概述和评论

但是,要记住的一件事是,并非所有布局在侧边栏中都看起来不错。 您可能会得到一些非常奇怪的渲染内容,但不要惊慌失措。 如果发生这种情况,只需更改设置以使其显示不同 – 盒装而不是全屏,或者甚至代替 Masonry,也许。 进行试验,直到它看起来像你想要的那样。 为此制作一个特定于侧边栏的网格可能是个好主意。 (你可以复制你想要的那个并调整它而不是原来的。)

Essential Grid by ThemePunch 概述和评论

打孔字体

最后,您可以使用 Essential Grid 进行最后一点自定义。 打孔字体 是在 EG 中使用 Google 字体的简单界面。 就是这样。

Essential Grid by ThemePunch 概述和评论

您可以通过按好标题来选择要安装的字体 添加新字体 按钮。 如果您按照模态中的链接到 Google Fonts,您会找到您需要的参数,并且该插件会将字体拉入您的站点。

Essential Grid by ThemePunch 概述和评论

当它说 tp- moniker 仅供内部使用,这意味着它与之前的别名基本相同。 当您将字体应用于事物时,您会看到这一点。 因此,适当地命名它们。

Essential Grid by ThemePunch 概述和评论

最后的想法

总的来说,Essential Grid 是目前最强大、最强大的网格插件之一。 如果您曾经使用过 Slider Revolution,那么布局和图层的工作方式与此非常相似,您应该会感到宾至如归。 如果没有,当你弄清楚哪些部分可以组合在一起时,可能会有一些学习曲线。 但是一旦你这样做了,你将能够创建一些真正漂亮的页面。

如果您不需要这种级别的定制,您可能不想支付溢价。 还有许多其他网格插件可能适合您的需求。 此外,根据您制作网格的重量,站点速度可能会成为一个问题。 我是说你 能够 自定义加载动画是有原因的。

但是,如果既必要又正确完成,该插件真的会发光。 Essential Grid 在其类别中排名第一是有原因的。 如果您查看评级和支持线程,ThemePunch 会快速回复和帮助。

因此,对于 27 美元,这可能是值得入场的价格。 另外,如果您是主题设计师,您可以购买他们的扩展许可证并将其作为您自己主题的插件包含在内。 这很酷。

您使用基本网格吗? 让我们在评论中看到您的一些创作!

Bloomicon / shutterstock.com 的文章特色图片

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题