我会承认的。 我是咖啡店的粉丝。 它们不仅是享用美味咖啡和糕点的好地方，而且还是聚会的好地方。 像任何好的企业一样，咖啡店需要令人惊叹的网站。 正如您已经猜到的那样，Divi 是为咖啡店建立网站的绝佳主题。 咖啡店甚至还有几种 Divi 布局可以帮助您入门。
在本文中，我们将介绍 6 种非常适合咖啡店的 Divi 布局。 他们甚至为小酒馆、咖啡馆、面包店等工作。大多数都是免费的，而且都有一些不错的设计元素。
让我们来看看！
（布局没有特别的顺序。）
订阅我们的 Youtube 频道
1.咖啡店布局包
Coffee Shop Layout Pack 包含 8 个页面，包括登陆、主页、菜单、指南、商店、博客、关于和联系。 登陆页面包括一个真实视差的全屏背景图像，带有标题、标语和一个用于在叠加层中查看商店的按钮。 带有杯子中咖啡头顶图像的部分描述了可用的咖啡类型。 它包括指向菜单的链接。 布局还包括许多带有 CTA、图像、简介、博客等的部分。自定义页脚以视差显示营业时间和联系信息。 菜单页面显示俯视图并包含价格说明。 商店页面包含许多 CTA。 包括咖啡、杯子和相关物品的图像，可免费使用。
价格：免费 | 更多信息
2. 咖啡屋
Coffee House 是咖啡店、咖啡馆和类似商店的单页布局。 它有一个带有背景图像的全角英雄部分。 标语和营业时间放置在叠加层中。 下面是一组带有样式按钮的图标，可将您带到布局的各个部分。 菜单部分使用优雅的标题效果并包含说明。 多列布局显示商店的图像以及信息。 关于部分显示与下一部分重叠的文本和图像，这是一个样式化的推荐滑块。 样式化的联系表单使用布局中的文本。 它还包括一个嵌入式地图和一个带有导航菜单和社交图标的自定义页脚。
价格：免费 | 更多信息
3. 两个咖啡厅
Two Café 是咖啡店的单页布局。 它显示全屏背景图像，并带有高度不透明的覆盖层以匹配咖啡颜色。 它有一个带有重叠咖啡图标的粗边框。 许多其他部分包括此重叠图标。 叠加层包括徽标、标题和标语。 下一部分使用样式化的垂直分隔线在两列中显示信息。 一个带有食物菜单的类似部分紧随其后，并将食物显示为带有价格和描述的文本。 它还包括一个网格中的画廊，以及一个包含开放时间、联系信息和社交按钮的联系部分、一个联系表格和一个嵌入式地图。
价格：免费 | 更多信息
4. 咖啡店
咖啡店是带有咖啡配色方案的单页布局。 英雄部分包括一个带有标题的背景图像，标语是一个带有圆形边框的小覆盖。 它还包括一个样式按钮，用于查看商店部分的产品。 博客部分显示带有圆形和样式边框的博客卡片。 他们的特色图像在悬停时显示咖啡色叠加层。 “关于”部分在一侧显示几列窄文本，在另一侧显示图像。 图像在悬停时放大。 风格化的推荐书包括在悬停时改变的咖啡色背景。 他们的图像也会在悬停时放大。 产品部分显示带有圆形图像的产品。 它还包括带有悬停效果的数字计数器，一个单独的部分中的小图像滑块，因此它脱颖而出，以及视差的三列接触部分。
价格：7 美元 | 更多信息
5. 咖啡因
Caffeina 是一种单页咖啡店布局，也适用于咖啡馆、小酒馆、面包店等。英雄部分包括全屏背景图像，前景中带有图标、徽标和按钮，可将您带到菜单和联系人部分。 滚动显示“关于”部分，其中一侧包含文本，另一侧包含图像。 菜单部分在一侧列出了咖啡，另一侧列出了放在背景上的食物。 这些项目以文本形式列出，包括标题和价格。 图标标识菜单的每个部分。 它还包括一个全宽的砌体画廊、一张带方向的地图和一张背景图片上的联系表。
价格：10 美元 | 更多信息
6. 面包店菜单
面包店菜单是咖啡店、面包店、小酒馆和咖啡馆的单页布局。 它专注于食物菜单。 英雄部分显示黑色背景，顶部有标题和描述，底部有与下一部分重叠的图像。 菜单部分在一侧显示一个大图像，图像上方有一个标题。 另一边是两列中的食物。 它们包括带圆圈的图像、标题和价格。 菜单部分使用棕褐色或白色背景，并在页面下方交替布局。 页脚有一个两列部分，一侧有一个大的联系表格，其样式与布局相匹配。 另一面是一张带有图像和联系信息的卡片。
价格：免费 | 更多信息
结束的想法
这就是我们对咖啡店 6 种 Divi 布局的看法。 大多数是免费的，但没有一个是昂贵的。 大多数是一页布局，但它们确实包含创建多个页面所需的功能。 当然，ET 布局包中塞满了咖啡店从一开始就需要的每一页。
它们包括联系信息、食物菜单、展示咖啡店的画廊、内置商店，以便您可以从网站上销售商品等等。 如果您打算使用 Divi 构建咖啡店网站，这些布局是入门的好方法。
我们希望收到你的来信。 您是否为咖啡店尝试过这些 Divi 布局？ 在评论中让我们知道您对它们的看法。
特色图片来自 Vetreno / shutterstock.com
