晋城做网页:5寻找模式背景的最佳地点(+如何将其添加到WordPress)

2019.05.27 晋城做网页

148

晋城做网页需要完美的模式背景,以刺激您的WordPress网站?使用良好,背景模式允许您改进您的网站的设计,而不分散您的内容。但是他们需要更多的努力来使用比一个坚实的颜色。也就是说,在将其添加到WordPress站点之前,您需要找到您喜欢的模式背景。

为此,我将花这篇文章给你五个很酷的地方,在那里你可以找到你的WordPress网站的背景模式。然后,在我告诉您在哪里找到它们之后,我将给您提供一些不同的方法,用于如何将这些背景模式添加到您自己的WordPress站点中。使用Divi或者另一个主题。

为您的网站找到模式背景的5个有用的地方

下面,您将找到一个网站列表,您可以在其中浏览各种模式图像背景,您可以使用您的网站。这些不是特定的背景,而是可搜索的集合,您可以使用这些集合来找到高质量的背景。

1。顶部微妙图案

晋城做网页 

Toptal提供的微妙模式是一个模式背景库,它提供的微妙的背景模式不会压倒您站点的其他部分,这是不足为奇的。

在撰写这篇文章的时候,Toptal提供了431种不同的模式背景,您可以免费使用100%。为了使用这些模式,您需要做的唯一件事就是留下一个信用记录。在你的源代码中。你不需要把信用放在你的前端网站上。

使用该网站不需要注册-只需单击下载若要获得包含所选背景的PNG文件的ZIP文件,请执行以下操作。

您还可以通过单击预览在图案上方盘旋时的按钮。

价格:自由

2。神奇模式库 

惊人的模式库是另一个有用的来源模式背景添加到您的网站。用创建者的话说,“这个正在进行的项目汇集了最有才华的设计师共享的模式,供您在设计中自由使用。”

并不是所有的模式都像Toptal系列中那样微妙,但是你仍然可以找到很多好的选择,以及一系列的其他风格。

要浏览模式,可以使用右上箭头或向下箭头,也可以单击以查看完全随机的模式。一旦您找到您喜欢的模式,您所需要做的就是悬停在左上角直接下载文件。

价格:自由

3。Patterninja

 

Patterninja采取了一种不同的方法,因为它实际上是一个很好的工具,可以帮助您自己创建模式背景,而不是一个预先制作的模式背景列表。

你可以上传你自己的图片,也可以从现有的一组图像中进行选择,这些图像与背景很好地配合。您还可以更改出现在图像后面的核心背景色。

该工具非常容易使用,应该对设计师和非设计师都有帮助。

一旦您完成您的模式,您可以下载它作为PNG或SVG在您自己的网站上使用。

价格:自由

4。英雄模式

 

英雄图案是设计师史蒂夫·舒格提供的免费模式背景资源。用他自己的话说,这是一个“可重复的SVG背景模式的集合,供您在Web项目中使用。”

虽然收藏品不像其他的那样广泛,但它确实提供了一个坚实的品种。你可以很容易地改变背景和前景的颜色,以及不透明度,就在网站上。

史蒂夫计划增加更多的背景,所以这个资源应该越来越好。

价格:自由

5。模式8 

模式8是一组可重复的背景模式,您可以免费使用。风格广泛多样,涵盖了从基本背景到圣诞节主题风格的方方面面.

您可以通过搜索或使用可点击的颜色过滤器对集合进行排序,以缩小适合您网站设计方案的颜色。

价格:自由

如何将选定的模式背景添加到WordPress站点

在大多数情况下,添加一个背景图像使用WordPress定制器访问WordPress站点,但如果主题不使用WordPress定制器,有时还必须深入了解主题的自定义设置仪表板。

晋城做网页在本节中,我将向您展示如何向Divi和二十五个主题中添加背景图像,但是只要您使用的是一个编码良好的支持背景图像的主题,您就应该能够将这些相同的方法应用到WordPress站点上。

如何向Divi添加模式背景

若要使用Divi向WordPress站点添加模式背景,需要转到→主题定制器。然后,在WordPress定制器接口中,单击一般设置然后背景:

 

上传你想要的图像。那么,只要您使用的是盒式布局(如果您使用的是全宽度布局,则不会显示您的背景。),你应该看到你的背景出现了。您还可以更改在上传背景图像的位置下面的平铺和重复设置。

如何向Divi模块或行添加模式背景

如果您希望将模式背景添加到单个Divi模块或行,而不是整个站点,则需要一种稍微不同的方法。

在divi构建器中,单击以输入设置弹出你想要的模块或行。然后,导航到设计标签。与前面的方法一样,您可以上传背景图像并选择其样式:

 

带着Divi Builder中的新背景选项,你还有很多其他的选择来设计你的背景。

如何向二十五个图形背景中添加图案背景

向20 15添加模式背景与向Divi添加模式背景类似。头到外观→定制。然后选择背景图像选项并上传所需的图像:

 

您应该立即看到更改更新。如果你想进一步调整事物,你也可以改变重复和定位。

奖金-用插件添加背景

如果你的主题不给你一个很容易改变的选择背景图像,在深入到主题的CSS文件之前,您可能还有一个选择。

PippinWilliamson有一个名为“高级插件”的插件。全屏背景图像Pro它允许您将自定义背景图像添加到任何正确编码的WordPress主题中。它确实花费了18美元,但是如果你不想用CSS弄脏你的手的话,你也可以更容易地使用它。

把东西包装起来

晋城做网页在WordPress站点上使用模式背景可以创建比静态颜色背景更有趣的设计。但是,我列出的五个站点中的任何一个都应该能够帮助您找到站点的质量背景,而不是从头开始创建一个站点。

然后,您可以使用WordPress定制器、DiviBuilder、插件或自定义CSS将所选的背景图像添加到WordPress站点。

现在轮到你了-你喜欢网站上的纯色还是有图案的背景?还是取决于每个网站的具体美学?

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP