WordPress divi主题

5个比萨店的Divi布局

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

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

Divi 是任何类型的食品网站的绝佳选择。 这包括专门的网站,例如比萨店的网站。 正如您可能已经猜到的那样,Divi 社区中有一些子主题和布局包可以为您提供一个很好的起点。 在本文中,我们将介绍比萨店的五种 Divi 布局。

google广告开户

布局包括单页或多页设计。 它们包括食物菜单、在线订购的联系表格,以及许多菜单和背景的照片(考虑到许多比萨饼和比萨饼厨房看起来都很相似,这可能会有所帮助。嗯,比萨饼。)。

注意 – 其中一些布局可作为布局包和子主题使用。 在做出决定之前,您需要确定您需要什么。 以下是您可以决定的方式:如果您需要将 JSON 文件上传到您的 Divi 库,那么您需要一个布局。 如果您想要一个 100% 的预制设计,包括页面和导航菜单,那么您需要一个子主题。 这过于简化了,但也许会有所帮助。

现在,进入布局。 它们没有特定的顺序。

订阅我们的 Youtube 频道

1. Divi Layout Pack – Divi Ready Pizza

Divi Ready Pizza 是一个布局包,有 5 页,包括食物菜单和餐饮服务。 主页包含一个全角背景图像,叠加层中有 2 个 CTA。 下面是一组食物类型的图像。 图像具有悬停动画,可添加边框并倾斜图像。 标语以视差放置在背景图像的叠加层中。 厨师显示在样式化的人员模块中。 比萨饼的图像是从带有描述的俯视图显示的,所有这些都放置在比萨饼烤箱的背景视频上。 菜单页面显示带有粗边框的方形图像、标题、描述和购买按钮。 餐饮页面显示活动并包含联系表。 它包括免版税的视频和图像。

价格:49.95 美元 | 更多信息

2. Divi Pizza 布局包

WordPress divi主题

Divi Pizza Layout Pack 包含 5 个页面,包括食物菜单、活动和餐饮以及在线订购页面。 英雄部分在左侧以垂直堆栈的形式显示社交按钮,在中间显示标题和描述,并带有一个用于查看菜单或“关于我们”页面的按钮,右侧是比萨饼的图像。 菜单类别显示在 4 列中,标题和描述位于图像上方或下方,以创建偏移设计。 关于厨师的部分显示了一段文本,其中包含指向“关于我们”页面的按钮和重叠的图像。 服务和事件显示为简介。 菜单页面提供用于过滤菜单的类别并显示带有按钮的图像以进行排序。 餐饮页面包括一个样式化的联系表。

价格:25 美元 | 更多信息

3.比萨布局包

Pizza Layout Pack 是一种单页布局,包括左侧或右侧的菜单/徽标放置选项。 英雄部分包括一个带有滑块的全屏背景图像,该滑块显示标语、描述和用于在线下订单的按钮。 详细的“关于”部分在一侧显示厨师的图像,在另一侧显示信息,并带有查看菜单的按钮。 菜单在标签中显示食物,包括照片、描述、价格和购买按钮。 其他部分包括有关厨师的详细信息、全角地图和带有联系表格的自定义页脚以及视差背景图像上的信息。

价格:免费 | 更多信息

4. Divi Pizza shop 1页面布局

Divi Pizza shop 1 页面布局带有自定义 CSS 以创建悬停效果。 英雄部分显示了位于对角线部分分隔线上方并以视差滚动的图像。 这种滚动和视差设计用于整个布局。 屏幕的另一侧是徽标、标题、标语和按钮。 滚动显示一条披萨热线,右侧是图像和电话号码,另一侧是描述和 Trip Advisor 滚动文本。 食物菜单包括几个部分,显示在 4 列中,外列显示文本,内列显示比萨饼的照片。 照片在悬停时放大。 菜单部分在背景中包含大文本。 另一个菜单部分对类别使用大标题文本,对项目使用常规文本。

价格:免费 | 更多信息

5. 烤肉串

烤肉串是比萨店和其他类型食品网站的单页布局。 英雄部分包括一个全屏背景图像,其中包含标题和描述。 带有位置信息的两个块与英雄部分重叠,包括地址、开放时间和位置的图像。 菜单显示带有锚标记的类别,可将您带到该类别。 菜单项显示在单列中,包括图像、选项和价格。 它们包括彩色背景并放置在背景图像上。 画廊以黑白显示食物,然后在悬停时以彩色显示它们。 关于部分包括嵌入的视频。 还包括全角地图和带有样式联系表格的联系部分。 图像包括在内。

fiverr建站WordPress程序员

价格:7.49 美元 | 更多信息

结束的想法

这就是我们对比萨店的 5 种 Divi 布局的看法。 布局包括一些惊人的设计和摄影。 它们包括食物菜单、在线订购系统、食物和位置画廊、文字和颜色的绝佳选择,以及许多风格化的模块。

这些布局也适用于几乎任何类型的食品网站,包括晚餐、咖啡馆、面包店、咖啡店等。 几乎任何价格范围内都有一些东西。 无论您需要建立哪种类型的比萨店网站,这里肯定有一些东西可以帮助您开始您的下一个比萨饼和 Divi 项目。

是的,在写这篇文章时,我午餐必须吃披萨。

我们希望收到你的来信! 您是否为比萨店尝试过这些 Divi 布局? 请在评论中告诉我们您的体验。

独立站选品工具

特色图片来自山甲虫/shutterstock.com

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