WordPress divi主题

Divi Design Showcase:2019 年 7 月新提交的作品

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

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

又到了我们每月一次的 Divi Showcase 的时候了,我们来看看我们社区成员制作的 10 个 Awesome Divi 网站。 每个月我们都会展示我们社区提交的最佳 Divi 网站,今天我们想与您分享 7 月份的十大网站。 在整篇文章中,我将指出一些我最喜欢的设计功能,这些功能吸引我访问每个网站。

google广告开户

我希望你喜欢他们!

Divi Design Showcase:2019 年 7 月新提交的作品

1. 启用

本网站由 Nicolas 提交。 该网站使用大量超大文本作为标题和号召性用语。 英雄部分显示带有标题和标语的大绿色背景。 带有文本的行通知用户滚动。 滚动显示一个两列部分。 左侧显示带有大文本和超大块状按钮的 CTA。 右侧显示了真实视差的图像。 另一个大部分使用大文本显示有关其服务的信息,以介绍每个服务的部分和简介。 另一个大的部分显示了客户的姓名,后面是一个包含联系信息和菜单的显示页脚。 我喜欢项目页面的设计,它在视差图像上使用具有高不透明度的大型彩色叠加层。

查看网站

2. Ljuba – Riflessi Digitali

该网站由 Ljuba 提交。 它在一侧显示网站所有者的全屏图像,另一侧显示标题和徽标。 在主图下方是一个薄的全角部分,带有脚本字体的标语和电子邮件选择加入表格。 关于部分向所有者介绍了一个 CTA,然后是几个 CTA,其中包含许多柔和的颜色、脚本字体和优雅的图形。 博客部分显示带有包含博客标题的小覆盖的帖子。 一个简单的联系表格位于带图案的背景上。 页脚包含一个 Instagram 提要。 我喜欢投资组合页面。 它在桌子上的计算机屏幕上显示示例,并在底部的叠加层中包含标题。

查看网站

3.成功模式

该网站由 Aaron Robertson 提交。 该网站自始至终使用大量粗体颜色,包括背景、图形、按钮、标题、链接和菜单中的 CTA。 英雄部分以视差显示覆盖在图像上。 叠加层在一侧提供产品信息和链接,在另一侧提供移动设备内产品的风格化图像。 使用彩色图形作为图标在简介中显示功能。 全角 CTA 在深色背景上使用大文本、大图形和粗体按钮。 另一个 CTA 的设计与英雄部分类似,但在移动设备上使用应用程序的单一风格化图形。 许多其他页面都使用类似的粗体颜色来设计 Divi 模块。 我特别喜欢带有背景图像和叠加层的音频模块。 这个网站很好地利用了颜色。

WordPress divi主题

查看网站

4. 埃里克·胡珀

该网站由 Ty Hooper 提交。 它将图像蒙太奇显示为英雄部分的背景,徽标和标语位于叠加层的中心。 紧随其后的是全角部分,一侧显示图像,另一侧显示信息。 章节的一部分以网格形式显示博客文章。 章节本身显示一张旧纸的背景图像,一侧是文字,另一侧是图像。 文本和图像在整章中交替出现。 博客导航按钮包括网站的标志。 图片页面显示了一个墙到墙的画廊,文档页面类似,但添加了标题。 采访页面包括嵌入视频和文档图像的多列布局组合。

查看网站

5. 哈蒙纳海滩酒店

该网站由 George Paratsokis 提交。 当网站加载时,我们会看到一个标志的预加载器。 加载后,英雄部分会显示一个大背景图像,其中覆盖了大部分图像。 出现在图像左侧的是动画框中的标题和标语,该框在一侧部分打开。 菜单中的框、徽标、标题文本、按钮、社交图标和 CTA 是与网站品牌相匹配的漂亮棕褐色。 关于部分显示一个带有圆圈的链接,该圆圈动画以在悬停时为文本加下划线。 房间显示在卡片中,标题位于图像底部。 悬停时,图像上方会出现一个叠加层,标题移至中心,然后出现阅读更多链接。 全角 CTA 显示类似于英雄部分的叠加层,并在文本周围绘制框,与按钮重叠。

查看网站

6. 专业网站巴塞尔

本网站由 Benny Hozjan 提交。 这是一个单页设计,有很多细节,例如跟随部分并突出显示菜单中的部分的紫点,以及匹配样式的导航栏。 英雄部分显示了一个带有彩色形状的图案背景,中间有一个标语,后面是一个与下一个部分重叠的图形。 关于部分显示了它是如何使用带有动画图标的模糊的,即使你没有将鼠标悬停在它们上面也会反弹。 几个部分显示信息,一侧是文本,另一侧是图形。 服务显示在包含悬停动画、图像、标题和底部样式点的简介中。 全角 CTA 以大字体显示一小行文本,一侧带有较小的标语,另一侧带有动画按钮。 客户端徽标的一部分使用与英雄部分相同的背景,但以视差显示以创建不同的外观。

查看网站

fiverr建站WordPress程序员

7. 虚拟现实

该网站由 Reinhard Wedemeyer 提交。 该网站在深色和浅色背景上都使用了大量的红色作为品牌宣传。 顶部栏添加了一个常见问题解答和几个社交链接。 英雄部分显示带有 Cinemagraph 的全屏背景,以突出一侧的产品和另一侧的标题和 CTA。 下一部分显示简介中的信息和滑块中的产品图像。 另一部分简介包括与网站品牌相匹配的多色图标。 全角 CTA 在红色背景的一侧显示文本和按钮,另一侧显示产品图形。 我最喜欢的部分之一展示了 8 张较小的产品图片,中间有描述。 详细的联系表格放置在英雄部分中使用的背景图像上。 各个产品页面以粗体红色背景显示产品。 角落中的 CTA 弹出窗口将引导您访问包含产品图片的常见问题解答。

查看网站

8.尼古拉·索伦森

本网站由 Nicolai Soerensen 提交。 它显示一个大的背景图像,中间有一个叠加层和一个 CTA。 滚动显示一个两列部分,一侧是 CTA,绿色按钮与菜单中的 CTA 相匹配,另一侧是办公室图像。 该页面包括几个类似的 CTA。 “关于”部分在一侧显示信息,另一侧带有圆圈图像和奖励。 简介的几个部分包括与网站品牌相匹配的绿色线条绘制的图像。 案例研究显示为带有分隔符、标题和描述的大图像。 悬停时会出现一个阅读更多按钮。 我喜欢在外边缘未封闭的内衬网格内的灰色徽标部分。 这是一个产生重大影响的最小元素。 营销页面显示带有详细统计数据的客户图像。

独立站选品工具

查看网站

9. 出现

本网站由 Christian Schick 提交。 它显示一个带有波浪形分隔线的绿色背景,一侧是 CTA,另一侧是与下一部分重叠的图像,下一部分显示图像和详细信息。 这些图像彼此倾斜并成对角线,以创造有趣的视觉效果。 下一部分在一侧显示文本,在另一侧显示图标。 图标使用带有样式形状的纯色背景来脱颖而出。 形状与徽标相匹配。 我喜欢项目部分。 每个项目在多列布局中的文本块旁边显示一个图像。 一个文本模块位于带有波浪形分隔符的部分的中心,这些分隔符与以下部分重叠,该部分通向 CTA,然后进入带有波浪图案的简单电子邮件表单的样式页脚。 每个页面都使用波浪背景,标题覆盖层带有渐变,其中还包括图标和标语。

查看网站

10. 早安人

高质量外链购买

该网站由露西提交。 主页是多列布局中的图像马赛克。 这些图像采用艺术叠加和其他图像一起裁剪而成。 演讲者的图片链接到他们的个人页面。 将鼠标悬停在它们上方会显示一个带有它们的名称和标题的文本框以及两侧的绿色边框。 该公司的其他图像用于在需要的地方填充空间,并且不链接到任何东西。 演讲者页面以网格形式显示大图像,其下方有标题。 个人页面的工作方式类似于博客文章,并在内容之后显示全屏图像。 内容中的引用为绿色,与博客导航链接相匹配。 内容包括三栏,左侧为标志,中间为主要内容,右侧为侧边栏信息。

查看网站

结束时

这是我们 7 月份提交的 10 个最佳社区 Divi 网站。 这些网站看起来很棒,我们一如既往地感谢大家的提交!

如果您想考虑自己的设计,请随时通过优雅主题 dot com 给我们的编辑发送电子邮件至 nathan。 请务必将电子邮件的主题设为“DIVI SITE SUBMISSION”。

我们也希望在评论中收到您的来信! 告诉我们您喜欢这些网站的哪些方面,如果他们做了什么,您希望我们在博客上教授。

JasperAI 10000字免费额度试用

特色图片来自 MSSA / shutterstock.com

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