吕梁公司站点制作：如何将您的Bloom电子邮件选择为与您的网站设计相匹配的样式

2019.05.27 吕梁公司站点制作

141

如果你错过了，我们最近推出了一项新的设计计划，为吕梁公司站点制作提供免费服务，专业Divi布局每周包装。它们功能齐全，可以直接从.zip文件中使用，这太棒了。

但我们也希望确保您知道如何添加到布局，使您的网站更好地为您的用户和访问者。例如，Bloom是一个非常可定制的电子邮件插件，它是随您而来的。优雅主题成员，您可以(而且应该)将其样式设置为与布局包相匹配。

今天，我要回到我们的第一个免费赠品，旅游网站布局包向你展示如何让布鲁姆带你的访客去一个全新的世界。

如果你不使用我们的布局包，那也很酷。我将打破的过程，如何和为什么我这样做的样式，你可以应用的原则，你的网站的设计，以及。基本上，我们将采取已经起作用的元素和资产，并为我们的新选择稍微调整它们的用途。

千里之旅的第一步

好吧，所以使用插件和样式远近比走一千英里更容易。所以这可能是个糟糕的比喻。随便吧。你明白，对吧？

安装Bloom

您需要做的第一件事是安装Bloom。所以去ET成员区下载并安装Bloom。您还可以跟踪文档，以便为您的电子邮件提供商(Mailimpp、Aweber、Emma等)设置所有内容。

这很容易(我们做到了，所以当然是！)，你会随时准备好让你的游客们跳进来的。

可视化最终结果

当你开始的时候，你应该知道你真正想要的是什么，最后的结果是什么。我建议去你的网站最具标志性元素，或者只是你最喜欢的元素。

除了我最喜欢的部分之外，没有任何押韵或理由让我选择这个部分而不是其他任何部分(因为设计团队在整个布局上做了如此致命的工作)。这让我想起了冒险和兴奋-这也是我想要传达给人们的，所以他们会注册电子邮件列表。

为您的Bloom电子邮件选择样式的步骤

当你第一次做一个新的花朵选择，你必须选择哪种选择-你想要显示。Bloom给了你很多选择，但我们不想让它烦人(即没有弹出窗口)，因为这个布局包都是关于风格和实质的。

所以我们要用旧的备用设备，以下员额。你不会让访客离开的，他们的转化率会变成持久的客户和关系。

undefined

下一页只是命名和选择您的电子邮件提供商和列表，所以它与实际的设计无关(顺便说一句，以后总是可以更改)。所以，把吕梁公司站点制作填好，进入下一节，然后选择一个模板。

undefined

我决定选择一个非常简单的模板，一个在右边的字段。同样，一些简单的工作，以匹配网站的风格。

在那之后，你需要找到一个图像。如果您使用的是旅行布局包，当您将.json文件导入Divi库时，所有图像都将导入到媒体库中。我决定旅行-binoculars.jpg因为它与我从中获得灵感的部分共享元素。我也认为旅行-咖啡.jpg是个不错的选择。

undefined

有一件事要确保你选择文字左像为图像定向下楼。它将调整大小，以适应和漂亮得多与我们的布局。

样式、颜色和字体

旅行包使用的覆盖层#1d2633因为他们的颜色，这使得图像有黑暗，透明的阴影在他们身上。即使Bloom目前不允许透明效果作为背景，我仍然想使用该颜色的Bloom选择-in。

对于字体，旅游网站布局返回使用奥斯瓦尔德用于报头和罗博托为了课文。我们可以在这里做同样的事情来保持连续性。同为平方角，我认为使用一个全边界有一个白色的内部矩形(第四个选项，颜色设置为#ffff)使被选中的流行音乐足以让人注意到，但也不会显得不恰当。

undefined

我认为关于颜色的唯一其他改变是按钮本身：使用#ed 4441以匹配已包含在自由Divi布局包中的按钮。

undefined

再调整一次布卢明

您需要做的唯一其他事情是在CSS中进行一些小的调整，以使字体大小和权重与布局包相匹配。只需复制并粘贴到自定义CSS框在Bloom设计页面中：

/* This snippet will target any paragraph text in the primary area of Bloom and style it without touching any other text on the page or in the plugin */

.et_bloom .et_bloom_form_header p {

font-size:20px;

}

/*This snippet will target only the h2 text within the Bloom opt-in form and size it at half of the normal H2 in the layout pack */

.et_bloom .et_bloom_form_header h2 {

font-size:40px!important;

}

是的，我不喜欢用！重要比您做的更多，但是在这种情况下，这是必要的，因为Bloom是如何被添加到页面中的。

如果你的帖子看起来有点像这样的话，你现在有了一封令人愉快的、有品位的电子邮件，你可以在每一封邮件的底部选择。

undefined

布鲁姆能做到的！

希望通过浏览这篇文章中的旅行布局包，您已经看到了如何在您自己的站点上获取一些元素，并为您的Bloom电子邮件选择加入样式以匹配您的站点的设计。正如您所看到的，仅仅以新的方式使用相同的字体、颜色，甚至图像，就可以完全创造出一些新鲜的、充满活力的东西，而不需要做太多的工作。

因此，选择您最喜欢的吕梁公司站点制作网站元素(或拿上我们的免费布局包！)让布鲁姆为你工作！

吕梁公司站点制作：如何将您的Bloom电子邮件选择为与您的网站设计相匹配的样式

千里之旅的第一步

安装Bloom

可视化最终结果

为您的Bloom电子邮件选择样式的步骤

样式、颜色和字体

再调整一次布卢明

布鲁姆能做到的！

相关推荐